Bloggerモバイル版にもラベルを表示させる！

PC版でいろいろガジェットを入れても、モバイル版には反映されません。

テンプレートは、PC版、モバイル版それぞれ別に設定ができる、
すなわち、レイアウトなどPC版で変更しても、デフォルトでは反映されないのです。

でも！ここで注意が必要なんですが、
完全に別ってわけでもないみたい・・・

別なら、PC版のページみたいにモバイル版にもレイアウトタブがあって、
ガジェットとか、モバイル用に別に設定できたらいいのに、と思ったら、そうでもないようで。

基本的にはPCのテンプレートを編集し、そこにモバイルでも表示する、ってタグを入れ込む感じで連動させるようです。

今回は、

Bloggerモバイル版にもラベル一覧を表示させたい！

ということで。

具体的な設定方法です！

テンプレートタブを開き・・・

モバイルの下の歯車クリック

モバイルテンプレートプルダウンで「カスタム」を選択→「保存」

前の画面に戻るので　「HTMLの編集」

グレー網かかっているところに注目！

モバイルでも表示したいな～という項目のタグに対して

mobile='yes'

という属性を挿入するのです！

今回はラベルをモバイルにも表示したいので、

 <b:widget id='Label1' locked='false'  title='ラベル' type='Label' visible='true'　mobile='yes'>

という感じ。

「テンプレートを保存」　で確定！タグの記述位置はシステムで基準があるみたいで、勝手に変わったりします。

ちなみに、このサイドバーのガジェットは、私の場合、HTMLソースの一番下の方にありました。

これで、モバイル版でも、下の方にラベル一覧が表示されるようになりました！


他に、

mobile='only'

なんて属性もあるみたいです。

使いこなしてみたいですね☆