岐阜県なんちゃってブロガーyossyの書き綴るブログ。[公開記事477件/2016年11月27万PV]

カテゴリー

固定ページ

ACF(Advanced Custom Fields)の有料アドオン「オプションページ」がサイト共通設定部分更新に超便利な件

yossy'sイチオシ記事セレクション

WordPressプラグインのACF(Advanced Custom Fields)の有料アドオン「オプションページ」がサイト共通設定部分の更新に超便利なので、今回はそれについて導入方法・手順を紹介しようかなと。先日参加したWordFes2016で詳しい方に訊いて教えてもらったプラグインの有料アドオンの機能でございます。
もしかしたら自分と同じことがやりたくて困っている人もいるかもなので一応書いておこうかなと(^^)/

Advanced Custom Fieldsの有料アドオン「オプションページ」で出来ること

Advanced Custom Fieldsの有料アドオン「オプションページ」を導入すると、サイト全体で共通設定で使うコンテンツをWordPressの管理画面より一括管理で簡単に更新できるようになります。
サイト全体で共通設定で使うコンテンツとは、例えばヘッダーの電話番号・営業時間だったり、サイドバーに表示するお知らせ的なコンテンツ、フッターに記載するコピーライトだったりです。

ちなみに今回このブログにAdvanced Custom Fieldsのオプションページを導入した部分は下記の赤枠部分です。
(1)ヘッダーの先月PV数と(2)サイドバーのヨッシーのつぶやき、という2つのエリアです。

01

わざわざテーマファイル(header.php/sidebar.php/footer.php)をローカルで編集してFTPでアップロードする必要なく、WordPress管理画面より簡単に更新できるのが非常に便利で使い勝手が良いです。

Advanced Custom Fields有料アドオン「オプションページ」の導入方法

では本題の導入方法の手順を紹介します。
ちなみに有料アドオンの支払い方法はPayPalだけなので、PayPalアカウントを持っていない人は事前にPayPalアカウントを取得して使えるようにしておく必要があります。流れ的には、ACFの英語サイトより購入手続き完了後に、アカウントページよりプラグインデータ一式をダウンロードするという流れです。

有料アドオンをPayPalで購入する

既にWordPress上に無料プラグインのAdvanced Custom Fieldsをがある場合は、管理画面の左メニューより「カスタムフィールド-Add ons」をクリック。
Advanced Custom Fields Add-Onsのページには、このプラグインで使える有料アドオン(拡張機能)のラインアップが表示されているので、「オプションページ」の欄にある「購入してインストールする」をクリック。
(※もちろんWordPress上にAdvanced Custom Fieldsを入れていなくても、ACFのサイトから直接購入できます)

02

するとプラグイン開発元のACF(Advanced Custom Fields)の公式サイトが開きます。
続いて「Get ACF PRO」をクリック。

03

このACF PRO(Advanced Custom Fields PRO)は無料プラグイン「Advanced Custom Fields」の全ての有料アドオン(リピーターフィールド/ギャラリーフィールド/フレキシブルコンテントフィールド/クローンフィールド/オプションページ)の機能が使える有料プラグインです。

04

で、価格見比べたら、1つの有料アドオン買うのも全部入りのACF PROを買うのも価格が同じなので、それならACF PROを買ったほうがお得じゃんという話。
ちなみに今回のお目当てはオプションページだけど、リピーターフィールドも相当便利な機能なので今後使用機会ありそう。

