こんな使い方してます！SWELLブログパーツの利用例

こんにちは、ゆるミニマリスト主婦のくうかです。

ワードプレステーマ「SWELL」を導入してから、日々記事を書いたりリライトしたり、見た目を調整したりすることがとってもラクになり楽しいです！

SWELLでは特にブログパーツが便利。
使いまわしたいパーツを自分で作成することができ、それを自由に呼び出すことができます。

回遊性を高めるためや、この場所でこんなリンクを入れたいという希望がうまいこと実現できるので、当ブログでも多く利用しています。

SWELLブログパーツの利用例

「ブログパーツ」とはSWELL独自のブロックで、似たような機能に標準の「再利用ブロック」がありますが、こちらは記事内のみで利用できるブロックであり、ブログパーツは記事内のほか、ウィジェットでも使えるところが大きな違いだと思います。

当ブログでは、ブログの回遊性を高めるためのパーツや、使いまわしたいパーツなどに使っています。

1. バナーリンクで解決！ピックアップバナーを記事下にも表示させたい

ブログのタイトル下に４つバナーを出しているところを『ピックアップバナー』といいます。

気に入っているのですが、これがどうもブログのヘッダーにしか表示できなくて。

と思い、四苦八苦してみるもカスタマイザーでの設定はできなさそう…。

そこで見つけたのが『バナーリンク』。
こちらを使えば記事下にもバナーを表示できるようになります！

記事下に毎回表示させるには”ブログパーツ”で作成し、記事下ウィジェットから呼び出す必要があります。

はじめは便利そうな”カスタムバナー”を採用するつもりでしたが、ワードプレスのバージョンが上がってから挙動が不安定になってしまい、諦めてしまいました。
⇒SWELL公式カスタムバナー使い方ページ

バナーリンクをブログパーツで使用する方法

これで関連記事の下にピックアップバナーが４つ並びます

場所はご自分のお好みで。

2. タブブロックで解決！記事下にカテゴリー別記事を表示させたい

ピックアップバナーだけでは物足りないのか、さらに記事下に、カテゴリー別にいくつか記事を表示させたいと思っていた私。

ちょうどその頃SWELLのアップデートで「タブブロック」が追加されたということで、使ってみました。

このように、ウィジェットで少し凝ったことをしたい場合にはブログパーツを利用すると、やりたいことがほぼ実現できます。

3. 記事の最後にブログ村へのリンク

記事の最後にこのようなリンクを貼っています

ブログパーツで、段落にメッセージ・カスタムHTMLブロックにリンクのhtmlを貼ります。

ショートコードでアイコンも付けたり。

出来上がったら、ウィジェットの”記事下部”にブログパーツIDを入れます。

リンクだけならウィジェットにhtmlをそのまま書けば良いけど、ちょっと装飾したいな…というところにはブログパーツが使えますね！

4. フッターに他サイトへのリンク

フッター２にランキングサイトへのリンク

フッター２にランキングサイトや楽天ROOMへのリンクを貼っています。
こちらは「SWELLボタン」ブロックを使用しています。

フッター３に他サイトへのリンク

こちらのサブブログへのリンクは1番でも利用している「バナーリンク」ブロックを使用しています。

5. サイトのあいさつ文

トップページとサイトマップページに、このようなあいさつ文を入れています。

ブログパーツにて、

「カラム」ブロックを２カラムで設置し、プロフィール画像とあいさつ文をそれぞれのカラムに入れています。

6. サイドバーのおすすめリンク

サイドバーにおすすめのリンクを表示させています。

こちらは「リスト」ブロックで自分でテキストにリンクを貼っています。

「投稿リスト」ブロックを多用すると重くなるかもしれない、と多少気にした結果こうなりました。

最後に

当ブログで利用しているブログパーツの例をご紹介しました。

ブログパーツを使えば、使いまわしもできるし、ウィジェットや記事内にも呼ぶことができます。

ブログパーツを記事内で呼び出す場合は、SWELLブロック内の「ブログパーツ」からです。

当ブログのトップページのカスタマイズ記事も書いてます！