2022年10月20日こんにちは!nicoです☺SWELLにはおしゃれな装飾や、便利なブロックエディタが標準装備されていて初心者の方でも簡単にブログやホームページを作ることができますよね。そのなかでもブログパーツというコンテンツを呼びだせる便利な機能があるのはご存じでしょうか?知っていても使い方がわからなくて結局使っていない方も多いのではないでしょうか?ブログパーツを使いこなすことができると、簡単におしゃれなホームページやブログを作ることができます。今回は便利すぎる機能ブログパーツについて解説していきます!こんなひとにおすすめブログパーツの使い方がわからないHPやブログをカスタマイズしておしゃれにしたいSWELLを使いこなしたいSWELLを検討している最後まで読んでいただくとあなたもブログパーツを使いこなせるようになりますよ!目次ブログパーツを使ってなにができるの?ブログパーツを登録しておくと色々なところで呼び出せたり、使いまわしができたりととにかく便利なんです!ブログパーツの主な使い方は以下の7つになります。呼び出せるカテゴリー(タグ)ヘッダー・・・カテゴリー(タグ)のヘッダーで呼び出せるCTA・・・CTAで表示させたい場合に呼び出せるブロックパターン・・・編集可能なブロックの組み合わせ著書アーカイブページ・・・プロフィールのページに表示させるCTAとは読者の行動を促す意味で、記事下部の「この記事を書いた人」エリアの上あたりに表示されますたとえば、私のブログ記事の最後にはふきだしとバナーを入れているのですが、これもブログパーツを作って使いまわししています。↓この画像の部分です。通常メインビジュアル上には文字しか入れられませんが、下の画像のように、ブログパーツを使うことでロゴをメインビジュアルの上に乗せることができ、ワンランク上のトップページを作ることができます!すべて使う必要はないと思いますが、用途に合わせて使ってみてくださいね!ちなみにロゴはcanvaで作っています。無料で使えますよ!ブログパーツの作り方まずはブログパーツを作っていきます。STEPダッシュボード→「ブログパーツ」→新規追加STEP投稿ページや固定ページと同じようにタイトル(なんでもOK)と入れたい要素を作るとりあえず右のサイドバーの「用途」は空欄でOKです。通常のようにブロックエディタも使えるし、リンクを貼る事もできるよ!STEP「公開」するSTEPダッシュボードに戻り「呼び出しコード」を控えるこれでブログパーツが作れました!ブログパーツの設置では、ブログパーツが作れたので表示したい場所に設置してみましょう!メインビジュアルに設置するSTEPダッシュボード→カスタマイズSTEP「トップページ」→「メインビジュアル」のブログパーツの欄に控えておいた「呼び出しコードを入れるここは呼び出しコードの数字だけで大丈夫です。※ブログパーツを作る際に用途にチェックを入れている場合は「用途で絞り込む」から選ぶことも可能ですSTEP表示されればOKカテゴリー(タグ)ヘッダーに設置するカテゴリー(タグ)ヘッダーに設置するとカテゴリー(タグ)ページの記事の上にブログパーツが表示されます。カテゴリー(タグ)の概要を入れてわかりやすくしたり、写真や画像を入れておしゃれに装飾することができます。STEPブログパーツを作るときにサイドバーの「用途」のカテゴリー用にチェックを入れる※タグページのヘッダーに使う場合は「タグ用」にチェックを入れるSTEPブログパーツを「公開」するSTEPダッシュボード→「カテゴリ」→ブログパーツを表示したいカテゴリをクリックタグの場合はダッシュボード→「タグ」を選ぶSTEP下のほうの「ページを呼び出すブログパーツ」でブログパーツを選択タグの場合も同じです。STEP「更新」してカテゴリー(タグ)ページの記事の上に表示されていたらOKCTAに設置するCTAとは読者に行動を促すという意味で、広告やお知らせをブログパーツで作り記事の下に表示させることできるので効果的に広告を貼ることができます。記事内での設置や、ウィジェットで設置してもいいのですが、カテゴリーごとにブログパーツを選ぶことができるので、カテゴリーに合った広告を貼るときに便利です。STEPブログパーツを作るときにサイドバーの「用途」のCTAにチェックを入れるSTEPブログパーツを「公開」するSTEPダッシュボード→「カテゴリ」→ブログパーツを表示したいカテゴリをクリックタグの場合はダッシュボード→「タグ」を選ぶSTEP下のほうの「このカテゴリーのCTA」でブログパーツを選ぶタグの場合も同じです。STEP「更新」して記事の下に表示されていたらOKブロックパターンとして使うよく使う組み合わせのパターンをブログパーツに登録しておくことで、いつでも記事内で呼び出すことができます。他の用途と違うのは呼び出した後に編集できる点です。私の記事の冒頭によく使っているこのパターンですが、これは元となるブログパーツを作っておき、記事内で呼び出してから編集しています。元となるブログパーツは以下のように作っておきます。このとき、サイドバーの「用途」には「ブロックパターン」にチェックを入れておきます。今回はブログパーツについてご紹介しました!ブログパーツは他にはないSWELL独自の便利機能ですが、使い方がわからず放置している方もいらっしゃるかと思います。一度作っておくことで色々なところで使いまわせるので時短にもなり、効率よく執筆をすることができます。画像や文字に動きをつけて目立たせたり、おしゃれにしたいけど、JavaScriptやjQueryなんて使えない・・・。こんにちは!nicoです。ワードプレスの神テーマである「SWELL」でも一部カスタマイズができない部分があるかと思います。2022年10月24日ウェブデザインのオンラインスクールって実際どうなの?スキルゼロだった体験者が辛口評価します。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。video】「モダンラブ・東京~さまざまな愛の形~」あらすじ・出演者・感想まとめnicoフリーランスウェブデザイナーアラフォーのnicoです。未経験、アラフォーでウェブデザイナーへ転身しました。私の通ったスクールはこちら↓フリーランスデザイナーの暮らし、ブログカスタマイズなどについて発信しています。シングルマザー経験あり。線維筋痛症もってます。