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

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

スチール製軽中量ボルトレス棚 TRUSCO トラスコ中山 M1.5型軽中量棚 1160X445X1500 2段 スライド2段 連結 [M1.5-5442M2B] M1.55442M2B 販売単位：1

人気スポー新作 AN-DH001-GP ランプ印 屑入投入口【スガツネ工業】 その他金物、部品

ブログパーツの新規作成

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

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

ブログパーツの登録

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

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

人気スポー新作 AN-DH001-GP ランプ印 屑入投入口【スガツネ工業】 その他金物、部品

★Casetify★MacBookケース*Leaves mandala n.1

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

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

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

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

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

人気スポー新作 AN-DH001-GP ランプ印 屑入投入口【スガツネ工業】 その他金物、部品

DOLCE & GABBANA◆スニーカー

ショートコード名は

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

【GRAVER】Flower Dot Embroidery White Clip Jacket

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

【BERLUTI】Lorenzo カンガルー レザー オックスフォード 全2色

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

人気スポー新作 AN-DH001-GP ランプ印 屑入投入口【スガツネ工業】 その他金物、部品

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

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

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

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

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

Ina swim/UPF50＋ADAラッシュ＆MESA上下セット/ユニセックス