ゴージャスなWordPressレシピを作成する方法（4つのステップで）

料理ブログを運営しているということは、レシピやその他の関連情報を定期的に表示する必要があることを意味している可能性があります。 しかし、あなたが優れた指示を与えたとしても、あなたの恒星の創造は少しのスタイルなしでは見過ごされるかもしれません。

この記事では、レシピのスタイリングが重要である理由と、優れたクッキングプラグインで何を探すべきかについて説明します。 次に、私たちのお気に入りのピックの1つを紹介し、それを使用してWordPressレシピを作成する方法を説明します。 始めましょう！

あなたがあなたのウェブサイトにゴージャスなレシピを追加したいかもしれない理由

レシピが魅力的であればあるほど、説得力が増します。

言うまでもありませんが、サイトのすべての要素をできるだけ魅力的にする必要があります。 それらがあなたの聴衆にとってより重要であるほど、あなたはそれらにもっと注意を払う必要があります。 ブログを料理することになると、レシピよりも注目を集める要素はほとんどありません。 理由について説明しましょう。

• 彼らはエンゲージメントを高めるのに役立ちます。 レシピに従うには時間と集中が必要です。 レシピの説得力が高いほど、ユーザーがサイトでレシピを読むのに費やす時間が長くなります。
• あなたはあなたが望むようにあなたのレシピをスタイルすることができます。 多くの人がレシピに一握りの写真を追加して、それを1日と呼びます。 説得力のあるレシピには優れた写真撮影が必須ですが、WordPressを使用するとさらに多くのことができます。 たとえば、栄養価をカバーする別のセクションを追加できます。

料理ブログを運営している場合、またはブログを始めることを考えている場合は、レシピを一新することをお勧めします。 それはあなたのサイトをより洗練されたものに見せ、レシピがあまり専門的ではないように見える競合他社よりも優位に立つかもしれません。 あなたがそれらを推薦する前に、それらがおいしいことを確認してください！

あなたが素晴らしいWordPressレシピプラグインで探すべきもの

幸い、WordPressを使用すると、さまざまな方法でスタイリッシュなレシピをサイトに実装できます。 この場合、手動で行うことができ、モジュールシステムのおかげで多くの制御を提供するDiviなどのテーマを使用することもできます。

一方、Cooked、WP Recipe Maker、WP UltimateRecipeなどのさまざまなプラグインがあります。 これらはすべて最上位の選択肢であり、次のような多くの共通機能を共有しています。

• 見栄えのするレシピを作成する簡単な方法を提供します。
• あなたのウェブサイトのスタイルに適応できるようにあなたのレシピをスタイリングするための複数のレイアウト。
• 調理時間、材料のリストなど（すべて独自のスタイルを使用）など、調理に適した機能。
• レシピに合わせて最適化された画像ギャラリー。

これらの要素のいずれかを個別に取得する場合、プラグインなしでそれらを複製することは特に難しくありません。 ただし、カスタムの投稿タイプを自分で作成し、テーマに変更を加えるのに多くの時間を費やす必要がある可能性があります。 あなたがその仕事をしているのなら、それでいいのですが、いつでもプラグインを使って手間のかかる作業を行うことができます。

Cookedプラグインの紹介

Cookedプラグインを使用すると、汗をかくことなく、これまでに見た中で最もゴージャスなWordPressレシピのいくつかを作成できます。 それは、栄養成分、準備と調理時間、ギャラリーなど、複数のスタイル要素を提供することによって機能します。

これらの要素を取得して、習得が容易なショートコードシステムを使用して、任意の方法で再配置できます。 あなたがしなければならないのはあなたのレシピの情報を入力し、プラグインにそれを料理雑誌で場違いにならない何かに変えさせることです。

あなたがDiviユーザーなら、プラグインとテーマが一緒にうまく機能することを知ってうれしいでしょう。 レシピはショートコードに基づいているため、任意のモジュールにレシピを追加し、サイトの他の部分と見栄えがするようにスタイルをカスタマイズできます。

