Bloggerのブログに、複数のラベルで検索できるガジェットを設置してみた



Bloggerで作っているブログに、複数のラベルを組み合わせた検索のできるガジェットを設置してみました。ラベルを自由自在に組み合わせた検索ができて、とても便利ですよ。

ラベルの組み合わせ検索を可能にする、Blogger用のブログパーツを発見!

先日、Bloggerのブログで、複数のラベルを組み合わせた検索をする方法をご紹介しましたが、ブラウザのアドレスバーの内容を編集するという、いわば裏技的なものでした。


自分自身がラベルの組み合わせ検索をする分には、この方法でも問題はありません。でも、ブログを訪れてくれた人が、わざわざこんな方法で組み合わせ検索をしてくれる可能性は、限りなくゼロに近いですよね。

そこで、もっと簡単にラベルの組み合わせ検索をする方法はないかとネットで調べたところ、クロスグリさんのブログで、求めているものにピッタリのブログパーツが紹介されているのを発見しました。(※2020年7月現在、ブログは非公開になっているようです)


これこれ、これです! これならブログを訪れてくれた人にも使いやすいに違いありません! 早速、ラベルを大量に使っている、映画の感想ブログに設置してみましょう!



設置した結果

クロスグリさんの説明に若干の変更を加えつつ、「感想を選択」「ジャンルを選択」「その他のラベルをラベルを選択」という3つのタブの中から、自由にラベルを選んで検索できるようにしてみました。



タブはクリックでの切り替え式になっているので、ラベルの数が多くなっても、サイズを抑えることができます。タブの中にテーブルを組んで2列表示にしているので、天地サイズをさらに節約しています。



例えば、「感想を選択」タブの中で「元気が出る」にチェックをし、「ジャンルを選択」タブでは「ドラマ」に、「その他のラベルを選択」タブで「PG12」にチェックを入れて、タブの下にある検索ボタンを押してみます。



結果は、見事に「元気が出る」「PG12」の「ドラマ」映画だけが抽出されました。

検索時の条件には「AND」だけでなく、「OR」と「NOT」もあるので、ラベルを「すべて含む」検索だけでなく、「いずれかを含む」、「除く」という検索も可能です。



難点は、ラベルの種類が増えたときには手動でHTMLを編集してラベルを追加しないといけないこと。でも、これは仕方ないですね。

また、Bloggerのデザインテンプレートに「QooQ」を使った映画の感想ブログでは上手く動きますが、Contempoを使った当ブログでは、組み合わせ検索時のURLの記述方法が違うためか、上手く動いてくれません。とはいえ、これもHTMLの知識のある方ならば、修正して使えるようにできるのではないかと思います。


ということで、たくさんのラベルを使用したBloggerブログで、ラベルを組み合わせた検索をしてみたい方は、ぜひ試してみてください!



※組み合わせ検索の使い勝手は、こちらの映画の感想ブログでお試しください。(PCではサイドバーに、モバイルでは記事下にガジェットを組み込んであります。)
この記事をシェアする
  • B!

▼今週の人気記事

スピーカーのエッジ交換に挑戦!破れた穴を自分で修理してみた!

【DIY】切れて困ったプリーツ網戸を、ロール網戸に枠ごと交換してみた

覚えておくと安心。街中の無料充電サービスを、新宿高島屋で使ってみた。

おしぼり人形の作り方

インクカートリッジを替えても薄い、シャチハタ印鑑の復活方法!

トイレをDIYでタンクレス風に大改造 ~その1 部品作成編~

パソコンの画面をChromecastでテレビにキャスト!