WPZOOM Recipe Card Blocks
レシピの記事を書くのに便利なレシピプラグイン。WPZOOM Recipe Card Blocks が一番使いやすいと思いました。
その表示例と使い方を記載します。
WPZOOM Recipe Card Blocks ブロックエディッタで簡単
WPZOOM Recipe Card Blocks はブロックエディッタで簡単にレシピ記事を書くことができます。ブロックエディッタですから、簡単にテーマに馴染むレシピ記事を表示できます。
普通のエディッタではできない「料理の人数の変更による分量の変更ボタン」や印刷ボタンも設置できます。
WPZOOM Recipe Card Blocks の利点
- ブロックエディッタを利用
- 印刷ボタンの設置
- 調理手順に画像の挿入が簡単
- 3種類のテンプレートあり
- 簡単でわかりやすい
- 人数により材料の分量が自動で計算されるボタン設置
WPZOOM Recipe Card Blocks の使い方
インストール
↓
有効化
↓
ブロックエディッタで記事に挿入
WPZOOM Recipe Card Settings はインストール・有効化するだけで難しい設定はありません。ブロックエディッタで記事を書くだけです。
「Recipe Card Blocks」を有効化すると、ブロックエディッタに「WPZOOM – RECIPE CARD」というブロックエディッタができます。
Details（人数や調理時間などを記載）とIngredients（材料）を選択
英語を日本語に書き換えることができます。ブロック内に人数や準備時間・調理時間があります。不要な項目は削除でき、デフォルトは4カラムからカラムの変更可能もです。
- ブロックエディッタで「Details」をクリック
- ブロックエディッタで「Ingredients（材料）」をクリック
- 文字や数字を入力
- 不要な項目は削除（不要な項目をクリックするとゴミ箱のアイコンが表示される）
ブロックエディッタ「Details」「Ingredients」
ブロックエディッタの設定（カラムの変更）
Directions（調理手順の記載）
- ブロックエディッタで「Directions」をクリック
- 調理の手順を入力
- 必要ならば画像を挿入
- 画像のサイズを変更
料理手順を入力
画像のサイズなどを変更する
WPZOOM Recipe Card Blocks のテンプレート
ブロックエディッタでテンプレートを選ぶこともできます。テンプレートは3種類あります。
- ブロックエディッタで「Recipe Card Block」をクリックする
- 右の設定でスタイルを選択
- 画像のサイズの変更
- ボタンの表示・非表示の設定
Recipe Card Blockにカーソルを合わせるとサンプルが表示される
スタイルの選択
画像のサイズやボタンの表示・非表示
文字や数字の変更
WPZOOM Recipe Card Blocks の設定
Recipe Card Blocks を有効化すると、左側の項目に「Recipe Card」の項目ができ、デフォルトの設定ができます。
デフォルトの設定
