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

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

(スパイラルタップ)グーリング　ＴｉＡｌＮスパイラルタップ　高能率用並目　Ｍ２０Ｘ２．５ 4449-M20.0X2.5

高い素材 【PRADA】直営店★サフィアーノレザー ウォレット 二つ折り財布 折りたたみ財布 色・サイズを選択:ブラック

ブログパーツの新規作成

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

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

ブログパーツの登録

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

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

高い素材 【PRADA】直営店★サフィアーノレザー ウォレット 二つ折り財布 折りたたみ財布 色・サイズを選択:ブラック

Kikki K 大人気のレザー手帳 パーソナルプランナーMEDIUM:LUCKY

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

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

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

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

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

高い素材 【PRADA】直営店★サフィアーノレザー ウォレット 二つ折り財布 折りたたみ財布 色・サイズを選択:ブラック

☆韓国の人気☆【87MM】☆[Mmlg] NORDIC DUVET FLEECE JUMPE.R☆

ショートコード名は

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

【すぐ届く！★人気のデニム】 LOUIS VUITTON ハット

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

GUCCI Gucciトレードマーク刻印ハートモチーフ ネックレス

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

高い素材 【PRADA】直営店★サフィアーノレザー ウォレット 二つ折り財布 折りたたみ財布 色・サイズを選択:ブラック

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

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

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

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

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

【日本未入荷】LOUIS VUITTON コールダソテ・クリストファー