主な機能：

• さまざまな構築済み要素を使用して、スタイリッシュなWordPressレシピを作成します。
• ショートコードを使用して、レシピの要素を好きなように配置します。
• 魅力的な石積みグリッドレイアウトを使用してレシピを表示します。
• 調理時間、レシピの難易度、栄養成分などの重要な情報を含めます。
• 訪問者が各レシピのリストから材料にチェックマークを付けて、何も見逃さないようにします。
• ちょうどあなたのレシピライブラリの検索機能が含まれます。

価格：無料版とプレミアム版が利用可能| 詳しくは

ゴージャスなWordPressレシピを作成する方法（4つのステップで）

このセクションでは、Cookedプラグインを使用して、WordPressレシピの作成方法を説明します。 前に述べたように、これはオンラインで利用できる唯一のレシピプラグインではありませんが、最も見栄えの良いプラグインの1つであり、起動するのに適しています。 ジャンプする前に、Cookedプラグインをインストールしてアクティブ化して、指示に従うことができるようにしてください。

ステップ1：プラグインを構成する

始める前に、Cookedプラグインを構成することをお勧めします。 これを行うには、ダッシュボードの[レシピ]> [設定]タブに移動します。

まず、ページを「レシピライブラリ」として指定する必要があります。 これを行うには、新しいページを作成し、その中のどこかに[cooked-browse]ショートコードを追加します。 次に、変更を保存し、 [設定]ページの上部にあるドロップダウンメニューからそのページを選択して、レシピ検索機能を有効にします。

次に、ライブラリの各ページに含めるレシピの数も設定する必要があります。 デフォルトは9ですが、他の数値を自由に試して、好みに合っているかどうかを確認してください。 そのオプションのすぐ下に、レシピの分類法を有効にする設定があります。 整理しやすくするために分類できるように、有効にしておくことをお勧めします。

次に、下にスクロールして、グローバルレシピ切り替えの設定を確認します。 中に8つの要素があり、1つを切り替えると、すべてのレシピでその要素が無効になるため、少し時間を取って、何を含めたいかを考えてください。

最後になりましたが、各レシピの作成者の名前を表示するための形式を選択する必要があります。 一貫性を保つために、ブログの投稿で使用する形式にできるだけ近い形式を選択することをお勧めします。

それが邪魔にならないように、変更を保存して、ステップ2に進みます。

ステップ2：レシピのカテゴリを設定する

サイトに追加する予定のレシピの数に応じて、それらに個別のグループを設定することをお勧めします。 始めたばかりの場合でも、カテゴリを1つか2つ追加しても問題はなく、訪問者がライブラリを簡単に確認できるようになります。

開始するには、[レシピ] > [カテゴリ]タブに移動します。 画面の左側には、新しいカテゴリを追加するために必要なオプションと、それらのすぐ隣にあるすべての既存のカテゴリのリストがあります。

ここでのプロセスは非常に簡単です。 新しい追加の名前とスラッグを選択し、必要に応じて親カテゴリを選択するだけです。 たとえば、パスタ料理のカテゴリを追加する場合は、イタリア語を親として設定できます（つまり、最初にイタリア語を作成する必要があります）。

覚えておいてください–ページの下部に、各カテゴリの説明を追加できるフィールドがあります。 これらの説明は通常、内部識別のみを目的としています。 ただし、Diviではなく一部のテーマで表示される場合があるため、ここに書き込む内容には注意してください。

カテゴリの説明を追加したくない場合は、この機能をいつでも完全に無視できます。 いずれにせよ、基本的な分類法が整ったら、ついにキッチン（ま​​たはダッシュボード）に行き、最初のレシピに取り掛かる時が来ました。

ステップ3：最初のレシピを作成する

開始するには、[レシピ] > [新規追加]タブをクリックします。 これにより、Cookedプラグインのおかげでいくつかのカスタムタブが付いたWordPressエディターに移動します。

