あなたのウェブサイトが今ひとつパッとしない、訪問者の関心を引きつける要素に欠けていると感じたことはありませんか?SWELLブログパーツは、そんな悩みを解消する鍵となり得る多機能なツールです。使い方さえマスターすれば、読者の関心を惹きつけ、滞在時間を伸ばし、ウェブサイトの価値を格段に高めることができます。
本文では、SWELLブログパーツがどのようにしてウェブサイトに革命をもたらすのか、そのメリットと共に、活用方法を具体的に解説していきます。
![](https://yoshiaki75.com/wp-content/uploads/2024/04/921a0b89818ab81826e90fd35087e8d8.jpg)
- 1日2,000足も売れている
- コンセプトが革新的
- 脱ぎ履きがめっちゃ楽
- 滑りやすい場所でも安心できる
SWELLブログパーツのメリット|使い方次第で無限に広がる可能性
WordPressテーマ「SWELL」で使用できるブログパーツには、多彩なメリットが存在します。これらのパーツを駆使すれば、ユーザーエンゲージメントの向上、SEO対策の強化、ブランディングの個性化など、ウェブサイトの可能性が大きく広がります。
SWELLブログパーツとは
SWELLブログパーツとは、「SWELL」というWordPressテーマ内で使用可能な機能拡張要素のことを指します。投稿記事や固定ページにおいて、美しいデザインのボックスを簡単に挿入でき、コードの知識がなくてもプロフェッショナルな見栄えのコンテンツを作成することができます。
swellブログパーツのメリット
- 作業効率が大幅に向上
- デザインの統一感を保てる
- コードの知識がなくても使える
- 自由度の高いレイアウトを実現
- モバイルにも最適化
再利用ブロックとの違い
WordPressのブロックエディターに「再利用ブロック」という機能がありますので、ブログパーツとの違いなどを以下に説明します。
SWELLブログパーツ
Wordpress再利用ブロック
- SWELL専用機能
- 記事以外でも使用可能
- ショートコードが使用できる
- WordPress標準機能
- 記事内使用が主
- ショートコードが使えない
![](https://yoshiaki75.com/wp-content/uploads/2023/12/youngwoman_48-150x150.png)
これを見ると、ブログパーツの方が使用するには便利だね。
ブログパーツの設定手順
ブログパーツの登録
コンテンツをブログパーツに登録する方法
管理画面→「ブログパーツ」→「新規追加」をクリック
![](https://yoshiaki75.com/wp-content/uploads/2024/03/7966bae78213db11914ad7af893f8431.png)
![](https://yoshiaki75.com/wp-content/uploads/2024/03/7966bae78213db11914ad7af893f8431.png)
![](https://yoshiaki75.com/wp-content/uploads/2024/03/387c368091004292dceed25545c5f7a7-1024x423.jpg)
![](https://yoshiaki75.com/wp-content/uploads/2024/03/387c368091004292dceed25545c5f7a7-1024x423.jpg)
今回は「ブログパーツ」を選択。未設定でもok。
![](https://yoshiaki75.com/wp-content/uploads/2024/03/cfa8b3e1fa50b36f2dba85e72feba21e.png)
![](https://yoshiaki75.com/wp-content/uploads/2024/03/cfa8b3e1fa50b36f2dba85e72feba21e.png)
![](https://yoshiaki75.com/wp-content/uploads/2024/03/7f77967499ec98656f31e6e1af45590c.png)
![](https://yoshiaki75.com/wp-content/uploads/2024/03/7f77967499ec98656f31e6e1af45590c.png)
以上の設定で好きなコンテンツを登録、保存でき好きな時に繰り返し使用できます。
ブログパーツの用途
ブログパーツの用途は以下の4種類から選択でき、その解説を簡単にします。
- ブロックパターン・・・主に記事内で使用したいブロックに設定
- カテゴリー用・・・・・カテゴリーページの上部で使用したいブロックに設定
- タグ用・・・・・・・・タグごとのページの上部で使用したいブロックに設定
- CTA・・・・・・・・・ブログ記事の最下部に表示させたいブロックに設定
ブログパーツの使い方
ブログパーツの使い方を学ぶことで、あなたのブログを更に魅力的にしましょう。ブログパーツとは、ブログに追加できる小さな機能のことで、訪問者の滞在時間を延ばすために非常に有効です。このセクションでは、記事内、ウィジェット、メインビジュアル、カテゴリータグページ、ブロックパターンの5つの場面でのブログパーツの使い方を詳しく解説します。
記事内で使う場合
記事内でブログパーツを使う場合は、読者が内容に引き込まれるようなインタラクティブな要素を追加することが重要です。例えば、関連記事へのリンクを展開するパーツや、SNSでシェアできるボタン、コメント欄などがあります。これらのパーツを適切に配置することで、読者の興味を引き、ウェブサイト上での動きを活性化させることができます。しかし、ブログパーツを多用し過ぎるとページの読み込み速度が遅くなる可能性があるため、必要最低限に留め、記事の内容と密接に関連するパーツを選ぶことが肝心です。
![](https://yoshiaki75.com/wp-content/uploads/2024/04/image-5.png)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/image-5.png)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/image-6.png)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/image-6.png)
ウィジェットで使う場合
ウィジェットはサイトのサイドバーに配置されることが多く、訪問者に追加情報を提供する役割を果たします。例えば、最新記事のリスト、カテゴリーのリスト、アーカイブ、SNSのフォローボタンなどがウィジェットとして用いられます。ウィジェットを使う際は、サイトのデザインやコンセプトに沿ったものを選び、訪問者が必要とする情報を素早く提供できるようにしましょう。また、ウィジェットの多用はページの読み込み速度に影響するため、その点も考慮する必要があります。
①「管理画面」から②「ブログパーツ」のショートコードをコピー。
![](https://yoshiaki75.com/wp-content/uploads/2024/04/image-7.png)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/image-7.png)
③「外観」→④「ウィジット」をクリック。⑤「カスタムHTML」をお好みの『ウィジットエリア」に配置。
![](https://yoshiaki75.com/wp-content/uploads/2024/04/d3dddcebba189ba41541c3ccc89aa42e.png)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/d3dddcebba189ba41541c3ccc89aa42e.png)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/69b00b54fe2eeb5e5123f295b81f99cf.png)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/69b00b54fe2eeb5e5123f295b81f99cf.png)
メインビジュアルで使う場合
メインビジュアルにブログパーツを取り入れることで、サイト訪問者に強い印象を与えることが可能です。メインビジュアルには、スライダーや動画、インタラクティブなイメージマップなどが用いられます。これらはサイトの目的やテーマを明確に伝えるためのものであり、訪問者の注意を引くための重要な要素です。ブログのメインビジュアルをデザインする際は、訪問者が求める情報に直接リンクするようにし、かつサイトの使いやすさを損なわないように注意が必要です。
数字の部分をコピーするだけでOKです。
![](https://yoshiaki75.com/wp-content/uploads/2024/04/7b58ffe53d0b39259c262429e0430d07.png)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/7b58ffe53d0b39259c262429e0430d07.png)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/519ec7fd969f36f4fcf7d5b3d12975a6.png)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/519ec7fd969f36f4fcf7d5b3d12975a6.png)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/15d0a4118c8e8efd2243ba44f2750d3d.jpg)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/15d0a4118c8e8efd2243ba44f2750d3d.jpg)
①「ブログパーツID」欄にID(数字のみで可)を入力。②メインビジュアルにIDに相当する画像が入力される。
![](https://yoshiaki75.com/wp-content/uploads/2024/04/7a367f4d5e09ce3b382dd6b3b9bd5765.jpg)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/7a367f4d5e09ce3b382dd6b3b9bd5765.jpg)
![](https://yoshiaki75.com/wp-content/uploads/2023/12/youngwoman_48-150x150.png)
![](https://yoshiaki75.com/wp-content/uploads/2023/12/youngwoman_48-150x150.png)
![](https://yoshiaki75.com/wp-content/uploads/2023/12/youngwoman_48-150x150.png)
メインビジュアルは通常ボタンとテキストしか配置できない仕様です。ここにブログパーツを配置できると、かなり自由度が高くなりますね。
カテゴリー、タグページで使う場合
カテゴリーやタグページにおいてもブログパーツを活用することで、訪問者が関連する記事を容易に見つけられるようにすることができます。例えば、特定のカテゴリーやタグに絞り込まれた記事のリストを表示するウィジェットや、検索ボックスなどが有効です。これにより、訪問者は興味のあるトピックを追求しやすくなり、サイト内での滞在時間が増加し得ます。カテゴリーやタグページを効果的に構築するためには、清潔で分かりやすいデザインを心掛け、訪問者が迷わずに情報を得られるようにすることが大切です。
カテゴリー、タグなどのアーカイブページでは、以下2種類の使い方ができます。
- CTA
- ページ上部に設置
CTA:Call To Actionの略で、読者の行動を促すためのもの
ブロックパターンとして使う場合
ブロックパターンは、特定のデザインパターンを簡単に再現できるブログパーツの一種です。これを活用することで、ブログの各セクションに統一感を持たせつつ、ユニークなレイアウトを構築することが可能になります。例えば、特集記事、チーム紹介、サービス紹介など、サイトの特定の部分にブロックパターンを適用することで、訪問者の注意を引きやすくなります。ブロックパターンを使う際は、サイト全体のコンセプトに合致するものを選び、かつ読みやすさを損なわないデザインを選択することが重要です。
![](https://yoshiaki75.com/wp-content/uploads/2024/04/8d5a343e5f20d71783027371a24ef49a.png)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/8d5a343e5f20d71783027371a24ef49a.png)
①「パターン」→②「カテゴリ」を選択。③お好みのブロックをクリック。
![](https://yoshiaki75.com/wp-content/uploads/2024/04/ae30ab637bd0317e7e4d680afa1ce012-2.png)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/ae30ab637bd0317e7e4d680afa1ce012-2.png)
まとめ
SWELLブログパーツは、記事やページのデザインを効率的に作成し、読者体験を向上させる強力なツールです。豊富な機能と高いカスタマイズ性により、個々のブログのニーズに応じた表現が可能になります。目を引くデザインと機能性を追求することで、無限に広がるブログの可能性に挑戦してください。
最後までお読みいただきありがとうございました。
関連記事もあわせてお読みください。
![](https://yoshiaki75.com/wp-content/uploads/2024/05/SWELL-3-300x225.jpg)
![](https://yoshiaki75.com/wp-content/uploads/2024/05/SWELL-3-300x225.jpg)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/7c4d91d25b64ce34e2d955e3d3a37d45-300x188.jpg)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/7c4d91d25b64ce34e2d955e3d3a37d45-300x188.jpg)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/85c2ab9288dd50155e7b478cb73df8a9-300x188.jpg)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/85c2ab9288dd50155e7b478cb73df8a9-300x188.jpg)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/6817bff583fa0630d96a6dfde1be15c4-300x150.jpg)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/6817bff583fa0630d96a6dfde1be15c4-300x150.jpg)
![](https://yoshiaki75.com/wp-content/uploads/2024/03/7838da7a290b7554666812fca35acb1a-300x200.jpg)
![](https://yoshiaki75.com/wp-content/uploads/2024/03/7838da7a290b7554666812fca35acb1a-300x200.jpg)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/be65df6a2d0502942165e5be8b4d411e-300x188.jpg)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/be65df6a2d0502942165e5be8b4d411e-300x188.jpg)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/9130de8cfa73460db5a5bc058682bc92-300x188.jpg)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/9130de8cfa73460db5a5bc058682bc92-300x188.jpg)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/c00f19a816b02f26f25afa950310daf7-300x188.jpg)
![](https://yoshiaki75.com/wp-content/uploads/2024/04/c00f19a816b02f26f25afa950310daf7-300x188.jpg)
![](https://yoshiaki75.com/wp-content/uploads/2024/06/e824f5b3f047e148d0439294fe11527e-300x225.jpg)
![](https://yoshiaki75.com/wp-content/uploads/2024/06/e824f5b3f047e148d0439294fe11527e-300x225.jpg)