KYO

ワードプレスの管理画面に設定項目を追加する

2018年7月16日 ワードプレス , , , ,

今、新しいテーマを作っているのですが、管理画面に値を設定させるフィールドを用意しています。そんなわけで管理画面で独自の値を設定する方法を本投稿で書いていきます。これができると、カスタマイズの幅が広がります。ここはクライアントが入力した値を使いたい!という場面で役に立ちます。

以前も似たような記事を書いたのですが
ワードプレスの設定画面に項目を追加し独自の値を保存する
今回はセッティングフィールドとテンプレートを利用して作っていきます。

管理者メニューから独自のオプション値を入力させる

主な流れは
add_menu_pageでページを作るコールバック関数を呼び出す

テンプレートファイルを呼び出す

do_settings_sectionsで設定しておいたインプット要素を呼び出す

こんな感じです。

とりあえずカスタム設定というメニューページの下にスライドショー画像の設定というサブメニューを設定しています。
add_submenu_page
がその関数です。
一気に書きましたがコメントに色々書いてある通りです。
今回は上で書いたテンプレートファイルを、inc/templatesフォルダに置いています。

そのファイルがこんな感じです
この結果


テンプレートファイルが読み込まれているのがわかりますし、add_settings_fieldのコールバック関数もしっかり呼び出されているのがわかります。

では値を入力できるようにinputフィールドを設定します

こんな感じで変更すれば

こんなフォームが表示されます。次にもう一つ値を設定してみます簡単にできるようになります。

まずは新しい値を設定します

これで二つのフィルードを設定できるようになりましたとさ!


関連記事

ワードプレスでお店のホームページを作るならゲール

2018年6月23日

ワードプレスのテーマを作りました。 テーマの名前はゲールです。   ゲール紹介ページ デモページ   主に飲食店や美容系のお店をターゲットにしています。 普通のブログには向いていないのですが、ビジネスサイトを作るならば、とてもオススメのテーマになっています。   今のところは飲食店や美容系などのお店のホームペ...

ワードプレスの記事投稿画面のエディタにボタンを追加する

2018年7月15日

ワードプレスのテーマを作っていると、記事投稿画面で便利な機能を追加したいと思う時があります。プラグインを追加すれば簡単にできるのでしょうが、今回は自作で作っていきます。ちなみにこのブログテーマは自作テーマ(KYO)なのですが、数種類のボタンを自作しています。 ビジュアルエディタにボタンを追加する functions.phpに以下のように書...

ワードプレスのカスタムウィジェットでSNSシェアリンクを作る方法

2018年5月24日

環境:WordPress 4.6.1   ワードプレスで自作テーマを作っていると、ウィジェットを自作すればもっと開発効率が上がるのにな。と思うことがあると思います。 ワードプレスにはウィジェットエリアという便利な機能があるので、これを使いこなすことは自由度が高く、カスタマイズ力のあるテーマを作ることが可能になります。  ...

テーマカスタマイザでカラーコントロールを使って色を指定する

2018年7月27日

ワードプレスの自作テーマを作ってたんですが、テーマカスタマイザというのを最近知りました。 テーマカスタマイザとはヘッダー画像とか設定する「外観」→「カスタマイズ」の部分です。プレビュー見ながらテーマの設定を変更する画面のことです。 これは視覚的にテーマをカスタマイズできるので、初心者でもテーマカスタマイズをしやすくなるというメリットがあり...

ワードプレスのアクションフックの基本

2018年5月26日

先日、フィルターフックについて書きましたが、今回はアクションフックについて書きます。 ワードプレスのフィルターフックの基本を理解する   アクションフックを使いこなすと、高度なプラグインとかが作成できるようになりそうですね。 ワードプレスのアクションに関連して関数を呼び出せるようになります。   具体的には、記事を投稿...

アフィリエイトに使えるワードプレスのテーマ

2018年5月13日

アフィリエイトに強く自由度の高い、ワードプレスのテーマを作りました。 ダウンロード   修正履歴 2018/05/25 記事本文がはみ出す現象を修正しました   テーマの名前はメリーラです。意味は特にありません。 アフィリエイトサイトに特化したテーマになっています。稼げるサイト作りに役立てて頂ければと思います。 &nb...