この記事には広告が含まれています。

SWELL:ブログパーツで出来ること‐実例4パターン-

SWELL:ブログパーツで出来ること‐実例4パターン-

この記事ではSWELL(スウェル)のブログパーツ機能について知りたい方向けの解説記事になります。

SWELL:ブログパーツ

ブログパーツとして登録したコンテンツを以下の場所に簡単に表示させることができます。

  • 記事内に表示可能
  • カテゴリーページ内に表示可能
  • タグページ内に表示可能
  • ウィジェットを利用して様々な場所に表示可能
ハムタ
ハムタ

登録するのは何でも大丈夫です!

例えば、よく使用する表やリストを登録しておくのもいいですし1記事分まるまる登録することも可能です。

解りやすいように実際にブログパーツの作り方から、どんな感じで使用するのかを実例4パターンで詳しく解説していきます。

試しにブログパーツに登録したリストを記事内に表示してみます。

手順は次のようになります。

  • ブログパーツでリストを登録する
  • 記事作成画面でブログパーツを表示する

1. ブログパーツでリストを登録する

「ブログパーツ」→「新規投稿を追加」を選択します。

SWELL:ブログパーツ

ブログパーツの編集画面で試しにリストを作成してみます。

タイトルは表示されないので、管理しやすい名称で大丈夫です。

SWELL:ブログパーツ

作成が終了したら「更新」をクリックします。

作成したブログパーツは下画像のように表示されます。

SWELL:ブログパーツ

2. 記事作成画面でブログパーツを表示する

記事作成画面でブロックツールから「ブログパーツ」を選択します。

SWELL:ブログパーツ(記事作成画面)

作成したブログパーツを選択することができます。

SWELL:ブログパーツを記事に表示

記事内にブログパーツで作成した「リスト」が表示されます。

SWELL:ブログパーツを記事に表示

このように記事内にブログパーツで作成したコンテンツを表示させることが可能です。

よく使用する表やリストデザインなどをブログパーツに登録しておけば、簡単に複数の記事で同じものを表示することができます。

ブログパーツを編集すると、そのブログパーツを設定している全ての記事で変更されます。

変更頻度の高い同一コンテンツを複数記事で使用している場合など、ブログパーツを使用すればブログパーツを編集するだけで全ての記事に反映されるので便利です。

ブログパーツをカテゴリーページに表示可能です。

つまり、カテゴリーページに自由なコンテンツを表示させることができます。

実際に表示する手順を解説していきます。

  • ブログパーツでカテゴリーページのコンテンツを作成する
  • カテゴリーの編集でブログパーツを設定する

1. ブログパーツでカテゴリーページのコンテンツを作成する

まずブログパーツにてカテゴリーページのコンテンツを自由に作成します。

ブログパーツでカテゴリーページのコンテンツを作成

作成が完了したら「公開」をクリックして保存します。

作成したブログパーツの呼び出しIDを確認しておきます。

SWELL:ブログパーツの呼び出しコード

2. カテゴリーの編集でブログパーツを設定する

編集したいカテゴリーページの編集画面を選択します。

タグの編集

「ページで呼び出すブログパーツ」の項目で作成したブログパーツのIDを入力します。

カテゴリーの編集ページのブログパーツ設定画面

こんな感じにカテゴリーページにブログパーツのコンテンツが反映されます。

カテゴリーページにブログパーツのコンテンツを表示した例

タグページ内にブログパーツのコンテンツを表示させる流れもカテゴリーページと同様になります。

ブログパーツを利用すればタグページにも自由なコンテンツを表示することができます。

  • ブログパーツでタグページのコンテンツを作成する
  • タグの編集でブログパーツを設定する

1. ブログパーツでタグページのコンテンツを作成する

ブログパーツでタグページのコンテンツを自由に作成します。

ブログパーツでタグページのコンテンツを作成

作成が完了したら「公開」をクリックして保存します。

作成したブログパーツの呼び出しIDを確認しておきます。

SWELL:ブログパーツの呼び出しコード

2. タグの編集でブログパーツを設定する

編集したいタグページの編集画面を選択します。

「ページで呼び出すブログパーツ」の項目で作成したブログパーツのIDを入力します。

タグの編集ページのブログパーツ設定項目

こんな感じにタグーページにブログパーツのコンテンツが反映されます。

タグページにブログパーツのコンテンツを表示した例

ウィジェットとブログパーツを利用すれば自由なコンテンツを様々な場所に表示させることができます。

  • ブログパーツでウィジェットに表示させるコンテンツを作成する
  • ブログパーツのショートコードをウィジェットに貼り付ける

1. ブログパーツでウィジェットに表示させるコンテンツを作成する

ブログパーツでウィジェット用コンテンツを作成

2. ブログパーツのショートコードをウィジェットに貼り付ける

