Blogger:ラベル設定(4)モバイルサイトでラベルリストを表示

2013-05-01

旧ブログ

t f B! P L

前の関連記事:Blogger:ラベル設定(3)同じラベルの投稿タイトルのみを表示

テンプレートのHTMLの編集が必要


Blogger:テンプレート編集(5)ウィジェットはインクルードの入れ物の記事でテンプレートのHTMLの編集でウィジェット属性を設定すればモバイル表示できることがわかりました。

まずはBlogger:ラベル設定(1)ラベルのリスト表示のとおりパソコンサイトでラベルのリストを表示させるガジェットを追加しておきます。

それから管理画面→テンプレート→HTMLの編集

一番下までスクロールすると右のサイドバーの部分のHTMLがあります。


私の場合はタイトルを「テーマ別」に設定してあります。

その行の左にある右向き黒三角形をクリックします。


<b:widget id='Label1' locked='false' title='テーマ別' type='Label'>

にモバイル属性を付け足します。

<b:widget id='Label1' locked='false' title='テーマ別' type='Label' mobile='yes'>

上にある「テンプレートを保存」ボタンをクリック。

勝手に順番が入れ替わって

<b:widget id='Label1' locked='false' mobile='yes' title='テーマ別' type='Label'>

になります。

モバイルテンプレートをカスタムにする必要がある


これだけではまだモバイルサイトに反映されません。

反映させるためにはモバイルテンプレートをデフォルトからカスタムに変更する必要があります。

管理画面→テンプレート


モバイルの下のギアのアイコンをクリックします。


モバイルテンプレートを一番下の「カスタム」にします。

「保存」をクリックします。




自己紹介の上にラベルリストが表示されるようになりました。

参考にしたサイト


Blogger PCとモバイルでウィジェットを切り替える方法 - 元「なんでもエンジニ屋」のダメ日記
モバイルテンプレートをカスタムにする必要がある。

次の関連記事:Blogger:ラベル設定(5)Googleさん、「全て選択解除」ボタンを作ってほしいな

ブログ検索 by Google

ブログ検索 by Blogger

Translate

最近のコメント

Created by Calendar Gadget

QooQ