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

モーニング&ランチ

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

Style Note

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

webNote

WordPressを簡単に
WordPressを簡単に

WordPress

previous arrow
next arrow
Shadow

レシピを表示するプラグイン「WP Recipe Maker」の利用方法と表示例

WP Recipe MakerWP プラグイン
WP Recipe Makerのテンプレートで表示されたレシピ記事
WP プラグイン

WP Recipe Maker(WP レシピメーカー)

WP Recipe Makerは英語ですが、チュートリアルがありとてもわかりやすいです。

WP Recipe Maker
WP Recipe Maker
  1. グーテンベルクやクラシックエディッタなど選ぶ
  2. テンプレートを選ぶ

グーテンベルク・クラシックエディッタ・ページビルダーなどを選択

WP Recipe Maker
WP Recipe Maker

無料の5種類のテンプレートから選択

テンプレートの選択ボタンを押すと、見本が表示されます。(9種類のうち5種類が無料で利用できる)

WP Recipe Maker
WP Recipe Maker

「WP RECIPE MAKER」で作った記事と投稿記事

WP RECIPE MAKERは、「WP RECIPE MAKER」 で作った記事を投稿記事に挿入するタイプです。

レシピの記事を作る

 ↓

記事に挿入する

1.レシピ記事の一覧

WP Recipe Maker
WP Recipe Maker

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

WP Recipe Maker
WP Recipe Maker

挿入した記事

WP Recipe Maker
WP Recipe Maker

WP Recipe Maker テンプレートを設定する

  1. 設定(setting)→テンプレートエディッタ(Template Editor)を開く
  2. Open the Template Editorをクリックする
  3. Recipe Templateをクリック
  4. 下にスクロールし、テンプレートを選択する
  5. Clone & Edit Templateをクリック
  6. テンプレートに名前をつける

Template EditorOpen the Template Editor

WP Recipe Maker
WP Recipe Maker

テンプレートに名前をつける

WP Recipe Maker
WP Recipe Maker

WP Recipe Maker のテンプレートの色などを変更する

名前を付けたテンプレートを好みの色やサイズなどに変更できます。

  1. Template Propertiesを変更(Background、テキスト、リンクなどの色や種類を変更)
  2. Edit Blocksを変更(各ブロックの色やサイズ、アイコンなどの変更)
  3. 好みのデザインにしてSeve changeをクリック

HTMLやCSSで変更もできますが、「Template Properties」と「Edit Blocks」で簡単にテンプレートのデザインを変更できます。

Template PropertiesでBackground、テキスト、リンクなどの色や種類を変更

WP Recipe Maker
WP Recipe Maker

Edit Blocksで各ブロックの色やサイズ、アイコンなどを変更

WP Recipe Maker
WP Recipe Maker

WP Recipe Makerでレシピを書く

  1. WP Recipe Maker→Manageをクリック
  2. Create Recipeをクリック
  3. 料理の名前・材料・調理手順を記載
  4. 画像をアップロード
  5. 保存

メディア(画像・動画のアップロード)や調理時間

WP Recipe Maker
WP Recipe Maker

材料・分量など

WP Recipe Maker
WP Recipe Maker

調理手順(調理手順に画像や動画を追加できる)

WP Recipe Maker
WP Recipe Maker

記事の中に WP Recipe Maker で書いたレシピを入れる

  1. 記事のブロックエディッタを開く
  2. 「WP RECIPE MAKER」→「WPRM Recipe」をクリック
  3. 「Create NewRecipe」または「Insert existing Recipe」をクリック

「WP RECIPE MAKER」→「WPRM Recipe」

WP Recipe Maker
WP Recipe Maker

WP Recipe Maker で表示されるレシピ

WP Recipe Maker
WP Recipe Maker
WP Recipe Maker
WP Recipe Maker
タイトルとURLをコピーしました