まず、レシピの名前を設定してから、エディターの本体まで下にスクロールします。 ここに複数のショートコードが表示されます。各ショートコードはレシピの異なる要素を表しています。

今のところ、これらのコードには触れないでください。 代わりに、[材料]タブをクリックします。 内部では、レシピの各材料を追加して、それぞれの量と測定値を指定できます。

先に進んで、レシピのすべての材料をリストしてください。 間違えた場合は、マウスオーバー時に表示されるXアイコンをクリックして、各アイテムを編集または削除できます。 完了したら、次のタブ– [方向]に移動します。

レシピに関する限り、訪問者が間違いを犯さないようにするためには、明確な指示が不可欠です。 Cookedの最も優れた機能の1つは、指示をわかりやすい手順に分割できることです。 これを行うには、見出しと短い説明の両方を組み合わせることができます。

レシピをさらに盛り上げたい場合は、必要と思われる手順の横に画像を追加するオプションもあります。 それは余分な作業ですが、それはあなたの料理がどのように準備されるべきかを説明するのに役立ちます。 完全な手順が完了するまで続けてから、[栄養]タブにジャンプします。

このタブは複雑に見えますが、見た目はだまされています。 レシピの栄養情報を知っている限り、必要なフィールドに入力し、不要なフィールドは無視してください。 特定のレシピにこの情報を含めたくない場合は、対応するショートコードを適宜削除できるため、スキップしてかまいません。

最後に、[ギャラリー]タブに移動し、レシピと一緒に表示する画像をアップロードします。

準備ができたら、[レイアウトとコンテンツ]タブに戻り、下にスクロールしてレシピの抜粋を入力し、難易度、準備時間、調理時間を指定します。

あとは、フロントエンドからレシピがどのように見えるかをカスタマイズするだけです。 最後のステップでそれを確認します。

ステップ4：調理済みレシピのスタイルを設定する

さらに詳しく説明する前に、レシピがどのように表示されているかを確認しましょう。 レシピの作者、難易度、印刷機能は次のとおりです…

…そしてそのすぐ下にタイミング情報と材料のリストがあります：

悪くはありませんが、[レイアウトとコンテンツ]タブでショートコードを再配置することで、すべてを正確な要件に合わせてカスタマイズできます。 それらの名前は一目瞭然ですが、ヘルプが必要な場合は、[ショートコード]タブにチートシートがあります。

全体として、私たちのレシピはすでにかなり良く見えていますが、それでも良くなる可能性があります。 その栄養情報をサイドバーに追加してみましょう（そうすれば、レシピの残りの要素が混雑することはありません）。 幸い、Cookedを使用すると、箱から出してこれを行うことができます。 [外観]> [ウィジェット]に移動し、調理済みウィジェットをサイドバーにドラッグするだけです。

ウィジェットが提供する唯一のオプションはレシピの栄養成分を表示することであるため、ウィジェットを構成する必要はありません。 これが私たちのレシピが今どのように見えるかです：

見た目はかなり良く、ショートコードシステムをいじってカスタマイズし続けることができます。 完了したら、変更を保存して次のレシピに進みます。

結論

WordPressブログにスタイリッシュなレシピを追加することは、より多くのユーザーを引き付けるための優れた方法です。 魅力的な画像を使用し、栄養情報を表示し、詳細な指示を提供することで、訪問者はより注意を払い、サイトに長く滞在することができます。 これはプラグインなしで実行できることですが、適切なプラグインを使用すると時間を大幅に節約できます。

Cookedだけが周りのレシピプラグインではありませんが、それは私たちのお気に入りの1つです。 使用方法は次のとおりです。

1. プラグインを構成します。
2. レシピのカテゴリを設定します。
3. 最初のレシピを作成します。
4. あなたの作品をスタイリングします。

Cookedを使用してWordPressレシピを作成する方法について質問がありますか？ 下のコメントセクションで質問してください！

Oxy_gen / shutterstock.comによる記事のサムネイル画像。