料理レシピブラグイン Recipe Card Blocks の使い方と表示例

WPZOOM Recipe Card WP プラグイン

料理レシピブラグイン

Sponsor

料理レシピブラグイン Recipe Card Blocks

レシピの記事を書くのに便利なレシピプラグイン。Recipe Card Blocks が一番使いやすいと思いました。

その表示例と使い方を記載します。

Sponsor

Recipe Card Blocks で簡単/ 料理レシピブラグイン

Recipe Card Blocks はブロックエディッタで簡単にレシピ記事を書くことができます。ブロックエディッタですから、簡単にテーマに馴染むレシピ記事を表示できます。

普通のエディッタではできない「料理の人数の変更による分量の変更ボタン」や印刷ボタンも設置できます。

料理レシピ ブラグイン 
 Recipe Card
料理レシピ ブラグイン Recipe Card

料理レシピブラグイン Recipe Card Blocks の利点

  • ブロックエディッタを利用
  • 印刷ボタンの設置
  • 調理手順に画像の挿入が簡単
  • 3種類のテンプレートあり
  • 簡単でわかりやすい
  • 人数により材料の分量が自動で計算されるボタン設置

料理レシピブラグイン Recipe Card Blocks の使い方

インストール

 ↓

有効化

 ↓

ブロックエディッタで記事に挿入

Recipe Card Settings はインストール・有効化するだけで難しい設定はありません。ブロックエディッタで記事を書くだけです。

「Recipe Card Blocks」を有効化すると、ブロックエディッタに「 RECIPE CARD」というブロックエディッタができます。

Details(人数や調理時間などを記載)とIngredients(材料)を選択

英語を日本語に書き換えることができます。ブロック内に人数や準備時間・調理時間があります。不要な項目は削除でき、デフォルトは4カラムからカラムの変更可能もです。

  1. ブロックエディッタで「Details」をクリック
  2. ブロックエディッタで「Ingredients(材料)」をクリック
  3. 文字や数字を入力
  4. 不要な項目は削除(不要な項目をクリックするとゴミ箱のアイコンが表示される)

ブロックエディッタ「Details」「Ingredients」

料理レシピ ブラグイン 
 Recipe Card
料理レシピ ブラグイン Recipe Card

ブロックエディッタの設定(カラムの変更)

料理レシピ ブラグイン 
 Recipe Card
Recipe Card

Directions(調理手順の記載)

  1. ブロックエディッタで「Directions」をクリック
  2. 調理の手順を入力
  3. 必要ならば画像を挿入
  4. 画像のサイズを変更

料理手順を入力

料理レシピ ブラグイン 
 Recipe Card
Recipe Card

画像のサイズなどを変更する

料理レシピ ブラグイン 
 Recipe Card
Recipe Card

料理レシピブラグイン Recipe Card Blocks のテンプレート

ブロックエディッタでテンプレートを選ぶこともできます。テンプレートは3種類あります。

  1. ブロックエディッタで「Recipe Card Block」をクリックする
  2. 右の設定でスタイルを選択
  3. 画像のサイズの変更
  4. ボタンの表示・非表示の設定

Recipe Card Blockにカーソルを合わせるとサンプルが表示される

Recipe Card サンプル
Recipe Card

スタイルの選択

Recipe Card sスタイルの選択
Recipe Card

画像のサイズやボタンの表示・非表示

料理レシピ ブラグイン  Recipe Card
Recipe Card

文字や数字の変更

Recipe Card 料理の人数や時間の入力
Recipe Card

料理レシピブラグイン Recipe Card Blocks の設定

Recipe Card Blocks を有効化すると、左側の項目に「Recipe Card」の項目ができ、デフォルトの設定ができます。

デフォルトの設定

Recipe Card
Recipe Card

料理レシピプラグイン

プラグイン公式 Recipe Card Blocks

ブラグインのインストールなど、サイトを変更する場合は、バックアップをとって行ってください。

WP プラグイン
Sponsor
ゆきををフォローする