ラベルガジェットを使ってサイドバーにラベルリストを表示する

広告

記事に追加されているラベルのリストをブログのサイドバーに表示することで、読者にブログでどんなラベルが使われているのかすぐに分かりますし、ラベルが付けられた記事の一覧をすぐに表示することができます、ここではラベルガジェットを使ってブログのサイドバーにラベルリストを表示する方法について解説します。

ラベルガジェットを追加する

サイドバーにラベルのリストを表示するには「ラベル」ガジェットを使います。 Blogger の管理画面左側に表示されている「レイアウト」をクリックしてください。

ラベルガジェットを追加する(1)

「レイアウト」画面が表示されます。

ラベルガジェットを追加する(2)

今回は右サイドバーに追加するので「sidebar-right-1」のところに表示されている「ガジェットを追加」をクリックしてください。(使用しているデザインによっては名称は違うかもしれません)。

ラベルガジェットを追加する(3)

ラベルガジェットを追加する(4)

追加するガジェットを選択するウィンドウが表示されます。

ラベルガジェットを追加する(5)

「ラベル」ガジェットが見つかったら右側に表示されている「+」をクリックしてください。

ラベルガジェットを追加する(6)

「ラベル」ガジェットの設定画面が表示されます。設定できる項目がいくつかありますが、まずはデフォルトのまま「保存」をクリックしてください。

ラベルガジェットを追加する(7)

右サイドバーに「ラベル」ガジェットが追加されました。必要であれば右サイドバー内のガジェットの位置を入れ替えておいてください。ガジェットをドラッグすることで位置を入れ替えることができます。ガジェットの配置を変えた場合は画面右上に表示されている「配置を保存」をクリックしてください。

ラベルガジェットを追加する(8)

ラベルガジェットを追加する(9)

それではブログへアクセスしてみます。すると右サイドバーにラベルのリストが表示されるようになりました。

ラベルガジェットを追加する(10)

表示されているラベルの名前をクリックすると、そのラベルが付けられた記事の一覧が表示されます。

ラベルガジェットを追加する(11)

ラベルガジェットを追加する(12)

ラベルガジェットをカスタマイズする

「ラベル」ガジェットはいくつかの項目でカスタマイズが可能です。追加したガジェットの設定を変更するには Blogger の管理画面左側に表示されている「レイアウト」をクリックして「レイアウト」画面を表示してください。

ラベルガジェットをカスタマイズする(1)

ラベルガジェットをカスタマイズする(2)

「ラベル」ガジェットに表示されている「編集」をクリックして下さい。

ラベルガジェットをカスタマイズする(3)

「ラベルの設定」画面が表示されます。ここでラベルガジェットのカスタマイズを行います。なおこの画面は初めてラベルガジェットを追加した時に表示されたものと同じです。

ラベルガジェットをカスタマイズする(4)

それでは一つ一つ設定を確認してみます。

ラベルリストのタイトルを変更する

「タイトル」ではラベルリストががサイドバーに表示された時のタイトルを設定できます。デフォルトの値は「ラベル」となっています。例として次のようにタイトルを変更しました。変更が終わりましたら「保存」をクリックしてください。

ラベルリストのタイトルを変更する(1)

設定変更後にブログにアクセスして確認してみると、ラベルリストに表示されているタイトルが設定した値に変更されています。

ラベルリストのタイトルを変更する(2)

ラベルリストに表示するラベルを選択する

デフォルトの設定では記事に追加されているすべてのラベルを表示します。特定のラベルだけ表示する場合は、「表示」で「選択したラベル」を選択してください。デフォルトではすべてのラベルが選択された状態なので「編集する」をクリックしてください。

ラベルリストに表示するラベルを選択する(1)

画面下部に表示するラベルを選択するためのチェックボックスが表示されます。サイドバーに表示したいラベルにだけチェックを行ってください。今回は 2 つのラベルにチェックを行いました。選択が終わりましたら「完了」をクリックしてください。

ラベルリストに表示するラベルを選択する(2)

設定を変更したら「保存」をクリックしてください。設定内容が反映されます。

ラベルリストに表示するラベルを選択する(3)

ブログへアクセスしてみると右サイドバーに表示されるラベルのリストに選択したラベルだけが表示されています。

ラベルリストに表示するラベルを選択する(4)

ラベルの並べ方方法を選択する

複数のラベルがあった場合にラベルリストに表示されるラベルの順番は「あいうえお順」となっています。この並び方を「頻度順」に変更することができます。「並べ替え」で「頻度順」を選択してください。なお分かりやすくするために「ラベル毎の投稿数を表示」にチェックしてあります。選択が終わりましたら「保存」をクリックしてください。

ラベルの並べ方方法を選択する(1)

設定変更後にブログにアクセスして確認してみると、ラベルリストに表示されているラベルが頻度順に並べられていることが確認できます。

ラベルの並べ方方法を選択する(2)

ラベル毎に投稿数を表示する

「ラベルごとの投稿数を表示」にチェックを行うと、ラベルリストに表示されたラベルに、ラベルが付けられている記事の数を表示します。チェックを行ったら「保存」をクリックしてください。

ラベル毎に投稿数を表示する(1)

設定変更後にブログにアクセスして確認してみると、ラベルリストに表示されているラベルに、ラベルが付けられている記事数が表示されています。

ラベル毎に投稿数を表示する(2)

ラベルをクラウド形式で表示する

「表示」で「クラウド」を選択すると、ラベルの表示方法をリスト形式からクラウド形式に変更することができます。クラウド形式では、ラベルの投稿数に応じてラベルの名前のフォントサイズを変えて表示します。(投稿数が多いラベルほど文字がサイズが大きく表示される)。

ラベルをクラウド形式で表示する(1)

設定変更後にブログにアクセスして確認してみると、ラベルリストに表示されているラベルがクラウド形式で表示されていることが確認できます。

ラベルをクラウド形式で表示する(2)

----

ラベルガジェットを使ってブログのサイドバーにラベルリストを表示する方法について解説しました。

( Written by Tatsuo Ikura+ )

関連記事 (一部広告含む)
Profile
profile_img

著者 / TATSUO IKURA

初心者~中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。