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

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

ヴァレンティノ メンズ 帽子 アクセサリー Reversible Nylon Bucket Hat

大人気新作 MiuMiu ミュウミュウ ハンドバッグ レザー ブラック クリスタル ハンドバッグ 0:ONESIZE

ブログパーツの新規作成

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

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

ブログパーツの登録

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

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

大人気新作 MiuMiu ミュウミュウ ハンドバッグ レザー ブラック クリスタル ハンドバッグ 0:ONESIZE

【直営店買付】VERSACE★パラッツォ イヤリング★gold

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

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

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

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

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

大人気新作 MiuMiu ミュウミュウ ハンドバッグ レザー ブラック クリスタル ハンドバッグ 0:ONESIZE

Burberry◆LOLA ローラ◆キルティング レザーウォレット◆small

ショートコード名は

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

【Tory Burch】Miller スエードパネル ぺブル加工レザートート

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

Dolce & Gabbana ショートネックレス ムリーネ 直営店買付

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

大人気新作 MiuMiu ミュウミュウ ハンドバッグ レザー ブラック クリスタル ハンドバッグ 0:ONESIZE

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

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

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

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

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

翌日着☆超レアHERMESエトープ色Petit H愛の象徴クマのチャーム