SWELLで使える「ブログパーツ」機能について紹介します。

この記事のSWELL公式マニュアルはこちら

浜陶 アニマル碗 ライオン 5個セット 子ども用 約Φ11.5×6cm 33-09

人気商品は インテル Pentium G2030 (Ivy Bridge 3.00GHz) LGA1155 BX80637G2030 CPU

ブログパーツの新規作成

管理画面の「ブログパーツ」から、通常の投稿と同じように、呼び出したいコンテンツをエディターで作成します

右サイドバーの「用途」でブログパーツの分類ができます。

ブログパーツの登録

コンテンツの作成が完了したら、通常の投稿と同じように「公開」します。

これでおすすめ記事の投稿リストブロックがブログパーツとして登録されました。

人気商品は インテル Pentium G2030 (Ivy Bridge 3.00GHz) LGA1155 BX80637G2030 CPU

日本未入荷・海外限定★【HIDE＆JACK】ホワイト ロゴ スニーカー

ブロックエディターから呼び出し

『SWELLブロック』の中から、『ブログパーツ』ブロックを選択してください。

次のような「ブログパーツ」ブロックが挿入されます。

左側のセレクトボックスから、登録済みのブログパーツを選択します。

右側のセレクトボックスを使うと、選択できるブログパーツを絞り込むことができます。

人気商品は インテル Pentium G2030 (Ivy Bridge 3.00GHz) LGA1155 BX80637G2030 CPU

GHOUD leather tweener スニーカー 送料関税込み

ショートコード名は

呼び出すブログパーツはIDもしくはタイトルで指定します。

世界の国旗 万国旗 インド 70×105cm　　　　70×105cm　同梱・代引不可　　送料無料

[blog_parts id="投稿ID"]
[blog_parts name="ブログパーツ名"]
[ブログパーツ id="投稿ID"]
[ブログパーツ name="ブログパーツ名"]

エスコ (ESCO) 17x19mm 両口スパナ(ノンスパーキング) EA642LD-18

ブログパーツ一覧画面の右側には呼び出しコードが生成されているので、このコードをコピペすれば、ブログパーツを呼び出すことができます。

人気商品は インテル Pentium G2030 (Ivy Bridge 3.00GHz) LGA1155 BX80637G2030 CPU

「ブログパーツ」は、メインコンテンツエリアだけでなく、ウィジェットエリアでも呼び出すことができます。

ウィジェットアイテムとして使うと便利です。

ブログパーツをウィジェット化する方法

例えばCTAウィジェットとして・・・

記事系ウィジェットも・・・

2脚セット 東谷 ダイニングチェア ブロッサム 木製 COL-019