カスタマイザーをカスタマイズするための基本的なことについて解説します。メニューを選択する事で、プレビューを見ながら視覚的にページのレイアウトやデザインの変更などができる機能「カスタマイザー」があります。新しい設定を追加するカスタマイズを行えば、コーディング知識がない人でも簡単にその設定をカスタマイザーで切り替え出来るように使ってもらうことが可能です。ブリエカスタマイザーに新しい設定を追加するのって難しそうです。言ったのも便利にしてくれるライブラリがありますので通常より簡単にできます。言うライブラリで制御されています。開発者のキタジマタカシ氏だよ。使用して行うのが推奨されています。カスタマイザーに設定を追加してみよう今回は、サンプルとして「トグルメニューの色」をカスタマイザーで追加してみましょう。(記事中では、サンプルプラグインと呼ぶようにしています)を用意しました。次のダウンロードリンクからファイルのダウンロードを行ってください。記事の解説用に制作した学習用のプラグインです。実際のウェブサイトでご利用される場合、コードを調整するなどをしてからご利用ください。サンプルプラグインの構造サンプルプラグインの構造は、次のようになります。フックや、その他の制約を意識しなければなりません。以降では、カスタマイザー設定を読み込む前後に独自のフックが追加され、簡単にカスタマイザーの設定を操作する事が可能になっています。設定の読み込み前に処理されます。設定の読み込み後に処理されます。サンプルプラグインでは、次の部分が該当のコードになります。ディレクトリ内の全てのファイルを処理されます。ディレクトリ内の別ファイルで生成している追加カスタマイザー設定をロードするようにします。テネーブルこの別ファイルが、追加するカスタマイザー設定になっています。1ファイルに1項目で別々のファイルにしていますので、ゆっくりみていきましょう。カスタマイザー設定の関数などを使う為の宣言(おまじない)と思ってください。言うメニュー項目が展開されます。言う新しい項目を追加したいと思います。追加する位置を設定になります。ルミェールサンプルプラグインのコードには、コメントで該当の番号を付けているよ。その下にもメニューがある場合の親になる階層メニューのことだと思ってください。その下に項目ページがある階層メニューのことだと思ってください。一覧を整理してみましょう。[設定項目(Control)]と言うメニュー階層になっています。[設定項目(Control)]となっています。追加しようと思います。取得する事が可能です。様々な設定を使えます。ここでは簡単にいくつかの説明を行います。セレクトボックスが使用できます。ようなもので、実際に保存される設定のキー名となります。設定値の保存・取得・削除などで使用します。項目の設定オプションは、配列です。項目の種類によって内容は異なり、豊富に用意されています。ここではいくつか基本的な設定オプションのみ記載しています。詳細について割愛しますが、すべて覚える必要はありません。2つのみをサンプルとして使用しています。ライブラリの仕様などをご確認ください。項目内の位置を決定できます。数値順に上から項目が表示されるようになっています。時にその項目が表示されるようになっています。それにより、表示されているプレビュー画面に応じて設定できる項目を切り替えられると言う訳です。今回の記事では具体的な説明は割愛しています。画面に表示されません。joinする必要はありません。行わないようにしましょう。joinすれば、カスタマイザーで設定を保存した時に、自動的に設定キーで値を保存されるようになっています。保存を行う為の処理を書く必要はありません。設定を取得してみよう保存されている設定の値は、使用しなければ保存している意味がありません。関数を使用することで取得できます。値を返却値に使われます。定義を参照するからだよ。1ファイルに1項目で別々に書かれているのも、定義だけをしっかり読ませて可読性を良くする為だよ。関数を使用し、設定の値を反映させています。表示部分の置換については、別の記事などで解説していますので、本記事では詳細を割愛します。関数で取得した値は、置換や条件式で使用するなど様々な処理で利用できます。決まった使い方と言うものはありませんので、自由に使用しましょう。関数が用意されています。ルミェールプラグインをアンインストールする時は、追加した設定は不要になる場合が多いよね。アンインストール時に、設定を削除するようにしてみよう。register_uninstall_hookと言うのが専用に用意されているんでしたね。プラグインのアンインストール時に呼び出される関数を登録する。次の箇所が該当します。);}ルミェールこのコードで、プラグインをアンインストールした時にカスタマイザーで追加した設定の値も削除されるように処理しているんだ。実際にアンインストールすることを試す時は、プラグインも消されちゃうのでバックアップを取ってから!最後にカスタマイザーは、プログラミングが不得意な方でも簡単にテーマをカスタマイズをできる仕組みです。ウェブサイト制作者が簡単に設定できるなるということは、ウェブサイト制作会社にとっても対応工数を減らせると言うことです。カスタマイザーに設定や機能を追加してあげることは、お互いにメリットのあることだと思います。参考にして制作しました。興味のある方はそちらのコードも見てみてはいかがでしょうか。項目設定の方法なども理解がすぐできると思いますので、応用次第であのようなプラグインも制作できるようになるかもしれません。カスタマイズこの記事の筆者Kmix39(ケミ)電子の妖精。ウェブアプリケーションを日々勉強中。パーサーのことを書いています。機能の1つ「ブロックテンプレート」機能について解説します。フックについて解説します。Wiz.当サイトでは利便性向上や閲覧の追跡のためにCookieが使用されています。サイトの閲覧を続けた場合Cookieの使用に同意したことになります。