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

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

お取寄せ メトリウス ファウンダリー ホワイト/ブラックスワール 4/22現在メーカー在庫数

【2021A/W新作★送料無料】 Backpack DESIGN PRINT Diamond Up-Close and 並行輸入品 Set Case Pencil リュックサック、デイパック

ブログパーツの新規作成

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

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

ブログパーツの登録

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

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

【2021A/W新作★送料無料】 Backpack DESIGN PRINT Diamond Up-Close and 並行輸入品 Set Case Pencil リュックサック、デイパック

Philipp Plein F48615-719688902

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

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

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

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

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

【2021A/W新作★送料無料】 Backpack DESIGN PRINT Diamond Up-Close and 並行輸入品 Set Case Pencil リュックサック、デイパック

Louis Vuitton ヴェデッド・ライン サンダル

ショートコード名は

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

【ZIMMERMANN】 TROPICANA リネンジャンプスーツ☆彡

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

【DOLCE＆GABBANA】◆ライラック プリーツスカート◆Aライン

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

【2021A/W新作★送料無料】 Backpack DESIGN PRINT Diamond Up-Close and 並行輸入品 Set Case Pencil リュックサック、デイパック

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

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

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

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

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

**MARNI**マルニ★triped Shirt★シャツ