この記事ではSWELL(スウェル)のブログパーツ機能について知りたい方向けの解説記事になります。
ブログパーツで出来ること
ブログパーツとして登録したコンテンツを以下の場所に簡単に表示させることができます。
- 記事内に表示可能
- カテゴリーページ内に表示可能
- タグページ内に表示可能
- ウィジェットを利用して様々な場所に表示可能
ブログパーツを登録?
何を登録するの?
登録するのは何でも大丈夫です!
例えば、よく使用する表やリストを登録しておくのもいいですし1記事分まるまる登録することも可能です。
解りやすいように実際にブログパーツの作り方から、どんな感じで使用するのかを実例4パターンで詳しく解説していきます。
パターン① 記事内にブログパーツを表示する
試しにブログパーツに登録したリストを記事内に表示してみます。
手順は次のようになります。
- ブログパーツでリストを登録する
- 記事作成画面でブログパーツを表示する
1. ブログパーツでリストを登録する
「ブログパーツ」→「新規投稿を追加」を選択します。
ブログパーツの編集画面で試しにリストを作成してみます。
タイトルは表示されないので、管理しやすい名称で大丈夫です。
作成が終了したら「更新」をクリックします。
作成したブログパーツは下画像のように表示されます。
2. 記事作成画面でブログパーツを表示する
記事作成画面でブロックツールから「ブログパーツ」を選択します。
作成したブログパーツを選択することができます。
記事内にブログパーツで作成した「リスト」が表示されます。
このように記事内にブログパーツで作成したコンテンツを表示させることが可能です。
よく使用する表やリストデザインなどをブログパーツに登録しておけば、簡単に複数の記事で同じものを表示することができます。
ブログパーツを編集すると、そのブログパーツを設定している全ての記事で変更されます。
変更頻度の高い同一コンテンツを複数記事で使用している場合など、ブログパーツを使用すればブログパーツを編集するだけで全ての記事に反映されるので便利です。
パターン② カテゴリーページ内に表示可能
ブログパーツをカテゴリーページに表示可能です。
つまり、カテゴリーページに自由なコンテンツを表示させることができます。
実際に表示する手順を解説していきます。
- ブログパーツでカテゴリーページのコンテンツを作成する
- カテゴリーの編集でブログパーツを設定する
1. ブログパーツでカテゴリーページのコンテンツを作成する
まずブログパーツにてカテゴリーページのコンテンツを自由に作成します。
作成が完了したら「公開」をクリックして保存します。
作成したブログパーツの呼び出しIDを確認しておきます。
2. カテゴリーの編集でブログパーツを設定する
編集したいカテゴリーページの編集画面を選択します。
「ページで呼び出すブログパーツ」の項目で作成したブログパーツのIDを入力します。
こんな感じにカテゴリーページにブログパーツのコンテンツが反映されます。
パターン③ タグページ内に表示可能
タグページ内にブログパーツのコンテンツを表示させる流れもカテゴリーページと同様になります。
ブログパーツを利用すればタグページにも自由なコンテンツを表示することができます。
- ブログパーツでタグページのコンテンツを作成する
- タグの編集でブログパーツを設定する
1. ブログパーツでタグページのコンテンツを作成する
ブログパーツでタグページのコンテンツを自由に作成します。
作成が完了したら「公開」をクリックして保存します。
作成したブログパーツの呼び出しIDを確認しておきます。
2. タグの編集でブログパーツを設定する
編集したいタグページの編集画面を選択します。
「ページで呼び出すブログパーツ」の項目で作成したブログパーツのIDを入力します。
こんな感じにタグーページにブログパーツのコンテンツが反映されます。
パターン④ ウィジェットを利用して様々な場所に表示可能
ウィジェットとブログパーツを利用すれば自由なコンテンツを様々な場所に表示させることができます。
- ブログパーツでウィジェットに表示させるコンテンツを作成する
- ブログパーツのショートコードをウィジェットに貼り付ける
1. ブログパーツでウィジェットに表示させるコンテンツを作成する
2. ブログパーツのショートコードをウィジェットに貼り付ける
この例では「追尾サイドバー」にブログパーツのコンテンツを表示させてみます。
「ブロック」を「追尾サイドバー」にドラッグして配置します。
作成したブログパーツのショートコードをコピーします。
コピーしたショートコードをウィジェットに貼り付けます。
「保存」すればブログパーツのコンテンツが表示されるようになります。
実際に表示された画面はこんな感じです。
このようにウィジェットとブログパーツを利用すれば、色々な場所に自由に作成したコンテンツを配置することが可能です。
ブログパーツを使いこなせば、ブログカスタマイズにとても役に立ちます。
ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。
AIなんて難しそう・・・
そう感じて活用しないのは勿体無いです。
気軽に使うのに無料お試しがお勧め♪
現在は多くのAIライティングツールがあります。
そのほとんどが無料お試しでの利用が可能です。
お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。
無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。
\\ 無料お試し利用がずっと可能なAIライティングツール//
-
無料お試しがずっと可能なAIライティングツール
「記事作成にAIを活用してみたいなぁ」 「でも料金はかけたくないなぁ」 そんな方に無料お試しがずっと可能なAIライティングツールをいくつか紹介します。 もちろん無料お試しなので、機能をフルに使用するこ ...
SWELL:記事一覧
-
SWELLで出来ること【まとめ】-気になる方に徹底解説!
2024/11/28
SWELLを使ってみたい!気になる!という方向けに SWELLってどんなテーマ? SWELLでどんなことができるの? SWELLを使うにはどうすればいいの? といった内容を初心者向けに詳しく解説してい ...
-
『SWELL』ってどうなの?-実際に利用したメリットとデメリットをガチレビュー!
2024/11/28 SWELL(スウェル)
SWELLはとても人気の高いテーマです。 この記事はSWELLが気になる方向けにメリットとデメリットを紹介しています。 価格 17,600円(税込み) シンプル&高機能なWordPressテーマ! 最 ...
SWELLの購入とインストール方法
-
SWELL(スウェル)のインストール方法を徹底解説!初心者が迷わない簡単手順をご紹介!
2024/9/27 SWELL(スウェル)
SWELL:購入からインストールまでの流れ SWELLを利用する為のステップは次のようになります。 公式ページでSWELLを購入 SWELLをダウロードする(親テーマ) SWELL会員登録 SWELL ...
SWELLの設定関係
-
SWELL:必須プラグイン「SEO SIMPLE PACK」のインストール方法
2024/7/18 SWELL(スウェル), SWELL(スウェル)初期設定
この記事ではSWELL(スウェル)の必須ブラグインである「SEO SIMPLE PACK」のインストール方法を初心者向けに解説しています。 「SEO SIMPLE PACK」はメタタグを設定できるプラ ...
-
SWELL(スウェル):Googleアナリティクスの導入方法
2024/7/18 SWELL(スウェル), SWELL(スウェル)初期設定
この記事ではWordPressテーマ「SWELL(スウェル)」を利用している方向けにグーグルアナリティクスを導入する方法を解説しています。 グーグルアナリティクスを導入する手順 Googleアカウント ...
-
SWELL(スウェル):Googleサーチコンソールへの登録方法
2024/7/18 SWELL(スウェル), SWELL(スウェル)初期設定
この記事ではSWELL(スウェル)で作成したサイトをGoogleサーチコンソールに登録する方法を初心者向けに解説しています。 XMLサイトマップをGoogleサーチコンソールに送信する方法も解説してい ...
-
SWELLのステマ規制対策-広告表記を一括または記事ごとに表示させる方法
2024/7/18 SWELL(スウェル)
この記事ではステマ規制対策としてSWELL(スウェル)で記事に「広告」表記を表示させる方法を解説しています。 ステマ規制とは2023年10月から開始された「ステルスマーケティング」に対する景品表示法に ...
SWELLの使い方
-
SWELLの使い方-初心者向け詳細ガイド-
2024/7/18 SWELL(スウェル), SWELL(スウェル)使い方
この記事ではSWELL(スウェル)の使い方について初心者向けに解説しています。 カテゴリーの作成関係 カテゴリーページの作成方法 カテゴリーページの編集方法 基本的な記事作成機能 SWELL(スウェル ...
SWELLのデザインカスタマイズ
-
SWELLのカスタマイズ方法-初心者向けガイド-
2024/7/18 SWELL(スウェル), SWELL(スウェル)デザインカスタマイズ
この記事ではSWELL(スウェル)のカスタマイズ方法について初心者向け解説しています。 テンプレート(デモデータ)のインストール方法 SWELL(スウェル)はデモサイトをテンプレートとして利用すること ...