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

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

JORDAN WHY NOT ZER0.3 GS 'BLACK CEMENT' ジョーダン ホワイ ノット ゼロ 3 【BOY'S】 black/bright crimson-cement grey-white CD5804-006

大人気定番商品 【87MM】★21AW★全3色★[Mmlg] CIRCLE BACKPACK バックパック・リュック 色・サイズを選択:GREEN

ブログパーツの新規作成

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

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

ブログパーツの登録

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

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

大人気定番商品 【87MM】★21AW★全3色★[Mmlg] CIRCLE BACKPACK バックパック・リュック 色・サイズを選択:GREEN

STELLA MCCARTNEY ステラロゴ ミディアム クロスボディバッグ

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

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

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

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

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

大人気定番商品 【87MM】★21AW★全3色★[Mmlg] CIRCLE BACKPACK バックパック・リュック 色・サイズを選択:GREEN

KAREN MILLEN ファネルネック ハイロ−ヘム ジャ−ジ− ドレス

ショートコード名は

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

【ボッテガ・ヴェネタ】BIFOLD WALLET 二つ折りウォレット

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

[CELINE] モノクローム 01 サングラス アセテート イエロー

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

大人気定番商品 【87MM】★21AW★全3色★[Mmlg] CIRCLE BACKPACK バックパック・リュック 色・サイズを選択:GREEN

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

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

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

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

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

プレゼントにも★[VERSACE]メデューサルミエールヘイズ 13㎝灰皿