この例では「追尾サイドバー」にブログパーツのコンテンツを表示させてみます。

「ブロック」を「追尾サイドバー」にドラッグして配置します。

ウィジェット:ブロックを追尾サイドバーにドラッグして配置する

作成したブログパーツのショートコードをコピーします。

ブログパーツのショートコードをコピーする

コピーしたショートコードをウィジェットに貼り付けます。

コピーしたショートコードをウィジェットに貼り付ける

「保存」すればブログパーツのコンテンツが表示されるようになります。

実際に表示された画面はこんな感じです。

ブログパーツのコンテンツをウィジェットで実際表示した例

このようにウィジェットとブログパーツを利用すれば、色々な場所に自由に作成したコンテンツを配置することが可能です。

ブログパーツを使いこなせば、ブログカスタマイズにとても役に立ちます。

ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。

ハムタ
ハムタ
パパくま
パパくま

現在は多くのAIライティングツールがあります。

そのほとんどが無料お試しでの利用が可能です。

お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。

無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。

無料お試しがずっと可能なAI記事作成ツール
無料お試しがずっと可能なAIライティングツール

2024/10/12    ,

「記事作成にAIを活用してみたいなぁ」 「でも料金はかけたくないなぁ」 そんな方に無料お試しがずっと可能なAIライティングツールをいくつか紹介します。 もちろん無料お試しなので、機能をフルに使用するこ ...

SWELLで出来ること【まとめ】-気になる方に徹底解説!
SWELLで出来ること【まとめ】-気になる方に徹底解説!

2024/11/28  

SWELLを使ってみたい!気になる!という方向けに SWELLってどんなテーマ? SWELLでどんなことができるの? SWELLを使うにはどうすればいいの? といった内容を初心者向けに詳しく解説してい ...

『SWELL』ってどうなの?-実際に利用したメリットとデメリットをガチレビュー!
『SWELL』ってどうなの?-実際に利用したメリットとデメリットをガチレビュー!

2024/11/28    

SWELLはとても人気の高いテーマです。 この記事はSWELLが気になる方向けにメリットとデメリットを紹介しています。 価格 17,600円(税込み) シンプル&高機能なWordPressテーマ! 最 ...

    SWELLの購入とインストール方法

    SWELL(スウェル)の購入とインストール方法
    SWELL(スウェル)のインストール方法を徹底解説!初心者が迷わない簡単手順をご紹介!

    2024/9/27    

    SWELL:購入からインストールまでの流れ SWELLを利用する為のステップは次のようになります。 公式ページでSWELLを購入 SWELLをダウロードする(親テーマ) SWELL会員登録 SWELL ...

      SWELLの設定関係

      SWELL:必須プラグイン「SEO SIMPLE PACK」のインストール方法
      SWELL:必須プラグイン「SEO SIMPLE PACK」のインストール方法

      この記事ではSWELL(スウェル)の必須ブラグインである「SEO SIMPLE PACK」のインストール方法を初心者向けに解説しています。 「SEO SIMPLE PACK」はメタタグを設定できるプラ ...

      SWELL(スウェル):Googleアナリティクスの導入方法
      SWELL(スウェル):Googleアナリティクスの導入方法

      この記事ではWordPressテーマ「SWELL(スウェル)」を利用している方向けにグーグルアナリティクスを導入する方法を解説しています。 グーグルアナリティクスを導入する手順 Googleアカウント ...

      SWELL(スウェル):Googleサーチコンソールへの登録方法
      SWELL(スウェル):Googleサーチコンソールへの登録方法

      この記事ではSWELL(スウェル)で作成したサイトをGoogleサーチコンソールに登録する方法を初心者向けに解説しています。 XMLサイトマップをGoogleサーチコンソールに送信する方法も解説してい ...

      SWELLのステマ規制対策-広告表記を一括または記事ごとに表示させる方法
      SWELLのステマ規制対策-広告表記を一括または記事ごとに表示させる方法

      2024/7/18    

      この記事ではステマ規制対策としてSWELL(スウェル)で記事に「広告」表記を表示させる方法を解説しています。 ステマ規制とは2023年10月から開始された「ステルスマーケティング」に対する景品表示法に ...

        SWELLの使い方

        SWELLの使い方
        SWELLの使い方-初心者向け詳細ガイド-

        この記事ではSWELL(スウェル)の使い方について初心者向けに解説しています。 カテゴリーの作成関係 カテゴリーページの作成方法 カテゴリーページの編集方法 基本的な記事作成機能 SWELL(スウェル ...

          SWELLのデザインカスタマイズ

          SWELLカスタマイズ
          SWELLのカスタマイズ方法-初心者向けガイド-

          この記事ではSWELL(スウェル)のカスタマイズ方法について初心者向け解説しています。 テンプレート(デモデータ)のインストール方法 SWELL(スウェル)はデモサイトをテンプレートとして利用すること ...