ワードプレスのテーマにサイドバー・ウェジェットを搭載する方法

特集, WordPress, ガイド, ブログデザイン • 2007/5/18 金曜日

by ゲーリー キング

このエントリーをはてなブックマークに追加

さて、君は出来立てほやほやの真新しい（つまり新しい）WordPress（ワードプレス）のテーマを手に入れ、まるで自分のお手柄のように見せびらかしているのだろか。それで次は何を手に入れるつもり？WordPress 2.2が一昨日（5月16日）リリースされ、それに伴い大きな変更が行われた。そのなかでもとりわけ重要な変更は、サイドバー・ウィジェットに関連している。これは、かつてプラグインとして提供されていたのだが、今やアプリケーションに内蔵されているのだ。

今回は、ブログのテーマを「ウィジェット化」するために何を知っておく必要があるのかを一緒に探っていこうと思う。はじめの一歩として、とりあえずウィジェットをブログのテーマで使えるようにする必要がある。まだワードプレス2.2をインストールしていなくても、ご心配なく。別途プラグインをサイドバー・ウィジェットとしてインストールすれば問題ないからね。

よし、それではワードプレスのウィジェットをインストールしたとして、テーマをウィジェット化していくよ。

物事には順序ってものがある。まずテーマのsidebar.phpファイルを開こう。このファイルがどこにあるのかは「テーマ」タブをクリックして、表示された「All of this theme’s files are located in wp-content/themes/default.：このテーマのファイルは[wp-content/themes/default]にあります」という場所をチェックすれば見つけ出すことができる。sidebar.phpファイルは、自分のウェブサイトにFTPでログインすると、このディレクトリ内に設置される。

次に、初っ端の<ul（わざと閉じないよ）を見ていこう。これは<ul>や<ul id=”sidebar”>のように表示される。このコードの直後に以下のコードを配置する。

<?php if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar() ) : ?>

こうすると、次のようになるはずだ。

<ul id=”sidebar”><?php if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar() ) : ?>

そうしたら、</ul>を探し、その直前に以下のタグを加えよう。

<?php endif; ?>

上記の作業を終えたら、sidebar.phpファイルが置かれているファイルにfunctions.phpファイルを作って終わりだ。ファイルのコンテンツは以下のようになるだろう。

<?php
if ( function_exists(’register_sidebar’) )
register_sidebar();
?>

もしサイドバーが複数あるなら、functions.phで代わりに以下のコードを利用しよう。ここで「2」は持っているサイドバーの数を表している（実際に持っているサイドバーの数に合わせて変更しよう）。

<?php
if ( function_exists(’register_sidebars’) )
register_sidebars(2);
?>

これで終わり！もう底部のウィジェットタブからウィジェットをサイドバーにドラッグ&ドロップすることができるようになっているはずだ。お分かりだとは思うが、利用可能なウィジェットのうち、たとえ1つでも利用しているなら、君のサイドバーは、君が置いたウィジェットを表示する新しいサイドバーに置き換えられるとを覚えておこう。

これが役に立ったら、あるいは何か答えて欲しい質問があれば遠慮なく問い合わせてもらって結構！テーマをウィジェット化する方法について、もっと総体的なガイドラインが必要なら、公式のチュートリアルを参考にしよう。引き続きウィジェットを変えていくなら、ネイサンのチュートリアル、「ウィジェットのスタイリング」は一見の価値がある。

[ゲイリー・キングはプロのフリーランスウェブ開発者であり、Ruby on Rails（ルビー・オン・レイルズ）とPHPを主に使って、カッコイイウェブサイトを作り、デビューさせている。 世界の支配を目論んでいないときは、King Gary（キング・ゲーリー）でブログを書き、自身の考えについて思いを馳せている。]

[原文へ]

このエントリーをはてなブックマークに追加

関連記事

人気の記事