Morning&Lunch
配信とインテリアの実話映画
PCとスマホとゲーム
WordPressを簡単に
Morning&Lunch
Morning&Lunch

モーニング&ランチ

配信とインテリアの実話映画
配信とインテリアの実話映画

Style Note

PCとスマホとゲーム
PCとスマホとゲーム

webNote

WordPressを簡単に
WordPressを簡単に

WordPress

previous arrow
next arrow
Shadow

おすすめレシピブラグイン WPZOOM Recipe Card Blocks の使い方と表示例

WPZOOM Recipe CardWP プラグイン
ブロックエディッタで簡単挿入
WP プラグイン

WPZOOM Recipe Card Blocks

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

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

WPZOOM Recipe Card Blocks ブロックエディッタで簡単

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

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

WPZOOM Recipe Card
WPZOOM Recipe Card

WPZOOM Recipe Card Blocks の利点

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

WPZOOM Recipe Card Blocks の使い方

インストール

 ↓

有効化

 ↓

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

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

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

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

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

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

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

WPZOOM Recipe Card
WPZOOM Recipe Card

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

WPZOOM Recipe Card
WPZOOM Recipe Card

Directions(調理手順の記載)

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

料理手順を入力

WPZOOM Recipe Card
WPZOOM Recipe Card

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

WPZOOM Recipe Card
WPZOOM Recipe Card

WPZOOM Recipe Card Blocks のテンプレート

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

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

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

WPZOOM Recipe Card
WPZOOM Recipe Card

スタイルの選択

WPZOOM Recipe Card
WPZOOM Recipe Card

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

WPZOOM Recipe Card
WPZOOM Recipe Card

文字や数字の変更

WPZOOM Recipe Card
WPZOOM Recipe Card

WPZOOM Recipe Card Blocks の設定

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

デフォルトの設定

WPZOOM Recipe Card
WPZOOM Recipe Card
タイトルとURLをコピーしました