Bloggerのモバイルサイトにガジェットを追加する方法

モバイルサイトにもガジェットを設置したい　

このブログ、今やアクセスの大半はモバイルからのもの。大半というより、もはやほとんどと言ってもいいくらい、モバイルからの閲覧が主流となっています。こうなってくると、ブログデザインでも重視すべきはウェブではなく、モバイルの方となっているのが実情です。

ところが、このブログを作っているBloggerでは、モバイルサイトのデザインで設定できることはごくごく僅か。ウェブバージョンでは豊富に用意されている、「ラベルリスト」や「人気の投稿」といったガジェット類は、設置することすらできません。特にラベルリストがないと、他の記事へ移動することが難しく、せっかく検索でブログに辿り着いてもらっても、そのページを見るだけで終わってしまうケースが多いと思われます。

この点、なんとかならないかなぁと思って調べたところ、Bloggerのモバイルサイトにガジェットを設置する方法を発見！ 早速試してみましょう！

設置の方法　

Bloggerのページで左のメニューから「テンプレート」を選択。次に「HTMLの編集」をクリック。

表示されたHTMLコードの一番下の方にある「widget」が並んだ場所を探します。この中からモバイルに表示させたいガジェットの名前を見つけ、そのタグの中に「mobile='yes'」を書き加えます。上の画像（画像はクリックで拡大できます）では「INDEX（カテゴリー別）」と「キーワード一覧」の2つのガジェットに書き加えています。

なお、HTML画面でwidgetの一覧部分に表示されるためには、モバイルに表示させたいガジェットを事前にウェブ版のレイアウトで表示する設定にしておく必要があります。

テンプレートの画面に戻り、今度はモバイルの方の歯車アイコンをクリック。

プルダウンの中から「カスタム」を選択。これで設定は完了。簡単でしょ？

どんな風に見えるか確認　

それではモバイルでブログを開いてみましょう！

じゃん！

おおぉーーー！ 記事の下に、「INDEX（カテゴリー別）」と「キーワード一覧」が表示されています！！ これなら他のページも見てもらえるかも！？


今のところ、モバイルページでガジェットを表示できるのは、ページの一番下のこの部分だけ。表示させるガジェットの順番の指定もできません。すべての種類のガジェットを表示させられるのかも不明です。

とはいえ、今までブログ内の他のページに誘導することが難しかったBloggerのモバイルサイトに、ラベルリストを設置できる効果は大きいはず！ たぶんだけど大きいはず！ やり方は簡単なので、Bloggerでブログを作っている人は是非試してみるといいと思います！

（おしまい）

関連記事
■ブログを書くのは手段？目的？　ブログが好きな「ゆるブロガー」になりたい！ （2019年4月20日）
■ブログ記事の日付を「年月日」の順番に変更してみた【Blogger Contempo】 （2019/4/6）
■ブログ記事にお洒落なSNSシェアボタンを設置してみた【Blogger Contempo】（2019/4/6）
■BloggerにTwitterカードを設定する方法【2018年版】 （2019/2/12）
■ブログの記事に、前後ページへのリンクを自動表示してみた【Blogger Contempo】 （2019/2/11）