ぽちろぐ

サイドバーのウィジェットごとにに名前をつけたい。

WordPressのテーマ作成で

フルスクラッチでテンプレート内に機能をすべてphpで書き込むのもカッコ良いのですが、便利なウィジェット(widget)がたくさん提供されているので使いたいわけです。

ウィジェット置き場(dynamic_sidebar)はテーマのfunctions.phpに宣言すれば、いくつでも作れます。もともとサイドバーで使われていた物なので、ダイナミックサイドバーと言うのかな?

if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(9) )
register_sidebars(1,
array(
‘name’=>’サイドバーウイジェット’,
‘before_widget’ => ‘<div class=”widgetbox”>’,
‘after_widget’ => ‘</div>’,
‘before_title’ => ‘<h3>’,
‘after_title’ => ‘</h3>’,
));

(9)というのは、全部で9個のウィジェット置き場を作っていますよ、という意味です。

ウィジェットを呼び出すには、例えばサイドバーに置くならsidebar.phpを編集し、以下のコードを設置します。もちろんフッタ(footer.php)に書いてもかまいません。

<?php if ( function_exists(‘dynamic_sidebar’) && dynamic_sidebar(4) ) : else : ?>
<?php endif; ?>

(4)というのは、functions.php内で4番目に作ったウィジェット置き場という意味です。

ウィジェット置き場(dynamic_sidebar)に設置するウィジェットに名前を付けたい

例えばぽちろぐでは上から

  • テキストウィジェット(広告コードが貼ってある)
  • 人気の投稿ウィジェット
  • 検索ウィジェット
  • テキストウィジェット(おすすめ商品が貼ってある)
  • タグクラウドウィジェット・・・・

を使っています。

上のfunctions.phpで
‘before_widget’ => ‘<div class=”widgetbox”>’,
と宣言しているように、各ウィジェットは<div>タグで囲われています。さらにクラス名”widgetbox”が付けられています。

しかし、スタイルシートからウィジェット別にid・classを指定する手段がありません。全部widgetboxです。

  • 「人気の投稿」は読みやすいように文字サイズを大きくしたい!
  • 「タグクラウド」はあればいいや。文字は小さめで薄い色にしよう。

といった個別指定ができないのです!

「idとしてウィジェット名か、せめてウィジェットを呼び出した番号が割り振れればいいなあ」と、「wordpress dynamic_sidebar」等のキーワードで探している内にやり方を見つけました。

‘before_widget’ => ‘<div id=”%1$s” class=”widgetbox”>’,

‘before_widget’ => ‘<div id=%1$s class=”widgetbox”>’, //修正しました

%1$sがウィジェット名が格納されている変数です。こんなの、知らなければ分からないですよね〜。

情報を見つけたのはここ。

http://tenderfeel.xsrv.jp/wordpress/reference/84/

おかげでウィジェットごとにスタイルを楽々設定できるようになりました(^_^

この記事は2015/09/09に公開され、56 views読まれました。

     PC   , , , ,

コメントする

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Jpeg画像を添付できます。

サイドバーのウィジェットごとにに名前をつけたい。 - ぽちろぐ EOS R6II・R10・GR III・α7IIIの実体験お散歩カメラブログ。

Copyright©ぽちろぐ, All Rights Reserved.