KYO

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

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

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

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

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

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

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

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

こんな感じです。

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

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


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

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

こんな感じで変更すれば

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

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

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


関連記事

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

2018年5月24日

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

ワードプレスでソースコード書くなら Crayon Syntax Highlighter一択

2018年5月30日

プログラム系のブログを書いていると、プログラムのソースコードを表示させたい場面があります。 しかし綺麗にソースコードを書くのは困難です。   ワードプレスでは記事編集モードで、ソースコードを入力しようとすると様々なトラブルが起こります(笑) 例えば、変な位置で改行されたりされなかったり、空白が消えたり、特殊文字に変換されたりと、...

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

2018年7月15日

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

ワードプレス関連の記事

2018年5月14日

関連記事に表示されます。

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

2018年5月13日

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

ワードプレスの設定画面に項目を追加し独自の値を保存する

2018年5月27日

ワードプレスのバージョン 4.6.1です   前回アクションフックについて触れました ワードプレスのアクションフックの基本   アクションフックはワードプレスのコアのコアな部分の設定に手を入れることができる機能でした。 設定画面に項目を追加するにも、アクションフックというものが必須でした     今...