Web関連

WordPressをCMSとして活用するためのプラグイン Advanced Custom Fieldsの有料ライセンスの拡張機能(アドオン)『The Repeater Field』インストール編

こんにちは! 最近、会社の近くの吉そばに週5で通っているSEの岸沢です。
味は・・・なのですが、冷やしであればなんとかイケます。なんといってもドアtoドア 15分が魅力です。
「時は金なり」やはり忙しい私には短時間でランチを済ませられるのが一番の優先順位ですかね。
最近リニューアルしたのですが、味は・・・変わりありません;;店舗もキレイになり、自動湯切りが導入され、なんと立ち食いそばなのに座れる席があるといったところがポイントでしょうか。新商品のつけ麺(そば)がオススメです。

Advanced Custom Fieldsだけでは物足りない?

WordPressをCMSとして活用する場合、カスタムフィールドがキーになってきます。

WYSIWYGでも良いのですが、あるていどHTMLの知識が無いと使いこなせないかつ、折角デザインしたウェブサイトがめちゃくちゃになってしまうため、オススメできません。
そこで、制作段階で、しっかりとテンプレートと項目を定義して進める必要があります。

ただ、項目を定義していく上で問題になってくるのが、「ここには最大5つの画像を入れたいね」「内容によっては見出し+テキストグループが10個になるかも」といった要望が出てきます。
最大値を決めてテンプレート+項目を定義すると、項目数が最終的にとんでもないことに・・・。

カスタムフィールドを簡単に追加できるプラグインとしては「 Advanced Custom Fields 」が有名ですね。
(色々なところで説明されているので、説明は省きます)
「 Advanced Custom Fields 」を使えば簡単に項目を追加できるのですが、多いと設定も大変です。もっと問題なのが項目数が増えると使う側も大変です。管理画面をデザイン出来ないため、グルーピングも重み付けもされていない項目がただ並ぶだけです。とても使いづらいです・・・。

そんなとき役立つのがAdvanced Custom Fields の有料アドオン「 The Repeater Field 」です。
たったの$25AUD(オーストラリア ドル)です。マルチライセンスなので購入すれば複数のサイトに利用できます。

利用方法

1. Advanced Custom Fieldsをインストール

WordPressの管理画面 プラグイン>新規追加
から、「Advanced Custom Fields」でキーワード検索。
すると「Advanced Custom Fields」が表示されるので、「いますぐインストール」をクリック。

 

2. The Repeater Field(繰り返しフィールド)を購入してインストール

続いて、いよいよ「The Repeater Field」をインストールします。
Advanced Custom Fieldsをインストールすると、左メニューにカスタムフィールドが追加されますので、カスタムフィールド>Add-onsをクリック。

kishi_adf_15012102.jpg

「繰り返しフィールド」というアドオンがありますので、「購入してインストールする」をクリック。
すると、購入サイトに移動しますので、各自購入してください。※購入フローは割愛します。
英語サイトですが、まぁ~なんとかなるでしょうw

以前、出張の際にシンガポール-マレーシア便を英語サイトで購入したことがあるのですが、その時に比べると簡単でした。飛行機のチケット購入は日本語のサイトでも慣れてないのに、英語サイトしか無く苦戦しました・・・。

とりあえず自腹で購入。※決済方法はPayPalだけです。

購入するとダウロードできます。ダウンロードした「acf-repeater.zip」を解凍して、 acf-repeaterフォルダを「/wp-root /wp-content/plugins 」にアップします。

すると、プラグインページに「Advanced Custom Fields: Repeater Field」が追加されますので『有効化』しましょう。
これで、インストール完了です。

kishi_adf_15012103.jpg

3. インストール確認

プラグインを有効化すると、カスタムフィールドのフィールドタイプに、「Repeater」が追加されます。

kishi_adf_15012104.jpg

このプラグインを利用することで、繰り返し項目が簡単に作れます。
例えば、繰り返し項目「画像」+「キャプション」を作成することで、
記事の投稿画面で「画像」+「キャプション」の組み合わせを自由に増やして登録できます。
今までは予め最大件数を決めておく必要がありましたが、このプラグインを使えば、自由に追加可能です。

今回はインストールまででしたが、次回は実践編を予定していますので、ご期待ください。

ホームページ制作でお困りの方はホームページ制作会社ティファナにご相談ください!

お問い合わせはこちらから

関連するサービス

システム開発
ECサイト構築
CMS構築

関連コラム

WordPressをCMSとして活用するためのプラグイン Advanced Custom Fieldsの有料ライセンスの拡張機能(アドオン)『The Repeater Field』実践編1

野球がしたい人のためのコミュニティサイト活用術前のページ

webに張り付きで疲れている担当者にオススメ!ドクターフィッシュに会いに行こう!次のページ

ピックアップ記事

  1. AIに求められているものは、実は意外な物だった
  2. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  3. 新しい販売形態であるDtoCについて考えてみる
  4. 新型コロナウイルスで日本の働き方改革が起こる

関連記事

  1. Web関連

    採用サイトで学生が1番気になっているところとは!?

    今年から8月以降が採用の選考開始になりましたね!最近はどこの会社も採…

  2. Web関連

    Web制作にオムニチャネルを取り入れれば究極のおもてなし?

    こんにちは!車好きの野澤です!突然ではありますが、今回は2020年…

  3. Web関連

    花粉症の味方サイトとアプリを探してきました!

    花粉が飛ぶ時期となり鼻水が止まらないため、ティッシュが手放せません。…

  4. Web関連

    【時期的に見送り…】秋まで待てないVR!今すぐ体験してみたい!

    こんにちは。据え置きゲームは苦手な真野です。さてさて少し前の話になりま…

  5. Web関連

    私が思う、5つの「電子書籍っていいね!」

    こんにちは。ティファナコラム編集部 担当の遠藤です。突然ですが、みな…

  6. Web関連

    LINE ~拡大するコミュニケーション~

    リアルタイムコミュニケーションとは?近年、電話や電子メールに代わる新…

おすすめ記事

最近の記事

  1. デジタル化が旅行・観光業を救う!?ウィズコロナ・アフターコロ…
  2. 人が対応するのが正しいの?DX(デジタルトランスフォーメーシ…
  3. 人間拡張って聞いたことがありますか?デジタル化が背中を押して…
  4. テレワークだけでは足りない?デジタルシフトなど、アフターコロ…
  5. 【初心者向け】ここに注目!スマートフォン用バナーを作成しよう…

アーカイブ

  1. AIさくらさん

    【人工知能(AI)×旅行・レジャー】人工知能(AI)が提案する最適なレジャープラ…
  2. AI関連

    非接触AI技術が世界を救う?
  3. Web関連

    通販の再配達に挑戦!保管期限当日の23時34分に気付いた場合
  4. AI関連

    AI天気予報がビッグビジネスにつながる
  5. Web関連

    地方移住×ローカルWEBメディア
PAGE TOP