ちなみに価格は1つのサイトだけで利用できるパーソナルライセンスが$25AUD(≒1925円)、複数のサイトで無制限に利用できるデベロッパーライセンスが$100AUD(≒7700円)です。
※購入日(2016/8/31)時点での為替レートで1AUD((オーストラリアドル)=77円で計算してます。

05

自分の場合、複数サイトを運用していたり、今後どのサイトでもオプションページの機能は便利なので使用する機会もありそうなので、デベロッパーライセンスを購入することにしました。「Buy Now」をクリック。

するとカート画面が表示されるので、ACF PRO (Developer license)が1点カートに入っているのを確認したら、「Proceed to Checkout」をクリックします。

06

てか日本語以外のサイトで購入するのも、PayPalアカウントで支払いをするのも今回がお初なのでちょいと緊張しますね。
続くチェックアウトの画面では名前、住所、電話番号などを英語で入力します。

07

また後でプラグインデータをダウンロードする時にメールアドレスとセットで使うパスワードもここで設定します。

08

最後に支払い明細を確認して画面最下部の「Proceed to PayPal」をクリックします。

09

するとPayPalでの支払い画面が表示されるので、自分のPayPalアカウント情報でログインします。

10

PayPalの支払い画面が表示されるので、日本円に換算された支払い金額を確認して、「同意して支払う」をクリックします。

11

これでオーダー完了しました。メールが2通ほど届きます(ACFとPayPalより)。

12

プラグインACF PROのダウンロード

先ほど購入時に入力したメールアドレスとパスワードで、Accountよりログインします。

14a

ログインしたら、Licenses & DownloadsにあるDownloadより、ACF PRO(Advanced Custom Fields PRO)のプラグインをダウンロードします。

24

ダウンロードしたzip形式のACF PROのプラグインを解凍して、WordPressのプラグインディレクトリーにコピペします。
無料のACF(Advanced Custom Fields)がWordPressに入っている場合は紛らわしくなるので、ACF PROをコピペする前に、無料のACF(Advanced Custom Fields)を管理画面のプラグインページより「停止」→「削除」をしておきます。

15

プラグインのディレクトリーパスは「WordPressルートディレクトリー\wp-content\plugins\」です。コピペ完了↓

16a

プラグインディレクトリーに配置したら、プラグインページよりACF PROを有効化します。

20

functions.phpにACF PRO用の記述追加

オプションページのメニューを管理画面に表示するために、functions.phpに下記のソースコードを追加します。
ソースコードはACF公式サイトのマニュアルページを参考にほぼそのまま使ってます。

管理画面よりカスタムフィールドグループを作成する

上記でmenu_titleに設定した値のメニューが管理画面に表示されるのでクリック(今回は「共通設定」)。続いて、「カスタムフィールドグループを作成」をクリック。

21

ここはACFと同様のやり方でフィールドグループ名、必要なカスタムフィールド、位置を追加・設定していきます。
「位置」では「オプションページ」「等しい」「共通設定」を選択して、最後に「公開」をクリックします。
ちなみに「共通設定」のところはmenu_titleで設定した名前を選べばOKです。

22a

再度「共通設定」をクリックすると、今度は上記で作成したフィールドグループが関連付けられているので、設定した項目を入力することが出来るようになります。
ここに各項目の値に入力して、「Update」をクリック。

23a

テンプレートファイルにカスタムフィールド出力の記述追加

最後にテーマのテンプレートファイルに上記のカスタムフィールドを出力できるように下記のようなソースコードを出力したい場所に記述すればOKです。

完成!

これで、ブログ全ページのヘッダーとサイドバーに、昨月のPV数とつぶやきが表示され簡単に更新できるようになりました(^^)/

01

これまではheader.phpを毎月修正してFTPアップロードしたり、簡単な一言コメントプラグインを自作したりしてと何かと手間でしたが、今後はこのオプションページの機能を使って管理画面から一括管理で簡単に更新できるようになりました。めでたしめでたし(^^)/
WordPressサイトにはこのACF PROのオプションページの機能はかなり重宝できる感じですね。
ACF PROは有料プラグインだけど、それだけの価値のある便利なプラグインだなと。

メッセージ・感想フォーム

このブログの記事に関してメッセージや感想などあれば、下記フォームよりご連絡下さい(^_^.)

お名前
メールアドレス
メッセージ本文
岐阜県美濃加茂市のyossy(よっしー)
ブログの書き手:yossy(よっしー)
岐阜県美濃加茂市在住。1979年2月生まれ。♂。
趣味はギター・読書・グルメ散策など。
2015年2月から自分への備忘録・雑記としてブログを始めました。
身の回りの出来事・思った事・少しは他の誰かに役立つかもしれない情報などをフリーテーマで書き綴っています。
クレオフーガで気まぐれに自作した音楽をアップしてたりします。

ヨッシーのつぶやき

ギターのジャック挿入口が破損してシールドが繋げなくて困りんご(>_<)
というわけで、AmazonでGibsonジャックプレートをポチリました。
早く届いて~。

人気の記事

月別アーカイブ

ページトップへ