SEO塾テンプレートのカスタマイズ ヘッダー直下メニューをサイドバーへ移動【追記】

SEO塾テンプレートのユーザーで、HTMLや特にCSSが分かる方は、デザインに苦労はしないと思われます。

ところが、PHPはちんぷんかんぷん、ましてWordPressはビギナーという場合、カスタマイズは覚束ないと歯がゆい思いをされていることでしょう。

ヘッダー直下のメニューをサイドバーへ移動する方法

SEO塾テンプレートのユーザーも徐々に増えてきましたので、私なりのカスタマイズ法を解説してみましょう。

たった今、このブログは、ヘッダー直下メニューをサイドバーに移動させています。

やり方は超簡単です。

2009-12-20追記

「Executable PHP widget」プラグインをインストールします。

プラグイン → 新規追加で、「PHP Code Widget」を検索して、同じ名前のプラグインをインストールします。
あるいは、WordPress › PHP Code Widget « WordPress Plugins からダウンロードして、FTPなどでアップロードしてください。

まず、使用しているテーマの「footer.php」のソース、次の箇所

<div id="navigation">
<ul>
ほにゃらら
</ul>
</div>

<ul>～</ul> のソースをコピーして、外観 → ウィジェットを開きます。

「PHP Code」ウィジェットを、左サイドバーへドラッグアンドドロップします。

そこに、タイトルには「メニュー」とか適当に入れて、大きい枠には先ほどのコピーしたソースをペーストします。

ここで保存して、サイトを確認してください。サイドバーにメニューが現れているはずです。

これでよろしいということでしたら、「footer.php」の<div id="navigation">～</div> のソースを削除してファイルをアップロードします。

このサイトの場合は、Web標準的には問題があるのですが、<ul>～</ul> だけを削除、<div id="navigation"></div> を残しています。

後は、#navigation や #header 関連のCSSを、自分が納得するまで修正します。

My Category Order

さて、ブログツールで難儀をするのが、なかなかデフォルトの設定を変更できないという点です。

ヘッダー直下にあろうが、今回のようにサイドバーに移そうが、カテゴリーの並び順が、思うようになりません。

そこで、WordPressならではの便利なプラグインの活用です。

「My Category Order」をインストールしましょう。そして有効化します。

次に、投稿 → My Category Orderへ。

ここで、カテゴリーが一覧で出てきますから、ドラッグアンドドロップで好みの順番で並び替えして、左下のボタンを押して確定させます。

これで随分と勝手が変わってくるでしょう。

開発元のイーティーネット株式会社は、あらかじめナビゲーションを「My Category Order」対応でコーディングしています。

さあ、ブログを量産していきましょう。