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

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

Takamine GD20 Dreadnought Acoustic Guitar - Natural Satin Bundle with Hard

【再入荷！】 Louis iPhoneバンパーXS スマホケース ルイ・ヴィトン Vuitton iPhone・スマホケース 0:ONESIZE

ブログパーツの新規作成

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

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

ブログパーツの登録

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

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

【再入荷！】 Louis iPhoneバンパーXS スマホケース ルイ・ヴィトン Vuitton iPhone・スマホケース 0:ONESIZE

紗栄子さんご愛用 PATOU 刺繍 ミニ ワンピース パフスリーブ

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

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

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

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

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

【再入荷！】 Louis iPhoneバンパーXS スマホケース ルイ・ヴィトン Vuitton iPhone・スマホケース 0:ONESIZE

[Raucohouse] Thinsulate Glossy Leather Zip-Up Jacket/追跡付

ショートコード名は

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

エンポリオアルマーニ ネックレス メンズ EGS1921040

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

追跡付 19SS SUPREME The North Face Arc Logo Denali Fleece

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

【再入荷！】 Louis iPhoneバンパーXS スマホケース ルイ・ヴィトン Vuitton iPhone・スマホケース 0:ONESIZE

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

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

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

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

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

【PRADA】Re Nylon スマートフォンケース ブラック