デイトラweb制作（Word Press化その8）

公開日 2026/9/26 最終更新日 2026/9/26

デイトラの卒業課題を1日（1〜2時間）行なっています。

サービスページ（page-service.php）を作成する

・仕様を確認します。

固定ページを作成する

・管理画面から固定ページにサービスを作成する。

・スラッグ名をserviceにする。

・順序を設定する。

・静的に作成したhtmlをpage-service.phpにコピペする。

Q&A（カスタムフィルド）を使って作成する

・プラグイン（Advanced Custom Fields）をインストールする。

・管理画面のACFからフィールドを作成する。

・質問1〜8までを作成する。

・回答も1〜8まで作成する。

・使用するページを指定する

・固定ページ（サービス）に反映されているか確認する。

管理画面から編集できるように設定する

・静的に作成したQ&Aを動的にする。

・下記のコードに変更する。（最初は<?php if ( get_field(‘question1’)) : ?>の部分は入れません。または、コメントアウト）

<li class="p-service-faq__item">
   <?php if ( get_field('question1')) : ?>
     <button type="button" class="p-service-faq__question" aria-expanded="false">
       <span class="p-service-faq__question-text"><?php the_field('question1'); ?></span>
       <span class="p-service-faq__icon" aria-hidden="true"></span>
     </button>
     <div class="p-service-faq__answer">
       <p class="p-service-faq__answer-text">
         <?php the_field('answer1'); ?>
       </p>
     </div>
   <?php endif; ?>
</li>

‘question1’と’answer1’の1部分を1〜8でも作成します。

・表示を確認する。