WordPress Snippet

ワードプレスをカスタマイズしよう

カテゴリー: ウィジェット

ウィジェット設定の取得

投稿日: by

widget_+ ウィジェットの名前 でオプションテーブルに保存されているので、以下のように取得できます。
例えば、組み込み済みウィジェットのカテゴリウィジェットなら、
インアクティブなものも含まれます。
アクティブなウィジェットは、
で取得できます。
この2つを組み合わせると、現在アクティブなウィジェットの、設定値を取得することが出来ます。
どんな場合に、オプションから取得する必要があるのか?
例:ウィジェットにカスタムスタイルを設定で…

WEB アクセシビリティ スキップリンク考

投稿日: by

アクセシビリティに関する記事を書いています。)よろしければこちらも、 キーボードアクセシビリティとスキップリンクを考えるためのhtml このリンクを開いたら、キーボード のタブキーを押してみてください。左上に「みずらくありませんか」とかの項目が表示されるので、改行キーを押してみてください おまけ  フォントサイズ変更をCSSだけで行う IE9以上で使えます。 IE8対応は、CSS :targetをサポートしていないので、スクリプトが必要です。 キーボードでフォーカスが移動すると、リンクの意味を読み…

ウィジェットが、アクティブかどうかをチェックする。

投稿日: by

*widget_id(id_base)を取得する
id_baseは、どうやって取得すればいいのか、試行錯誤が始まり、
というコードを書いて、例えばオリジナルのウィジェットでもうまくいくものなのかどうか、検証を始めた
自分で書いた widgetも動かないものがある。上記のコードでもid_baseが拾えない。
仕方なく調べると、
widget_id は、それぞれのWidgetクラスのコンストラクタに
上記の場合だと、’oreore’が、IDに相当する。…

タグクラウドのインラインスタイルを相対フォントサイズに変更する

投稿日: by

WordPressのデフォルトのタグクラウドウィジェットは、ptサイズで指定されます。
固定フォントサイズは、アクセシビリティを考慮する場合に問題になるため、以下のようにフィルタをを使うことで相対フォントサイズに変更が可能です
-Alter The WordPress Tag Cloud Widget Output

カスタムメニューWidgetのタイトルを動的に表示する

投稿日: by

ウィジェットのカスタムメニューのタイトルは、ウィジェットのタイトルフィールドに入力した値が表示されますが、
メニューを作成したときの、メニュー名を表示できればメニューの変更に伴ってタイトルも自動的に変更することができます。
テンプレートに関数を記述して、タイトルを動的に設定する方法
フィルタを使って、ウィジェットのタイトルを動的に切り替える方法
functions.phpに記述します。

カテゴリウィジェットのカスタマイズ

投稿日: by

*カテゴリウィジェットを使って、タグリストを表示する
以下のコードは、カテゴリウィジェットに、タグを表示します。
テーマの、functions.phpに追加する事で、カテゴリウィジェットの表示をカテゴリリストから、タグリストに変更します。
カテゴリウィジェットは、リストの出力にwp_list_categories関数を使っています。
詳細については、wp_list_categories codex

アーカイブウィジェットのカスタマイズ

投稿日: by

アーカイブウィジェットは、月次アーカイブを表示する事が出来ます。
ウィジェットの設定には、アーカイブの単位を変更するオプションはありません。
テーマファイルの、functions.php二以下のようなスニペットコードを記述する事で、週間アーカイブや、年次アーカイブを表示する事が出来ます。
*Code
週間アーカイブ
年次アーカイブ
*Note
アーカイブウィジェットは、wp_get_archives関数を使って、リストを表示する…