実はWordPressにはノーコードツールのように見た目をリアルタイムでプレビューしながら変更できる「外観カスタマイズ」という機能が存在します。 外観カスタマイズを駆使すると、ユーザーがCSS等を編集せずに管理画面から直感的にサイトの色を変えたり、表示・非表示の設定、ロゴの変更、テキストの変更などができるようになります。実装は大きく分けると以下の3つに分けられます。 管理画面にオリジナルの設定項目を追加する 追加した設定値を実際のページに反映する 管理画面でリアルタイムプレビューを可能にする(やらなくてもよい・上級者向け) 1. 管理画面にオリジナルの設定項目を設定する オリジナルの設定項目を追加する際は、「セクション」を作成してその中に「入力フィールド」を所属させるような流れとなります。ここでは以下の流れで実装します。 新しいセクションを追加する 追加したセクションに入力フィールドを追加