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

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

ヴァレンティノ Anorak カモフラージュ ナイロンジャケット

【​限​定​販​売​】 サンワサプライ ナイロンメッシュディスプレイケーブル KC-NMV150K[直送品] その他PCケーブル、コネクタ

ブログパーツの新規作成

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

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

ブログパーツの登録

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

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

【​限​定​販​売​】 サンワサプライ ナイロンメッシュディスプレイケーブル KC-NMV150K[直送品] その他PCケーブル、コネクタ

【納期目安：１週間】TN-2467541 北海道 知床羅臼産 いくら醤油漬け (50g×4パック) (TN2467541)

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

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

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

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

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

【​限​定​販​売​】 サンワサプライ ナイロンメッシュディスプレイケーブル KC-NMV150K[直送品] その他PCケーブル、コネクタ

パトリツィア ペペ ブーツ＆レインブーツ シューズ レディース Ankle boots Light grey

ショートコード名は

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

A-Tech 16GB (2x8GB) PC3-12800 DDR3 1600MHz RAM Apple MacBook Pro (2012年中頃) iMac (2012年後期/2013年後期/2014年後期) Mac Mini (2012年後期) 204ピ

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

OXO オクソー ソフトワークス ポップコンテナ 9個セット

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

【​限​定​販​売​】 サンワサプライ ナイロンメッシュディスプレイケーブル KC-NMV150K[直送品] その他PCケーブル、コネクタ

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

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

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

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

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

キャビネット 扉収納 引き出し収納 天然木 幅75 高さ85 シンプルデザイン 間仕切り 完成品