カフェのHPです。計２ページです。

●所要時間：デザインカンプコーディング→9時間

　　　　　：Wordpress化→４時間

課題制作をデザインカンプからコーディングしました。

ロゴはillustratorで作りました。

写真やコピーを差し替えて、ロゴを作成して、Wordpress化しました。

トップページの「フード」カテゴリーと、

アイテム掲載ページの「おすすめコーヒー豆」カテゴリーを、

カスタム投稿できるようにしました。

Custom Post Type UIプラグインを導入して、各カテゴリ―の投稿エリアを作成し、

サブループさせています。

その他に、Advanced Custom Fieldsプラグインを導入して、

プロダクト名、キャプション、画像を簡単に入れ替えることを可能にしました。

ーーーーーーーーーーー

<?php $args = array( ‘post_type’ => ‘food’, ‘posts_per_page’ => 4, );

      $the_query = new WP_Query($args); ?>

ーーーーーーーーーーー

こちらのコードは、投稿タイプのスラッグに”food”を指定して、

そこから、最新の4件の投稿を取得するためのクエリを実行しています。

 その後のコードには、「もし投稿されたら、このように表示してください」という指示内容を記述することで、ループさせています。

その内容の中には、Advanced Custom Fieldsで設定した、”フィールド”を取得するための、

テンプレートタグに置き換えています。