デイトラweb制作上級編パターン3  DAY31~44⑭

卒業制作課題パターン3 14日目

トップページ(front-page.php)の「今月の限定ランチ

トップページの編集画面で入力できるようにする

カスタムフィールドに入力
→ 新しくカスタム投稿タイプは作らない

カスタムフィールドの設定

フィールドグループを4つ作成

フィールドタイプは「画像」と「テキスト」

「画像の戻り値」は 画像URL

front-page.php(トップページ)ですること

PHP

<ul class="p-top-lunch__pastas">
    <li class="p-top-lunch__pasta">
        <div class="p-top-lunch__pasta-image-wrapper">
            <!-- フィールドタイプ「画像」 -->
            <div class="p-top-lunch__pasta-image"><img src="<?php the_field('special__image-a') ?>"></div>
        </div>
        <div class="p-top-lunch__pasta-name">
            <dt>A</dt>
            <!-- フィールドタイプ「テキスト」 -->
            <dd><?php the_field('special__name-a') ?></dd>
        </div>
    </li>
    ・
    ・
    ・
</ul>

まとめ

今回も卒業制作課題を進めました。

とりあえずはテスト環境ですることはすべて終わったはず。

あとは見直しとファイルのアップロードをして卒業課題を終わりにしたいと思います!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です