カスタマイズ

WordPressでfunctions.phpを別ファイルに分ける方法!簡単な記述で管理をグンと楽にする

plugin
ワードプレスでfunctions.phpに自作の関数を追加する場合、コードが長くなり分かりづらい、複数の関数追加でもどこに何があるかわかりづらい、となる場合がある。ここではinclude/include_once, require/require_once, get_template_partを使ってfunctions.phpのファイルを分け外部ファイルとして読み込む方法や読み込み方の違い、使い分けをご紹介。

【WordPress】抜粋を入力するとそのまま表示される?文字数制限や「続きを読む」を付ける方法

theme
ワードプレスでサイドバーにある「抜粋」を入力すると、記事の一覧表示でタイトル下に表示される抜粋の文字数が制限なくそのまま表示されたり、文字が切れるときの記号というか「続きを読む」表現が付かない、なんてことがありますね。使っているテーマによるものですが、たとえば私が利用しているテーマ「賢威」では、抜粋の入力あり...

【WordPress】CSSを別ファイルで読み込む方法|SettingsAPIでの個別ページ反映

plugin
SettingsAPIを使って自作プラグインや独自の設定画面にCSSを反映する方法の解説。wp_register_style()、wp_enqueue_style()を使うがポイントはwp_register_style()を実行する時に使うフック。(wp_enqueue_scripts か admin_enqueue_scripts か)サンプルコードで実際CSSを読み込んでそのページだけにCSSを反映させる動作検証。

【WordPress】SettingsAPIの設定画面をCSSでデザインカスタマイズ

plugin
Settings APIを使った設定画面は、add_settings_sectionで指定したセクションタイトルをh2タグで囲んでくれたり、do_settings_sectionsが各フィールド(設定のための入力や選択項目)を自動で tableタグで表示してくれる。この設定画面に対してデザインカスタマイズをする方法や、CSSファイルを別ファイルに分けて読み込む方法を試してみる。

【ヘッダタイトル】文字だけのロゴ画像の作り方!背景を透明にする方法(PhotoScape編)

カスタマイズ
ブログのヘッダー画像を設定すると、テーマによってはそのヘッダー画像の上にサイトタイトルやキャッチフレーズが表示されるものがあります。(Cocoonなど)背景の画像の上にタイトルの文字が乗るため、背景の画像に溶け込んだりしてタイトルの文字が見づらくなる場合がありますが、こうした時には文字だけのロゴ画像を作成して...

ブログ記事一覧のサムネイル画像をマウスオーバーで拡大させる!CSSで簡単カスタマイズ

CSS
ブログの記事一覧表示にアイキャッチ画像(サムネイル画像)を表示している場合が多いですが、その画像にカーソルを乗せる(マウスホバーさせる)と、「画像がふわっと拡大表示される」という場合がありますね。この「画像がふわっと拡大表示」は実はCSSを使って簡単に実現できますので、是非試してみてください。(私が使っている...

【WordPress】画像に枠を付けるとぼやける?等倍で綺麗に表示する方法

CSS
画像にフレームというか枠をCSSで付けると、画像が等倍で表示されず「ぼやける」「滲む」(にじんむ)場合があります。(特に画像に文字が入っていると気になったりしますよね)枠の分だけ画像が縮小されることが原因ですが、その場合CSSの設定はどうするのが良いか、ぼやける理由の詳細や、ぼやけない画像の基本、ワードプレス...

add_settings_fieldのidはinput要素のid属性と同じにする必要はない?

wordpress
ワードプレスの関数リファレンス(日本語版)では Settings APIのadd_settings_field関数にはパラメータ$idがあり「input要素のid属性と同じにする」旨の記述がある。実際には同じにしなくても動作するが、どういった場合どのような理由で同じにする必要があり、どのような場合には同じにする必要がないのか調べてまとめてみた。

【WordPress】プラグインを公式ディレクトリに登録する手順を詳しく解説!

wordpress
ワードプレスのプラグインを自作したら一度は公式ディレクトリに申請して、実際にプラグインがワードプレスで検索できたりすると嬉しいですよね。^-^)ここでは「Ad Auto Insert H」(広告自動追加 H)という、アドセンス広告を記事内の見出し前に自動で追加するプラグインを公式ディレクトリに申請して、実際に...

【WordPress】投稿一覧に最終更新日からの経過日数を表示する

wordpress
ワードプレス管理画面の投稿一覧に「記事の最終更新日から何日経過しているか」の列があると良さそうですよね。記事を投稿したり最後に更新した日から何日たっているのか経過日数の表示があると、記事更新の目安にする(1カ月以上経ったら見直すなど)に活用できそうです。ということで、早速追加してみましたのでご紹介!関連)最終...

【WordPress】SettingsAPIでデータを配列にひとまとめ!チェックボックスはどうなる?

plugin
設定項目が増えるとデータベース上に変数がバラバラと増えていく。管理上も煩雑になるし作法的にも良くないようで、変数を1つの配列でまとめてみる。ポイントとの1つが複数項目を持つチェックボックス(input type checkbox)でnameを2次元配列で指定する。初期値も勿論全体を配列で指定し、サニタイズ関数(無害化)も1つの関数にまとめる。

【WordPress】設定画面の作り方|初心者にも分かりやすく解説!

plugin
Settings APIの基本の使い方。add_action( admin_menuフック)で管理画面の設定へメニューを追加して、add_options_pageで実際に基本となるサンプル設定の画面を作成。まずはURL入力(input type text)1つだけの設定画面を作り、セクション、フィールドの追加など基本の形をおさえる。

【WordPress】ハイフンとアンダースコアの使い分け

wordpress
ワードプレス用に自作プラグイン作成してると、ワードプレスのドキュメントに命名規則(コーディング規約)があり、そこにハイフン( - )とアンダースコア( _ )の使い分けが書かれている。ここでそのハイフンとアンダースコアの使い分けを整理しておくメモ。※)URLにおけるハイフンとアンダースコアについては以下参照U...

WP_Queryでページネーションできない!管理画面や設定ページではget_query_varが使えない?!

カスタマイズ
WP_Query() で特定の記事一覧を表示する場合、ページネーション(1ページ目、2ページ目など表示しているページ数を示す数字のリンク表示)では、get_query_var() でページ番号を取得してpaginate links() でページリンクの表示をしたりします。でも自作の関数やプラグインを func...