【SWELL】カスタマイズで増えていくブログパーツとウィジェットを使いやすくする方法

WordPressの人気有料テーマ SWELL

SWELLは【ブログパーツ】を使って、サイトを自由自在にカスタマイズできるところも人気の理由です。

当サイトでも、トップページやサイドバーに【ブログパーツ】で作ったコンテンツを＜カスタムHTML＞ウィジェットを使って表示させています。

ところが、ブログパーツを使ってサイトをカスタマイズしていくうちに＜カスタムHTML＞ウィジェットもどんどん増えてしまいました。

そして＜カスタムHTML＞ウィジェットが増えれば増えるほど、ウィジェットの管理が少しめんどうなたあと感じるようになったのです。

こちらは「トップページ下部」と「フッダー直前」のウェジェットです。

それぞれのウィジェットでいったい何を表示しているのかわかりずらいですよね。

わたしと同じように、「カスタマイズで増えていくウィジェットの管理が少しめんどうだなあ」と感じている方がいらっしゃいましたら、ぜひこの記事を参考にしてください。

この記事では、このような内容をお伝えしています。

カスタマイズで増えていく＜カスタムHTML＞ウィジェットを使いやすくする４つの方法

増え続ける＜カスタムHTML＞ウィジェットを効率的に管理するために、わたしが行っていることを5つ紹介します。

＜カスタムHTML＞ウィジェットはブログパーツを表示させる

SWELLを使用している場合、＜カスタムHTML＞ウィジェットには『HTMLコード』以外に『ブログパーツ』の呼び出しコードを貼りつけることができます。

わたしは＜カスタムHTML＞ウィジェットはブログパーツを表示させる方法をおススメします。

なぜなら

ブログ村のランキングコードを例に説明します。

本サイトも以前が、サイドバーに表示させるブログ村バナーのランキングコードをそのままウィジットに貼りつけていました。

表示させたいバナーを変更する場合は、ブログパーツの画面で行います。

プレビューボタンをクリックすると、バナーを表示させることができます。

ブログパーツのタイトルに表示場所を明記する

作成したブロブパーツをどこで使用しているかわかるように、タイトルに表示場所を明記しています。

ブログパーツを表示する場所を変えた時は、タイトルも変更しています。

ブログパーツを表示場所ごとに並びかえる

ブログパーツは、表示場所ごとに並びかえると管理しやすくなります。

『Intuitive Custom Post Order』とういうプラグインを導入すると、プログパーツの順番も自由に並びかえることができるようになります。

（『Intuitive Custom Post Order』は、投稿記事を並び替えるためのプラグインです）

『Intuitive Custom Post Order』を導入後の、プログパーツ管理画面です。

ブログパーツを表示場所ごとにまとめました。

＜カスタムHTML＞ウィジェットにタイトルを入れる

＜カスタムHTML＞ウィジェットにタイトルを入れると、表示内容が一目瞭然でわかります。

わたしは「ブログ村に参加しています」をあえて表示していますが・・・・

ウィジェットの入力欄に「コメント」を入れる

こちらは、当サイトのトップページ「おすすめ記事コーナー」です。

赤枠のタイトルが少しじゃまですよね。

このような場合は、下記のコードを使ってウェジェットの内容に何のプログパーツかわかるように『コメント』を入れます。

こちらの記事を参考にさせていただきました。

わたしは「タイトルを入れる」の部分に、ブログパーツと同じタイトルを入れています。

ワンクリックは必要ですが

まとめ　～ブログパーツ＆ウィジェットでカスタマイズを楽しもう～

今回はカスタマイズで増えていく＜カスタムHTML＞ウィジェットを使いやすくする５つの方法を説明しました。

下記のコードを使ってコメントを入れておくと、＜カスタムHTML＞ウィジェットの管理が楽になります。

★コードのコピーはこちらをクリック.txt

＜カスタムHTML＞ウィジェットを使いやすくして、サイトのカスタマイズを楽しみましょう！

本記事で紹介した『Intuitive Custom Post 』はこちらの記事でくわしく説明しています。