WordPress テーマのカラムレイアウトを変更する

WordPress テーマのカラムレイアウトを変更する

Posted at February 26,2010 2:34 AM
Tag:[Theme, WordPress]

配布中の WordPress テーマのカラムレイアウトを変更する方法です。

以前、「WordPress テーマ修正(フッタ付きリキッドレイアウト対応)」で変更方法はお知らせしていたのですが、記事が埋もれてしまっている(というか、リンクの張り忘れです)ので、カラムレイアウトの変更方法のみ改めて紹介しておきます。

WordPress テーマは、次のリンクからダウンロードしてください。

WordPress テーマ

1.カラムレイアウトの変更方法

テーマを入れ替えたあと、テーマエディタで「ヘッダー(header.php)」を選択し、下記の赤色部分を変更するだけです。

…前略…
<?php /* <body class="<?php if(is_home()) { ?>layout-two-column-right<?php } else if(is_single()) { ?>layout-one-column<?php } else { ?>layout-two-column-right<?php } ?>"> */ ?>
<?php global $layout; $layout = 'layout-three-column'; ?>
<body class="<?php echo($layout); ?>">
 
<div id="box" class="clearfix">
…後略…

2.設定値

設定値は次の通りです。

  • 3カラム固定(左右サイドバー):layout-three-column
  • 3カラムリキッド(左右サイドバー):layout-three-column-liquid
  • 3カラムリキッド(右サイドバー):layout-three-column-liquid-right
  • 2カラム固定(左サイドバー):layout-two-column-left
  • 2カラム固定(右サイドバー):layout-two-column-right
  • 2カラムリキッド(右サイドバー):layout-two-column-liquid-right
  • 1カラム固定:layout-one-column
  • 1カラムリキッド:layout-one-column-liquid

どのような感じになるかは、「WordPress テーマ修正(フッタ付きリキッドレイアウト対応)」をご覧ください。

関連記事
トラックバックURL


コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)