【SWELL】便利機能ブログパーツの使い方と具体例

こんにちは！nicoです☺

SWELLにはおしゃれな装飾や、便利なブロックエディタが標準装備されていて初心者の方でも簡単にブログやホームページを作ることができますよね。

そのなかでもブログパーツというコンテンツを呼びだせる便利な機能があるのはご存じでしょうか？

知っていても使い方がわからなくて結局使っていない方も多いのではないでしょうか？

ブログパーツを使いこなすことができると、簡単におしゃれなホームページやブログを作ることができます。

今回は便利すぎる機能ブログパーツについて解説していきます！

最後まで読んでいただくとあなたもブログパーツを使いこなせるようになりますよ！

ブログパーツを使ってなにができるの？

ブログパーツを登録しておくと色々なところで呼び出せたり、使いまわしができたりととにかく便利なんです！

ブログパーツの主な使い方は以下の７つになります。

たとえば、私のブログ記事の最後にはふきだしとバナーを入れているのですが、これもブログパーツを作って使いまわししています。
↓この画像の部分です。

また、通常メインビジュアル上には文字しか入れられませんが、下の画像のように、ブログパーツを使うことでロゴをメインビジュアルの上に乗せることができ、ワンランク上のトップページを作ることができます！

ちなみにロゴはcanvaで作っています。無料で使えますよ！

ブログパーツの作り方

まずはブログパーツを作っていきます。

これでブログパーツが作れました！

ブログパーツの設置

では、ブログパーツが作れたので表示したい場所に設置してみましょう！

メインビジュアルに設置する

ウィジェットに設置する

記事内に設置する

カテゴリー（タグ）ヘッダーに設置する

カテゴリー（タグ）ヘッダーに設置するとカテゴリー（タグ）ページの記事の上にブログパーツが表示されます。

カテゴリー（タグ）の概要を入れてわかりやすくしたり、写真や画像を入れておしゃれに装飾することができます。

CTAに設置する

CTAとは読者に行動を促すという意味で、広告やお知らせをブログパーツで作り記事の下に表示させることできるので効果的に広告を貼ることができます。

記事内での設置や、ウィジェットで設置してもいいのですが、カテゴリーごとにブログパーツを選ぶことができるので、カテゴリーに合った広告を貼るときに便利です。

ブロックパターンとして使う

よく使う組み合わせのパターンをブログパーツに登録しておくことで、いつでも記事内で呼び出すことができます。

他の用途と違うのは呼び出した後に編集できる点です。

たとえば、私の記事の冒頭によく使っているこのパターンですが、

これは元となるブログパーツを作っておき、記事内で呼び出してから編集しています。

元となるブログパーツは以下のように作っておきます。

このとき、サイドバーの「用途」には「ブロックパターン」にチェックを入れておきます。

記事内で呼び出す方法は、

著書アーカイブページで使う

この機能は、ver. 2.5.9アップデートで追加されました！

まとめ：ブログパーツは時短できる便利機能

今回はブログパーツについてご紹介しました！

ブログパーツは他にはないSWELL独自の便利機能ですが、使い方がわからず放置している方もいらっしゃるかと思います。
ですが、一度作っておくことで色々なところで使いまわせるので時短にもなり、効率よく執筆をすることができます。

この機会にぜひ使ってみてくださいね！

SWELL関連の記事やカスタマイズ方法など他の記事もご覧ください！