このブログは今後は更新されません。FE.labsにてWordPress向けの記事も更新してゆきますのでよろしくお願いします。
今後このドメインは、ファーストエレメントのWordPress関連業務のブランドサイトとして近くリニューアルする予定です(2012/8/24)。
カテゴリ&タグ&カスタムフィールド&年月&キーワードで絞り込み検索ができるプラグイン『FE Advanced Search』

ウィジェット領域を2つ以上つくる

WordPressウィジェット領域は、標準ではsidebar.php内の1カ所だけだが、index.phpやfooter.phpなど、その他のエリアにもウィジェット領域を持たせる。

■手順1:
テーマフォルダ/functions.php 3行目

register_sidebar(array(

これを

register_sidebars(3,array(

※数字は、ウィジェット領域の数


 
■手順2:
(例:index.phpのループの前と後に2つの領域を挿入)
テーマフォルダ/index.php 5行目 have_postsの前に以下を挿入

<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(2) ) : ?>
ここはウィジェット「2」※ウィジェットに何も登録されていない時にここの内容を表示
<?php endif; ?>

テーマフォルダ/index.php 40行目 endifの後に以下を挿入

<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(3) ) : ?>
ここはウィジェット「3」※ウィジェットに何も登録されていない時にここの内容を表示
<?php endif; ?>

WordPressウィジェット
※分かりやすくするためにdivで囲って色を付けてあります。
※サイドバーには、ウィジェットが登録されていない場合は従来どおりの標準的な内容が表示されます。

■手順3:ウィジェットを追加
管理画面>Design>Widget
にて、右側「Current Widget」のプルダウンメニューにウィジェット領域が3つ出来たことを確認し、それぞれの領域にウィジェットを設定する。左側に並んでいるウィジェットの「Add」ボタンを押すと右側に追加されるので、上下の順番をドラッグ&ドロップで変えて「Save Changes」をクリック。
WordPressウィジェット

■結果:
WordPressウィジェット
ループの前と後、右サイドバーそれぞれに別々のウィジェット領域が追加されました。標準のウィジェット類やアフィリエイトのバナー(テキストウィジェット)の他、PHPを実行可能なウィジェットも追加すれば、使い方次第でかなり凝った複雑なサイトでもすごく簡単にレイアウト変更ができるようになります、クライアント側でも。

■補足:
テーマフォルダ/functions.php 4~7行目に、それぞれのウィジェットの前後に挿入されるタグ類を指定する「before_widget」「after_widget」「before_title」「after_title」という項目があります。標準ではそれぞれli、h2となっています。上記テストではそこはいじってないです。

※WordPress 2.5 RC2 でテストを行いました。なので管理画面などは英語表記です。エックスサーバーへのインストールもまったく問題なくスムーズに完了しました。前回投稿のerror_logの関係でインストールスクリプトが止まってしまうこともありませんでした。

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

12件のコメントがありますコメントのRSSフィード

  1. WordPressとか より:

    WordPress カスタマイズについて

    ホームページ作成用ソフトについてホームページ作成用ソフトについて今私は中学生なのですが、高額なソフトを買うお金がないので、フリーソ…

  2. [...] ウィジェット領域を2つ以上つくる [...]

  3. サイドバーを増やして複数のウィジェットを使ってみた。

    当初僕が「まとめ買い通販.com」用にGETしたWordPressのテーマは、
    変則2カラム(ヘッダー+本体+右サイドバー+フッター、みたいな)構成
    だったの…

  4. [...] ジェット領域を2つ以上つくりました。やり方はこちら。 参考:ウィジェット領域を2つ以上つくる [...]

  5. [...] 参考にさせていただきました→ウィジェット領域を2つ以上つくる【WordPressカスタマイズメモ】 カテゴリー: WordPress — OSCA @ 10:42 AM [...]

  6. [...] ■ウィジェット領域を2つ以上つくる【WordPressカスタマイズメモ】 http://wpcms.jp/195/ [...]

  7. zamuu より:

    wordpressのウィジェットをページ毎に表示を変更できるプラグインをこちらのサイトを参考に作成させて頂きました。
    ありがとうございました。

  8. [...] こちらを参考にさせていただきました。 http://wpcms.jp/195/ コメント(0) カテゴリー [...]

コメント/質問お待ちしています

トラックバックURL:
http://wpcms.jp/195/trackback/

CATEGORY

ARCHIVE

2017年11月
« 12月    
 1234
567891011
12131415161718
19202122232425
2627282930