ユーザーの使いやすさを考え、導線配備とカテゴライズに重点を置いたカスタム投稿タイプ「レシピ」

EVERYに用意されているカスタム投稿タイプ「レシピ」では、数多くのレシピを大きいカテゴリー(フレンチ・和食など)と子カテゴリー(肉料理・野菜料理など)で詳細に分類し整理して表示することができます。

今回はレシピ共有サイトをイメージしてデモサイトを制作していますが、数多くのコンテンツをカテゴライズできる機能は、コンテンツが増えてもユーザーが閲覧する際の導線を損なうことが無いので、コンテンツ量の多いサイトを構築する際に最適なカスタム投稿タイプといえます。

アーカイブページ

→アーカイブページのサンプル

一番外側のアーカイブページでは以上のように各親カテゴリーにセットした画像が、大きい正方形のアイキャッチ画像として表示される仕様です。各親カテゴリーの説明文も正方形に近くなるようにテキスト量を調整するとより美しく見えるでしょう。

親カテゴリーのアーカイブページ

→親カテゴリーのアーカイブページのサンプル

親カテゴリーのアーカイブページでは、親カテゴリー内で細分化した子カテゴリーのボタンを一覧表示で並べて、瞬時に絞り込める仕様です。フレンチの魚介料理など知りたいレシピがある程度絞り込まれている場合、瞬時に希望のレシピにたどり着くことができます。

また、デモサイトでいうフレンチや和食などという親カテゴリーに属しているメニューの品数も連動して見出しに表示できる仕様ですので、カテゴリー別のコンテンツ数も一目で把握できるようにデザインされています。

子カテゴリーのアーカイブページ

→子カテゴリーのアーカイブページのサンプル

親カテゴリーのアーカイブページに表示されている子カテゴリーのボタン一覧をクリックすると子カテゴリーの一覧ページが表示される仕様です。こちらも親カテアーカイブと同様に見出しに品数が連動して表示される仕様です。

レシピ詳細ページ

レシピ詳細ページでは、あらかじめ用意されているコンテンツビルダー式の以下の項目を設定するだけで美しいレイアウトのデザインページが完成します。

  • レシピの基本設定
  • レシピのその他の設定

レシピの基本設定

メインコンテンツのタイプは画像スライダーと動画からお選びいただけるので、通信環境や閲覧されることの多いデバイスを考えて設定可能です。動画を表示する場合は、調理時間や、費用のなどを表示するラベルも任意で追加することができます。文言も自由に変更できるので作業時間を定時して何かしらのハウトゥーコンテンツの制作にも適しています。

その下部にある材料・作り方・ポイントの設定も表示非表示はワンタッチで可能な上に、すべて設定した後にドラッグ&ドロップで並び替えることも簡単です。

レシピのその他の設定

ここでは記事のタイプを設定できます。

プレミアムレシピに設定することで、会員登録してログインしているユーザーにしか閲覧できなくなります。特別なレシピやコンテンツはプレミアムレシピに設定して会員登録を促すように設定できますね。

また、特集ページ1〜3に設定すると、固定ページテンプレート「特集ページ」で表示できるレシピに登録できます。詳しくはこちらでご確認ください。

以上のように細かく階層化されている上に、詳細ページでは各項目にそって入力していくだけで簡単にレシピページを完成できます。もちろんレシピに限らずさまざまなコンテンツに応用可能なカスタム投稿タイプです。

北島みか

北島みかMIKA KITAJIMA

記事一覧

コツを押さえれば料理は美味しくなります。
分からないことは、いつでもお気軽にご質問ください!

関連記事