wordpressのテーマ
wordpressのスキン

1カラムの場合のメニューの長さを調節

調整

カラム数の変更でカラム数を1にした場合、メニューは一番下に3つに分かれて表示されます。この時、上の画像のようにメニューの長さがバラバラだと、見栄えが悪くなります。各メニューの長さを調節してみましょう。このカスタマイズは、場合によって元に戻らないようなズレやエラーが発生する場合があります。必ず元の状態のバックアップを取ってから実行してください。

各メニューに入れるコンテンツを変える

  • 管理画面にログインし、メニューから「デザイン」「テーマエディタ」を選択し、テーマファイルのテンプレートから、サイドバー(sidebar.php)を選択
  • このサイドバーで、<div class="menu1"></div>に囲まれた部分が左のメニュー、<div class="menu2"></div>に囲まれた部分が真ん中のメニュー、<div class="menu3"></div>に囲まれた部分が右のメニューの中身になります。つまり、長すぎるメニューの中身のうち移動させたい部分だけを別のメニューの中身にコピー&ペーストすればいいのです。サイドバー
  • 例えば上の2の画像の例で説明します。現在真ん中のメニューにあるタグクラウドを、左のメニューに移動してみます。移動の図
  •  以下のように書き換えて「ファイルを更新」ボタンを押すと、下の写真のようにタグクラウドが真ん中のメニューから左側のメニューに移動しました。これを繰り返して自由にメニュー間のコンテンツを移動し、お好みの長さにして下さい。コピー&ペーストする範囲を誤るとレイアウトが崩れてしまうので、必ずバックアップを取ってから行いましょう。レイアウトが崩れたら、バックアップに戻してまたやり直しましょう。
    移動後メニュー例
  • 尚、注意として、
    <!-- Widget Area Start -->
    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
    <?php endif; ?>
    <!-- Widget Area End -->
    で囲まれた部分は、「デザイン」の「ウィジェット」で設定したものが自動で入れられる為、この方法では編集ができません。ウィジェットに何も設定せず、全て手動のタグでコンテンツを入れることで解決します
wpのテーマ