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

ブログに「ラベル」ガジェットを追加すると、サイドバーなどガジェットを追加した位置にラベルのリストを表示することができます。ラベルガジェットに表示されているラベルをクリックすることで、ブログを閲覧している人がラベルが追加されている記事の一覧を簡単に表示できます。ここでは Blogger のブログにラベルガジェットを追加する方法や利用方法について解説します。

(2022 年 04 月 12 日公開 / 2022 年 05 月 27 日更新)

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

最初にサイドバーに「ラベル」ガジェットを追加する方法です。 Blogger の管理画面左側に表示されている「レイアウト」をクリックしてください。

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

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

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

今回は「サイドバー(下)」に追加します。「サイドバー(下)」に表示されている「ガジェットを追加」をクリックしてください。

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

追加するガジェットの一覧が表示されます。

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

「ラベル」ガジェットをクリックしてください。

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

「ラベル」ガジェットの設定画面が表示されます。設定はあとからでも変更できます。今回は設定はデフォルトのままとしてました。「保存」をクリックしてください。

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

「ラベル」ガジェットが「サイドバー(下)」に追加されました。

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

追加が終わりましたら画面右下の「保存」をクリックしてください。

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

これでラベルガジェットの追加は完了しました。

それではブログへアクセスしてみてください。

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

先ほどラベルガジェットを追加した「サイドバー(下)」にラベルガジェットが表示されています。「ラベル」をクリックして展開すると、ブログに追加済みのラベルのリストが表示されます。

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

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

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

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

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

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

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

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

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

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

「ラベル」ガジェットに表示されている「編集」アイコンをクリックしてください。

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

「ラベルの設定」画面が表示されます。

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

それでは設定項目を一つ一つ確認していきます

ラベルガジェットのタイトルを設定する

ラベルガジェットを追加すると、ブログにはガジェットのタイトルとして「ラベル」と表示されます。

ラベルガジェットのタイトルを設定する(1)

タイトルを変更するには「ラベルの設定」画面で「タイトル」の下のテキストボックスを直接編集してください。

ラベルガジェットのタイトルを設定する(2)

今回は「ラベルの一覧」と書き換えました。編集が終わりましたら「保存」をクリックしてください。

ラベルガジェットのタイトルを設定する(3)

これでラベルガジェットのタイトルの設定は完了です。

それではブログを表示してください。ラベルガジェットのタイトルが先ほど設定したテキストに変更されています。

ラベルガジェットのタイトルを設定する(4)

表示するラベルを選択する

デフォルトの設定ではブログに追加されているすべてのラベルを表示しますが、指定したラベルだけを表示することができます。表示するラベルを選択する場合は「ラベルの設定」画面の「表示」にあるラジオボタンで設定します。デフォルトでは「すべてのラベル」が選択されています。

表示するラベルを選択する(1)

指定したラべルだけを表示するには、「選択したラベル」を選択してください。するとブログに追加されているラベルの一覧が表示されます。

表示するラベルを選択する(2)

表示するラベルにチェックを付け、表示しないラベルからはチェックを外してください。今回は「動物園」だけにチェックを残しました。選択が終わりましたら「保存」をクリックして下さい。

表示するラベルを選択する(3)

これでラベルガジェットに表示するラベルを選択する設定は完了です。

それではブログを表示してください。ラベルガジェットに表示されるラベルが先ほど選択したラベルだけになっています。

表示するラベルを選択する(4)

なお、この設定を行うと、今後ブログで新しいラベルを追加しても自動的にはラベルガジェットに表示されなくなり、都度手動で追加する必要がある点にご注意ください。

ラベルの並べ方を「あいうえお順」から「使用頻度順」に変更する

複数のラベルをラベルガジェットで表示する場合に、表示される順番は「あいうえお順」か「使用頻度順」かを選択できます。並び順を変更する場合は「ラベルの設定」画面の「ラベルの並び替え」にあるラジオボタンで設定します。デフォルトでは「あいうえお順」が選択されており、ラベル名を対象にあいうえお順でソートしてラベル表示されます。

ラベルの並べ方を「あいうえお順」から「使用頻度順」に変更する(1)

並び方を「使用頻度順」に変更するには「使用頻度順」を選択してください。(使用頻度順というのは、ラベルが追加されている記事が多いものから順に並べる方法です)。選択が終わりましたら「保存」をクリックして下さい。

ラベルの並べ方を「あいうえお順」から「使用頻度順」に変更する(2)

これでラベルガジェットのラベルの並び順に関する設定は完了です。

それではブログを表示してください。ラベルガジェットに表示されるラベルが使用頻度順に表示されます。

表示するラベルを選択する(3)

このままだと分かりにくいのでラベルごとにラベルが追加されている記事数を表示してみます。するとラベルが追加された記事数が多いものから順にラベルが表示されているのが確認できました。(記事数を表示する方法はこのあと解説します)。

表示するラベルを選択する(4)

ラベル毎に記事数を表示する

ラベルが追加されている記事数をラベル名と一緒に表示する方法です。記事数を表示するには「ラベルの設定」画面で、「ラベルごとに投稿数を表示する」の右にあるスイッチをクリックして有効にしてください。

ラベル毎に記事数を表示する(1)

ラベル毎に記事数を表示する(2)

設定が終わりましたら「保存」をクリックしてください。

ラベル毎に記事数を表示する(3)

これでラベルガジェットのラベルに記事数が表示されます。

それではブログを表示してください。ラベルガジェットに表示されるラベルに追加されている記事数が一緒に表示されます。

ラベル毎に記事数を表示する(4)

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

複数のラベルをラベルガジェットで表示する場合に、デフォルトでは「リスト」形式でラベルが表示されますが「クラウド」形式で表示するように選択できます。クラウド形式では、ラベルの投稿数に応じてラベルの名前のフォントサイズを変えて表示します。(ラベルが追加されている記事数が多いラベルほど文字サイズが大きく表示される)。

表示形式を変更する場合は「ラベルの設定」画面の「表示」にあるラジオボタンで設定します。デフォルトでは「リスト」が選択されていますので「クラウド」を選択してください。選択が終わりましたら「保存」をクリックしてください。

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

これでラベルガジェットの表示形式がクラウド形式に変更されました。

それではブログを表示してください。ラベルガジェットに表示されるラベルが追加されている記事が多いラベルほど大きなフォントで表示されます(はずなのですが、実際には変わりませんでした。記事数にそれほど差がないのが原因か、それともこのテーマではクラウド形式に対応していないのかは確認できていません)。

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

----

Blogger のブログにラベルガジェットを追加する方法や利用方法について解説しました。

( Written by Tatsuo Ikura )

広告
Profile
profile_img

著者 / TATSUO IKURA

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