広告

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. ブログパーツのショートコードをウィジェットに貼り付ける

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

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

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

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

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

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

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

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

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

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

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

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

SWELLは初心者にお勧めするテーマの1つです。

SWELLを使ってみたい方はこちらの別記事をご覧になってください。

SWELLの始め方-初心者向けスタートアップガイド

2024/4/3  

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

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

2024/2/26    

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

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

無料お試し利用がずっとできるAIライティングツールをいくつか紹介していますので、試しに利用してみてください。

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

2024/3/26    ,

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