スキップしてメイン コンテンツに移動

投稿

ラベル(blogger)が付いた投稿を表示しています

blogger モバイルでブログタイトルの文字サイズを変更

モバイルのデフォルトでの文字サイズが大きすぎて画面の大半を占めてしまうので、サイズを変更したい。 テンプレート→カスタマイズ→上級者向け→ブログのタイトル で文字サイズを変更しても、モバイル表示が変わらない。 斜体や文字色の変更はモバイルにも適用された。 [解決法] CSSで直接指定したら文字サイズも変わった。 .mobileをつけることでモバイル専用のCSSが指定できるらしい。 .mobile .header h1{ font-size:15px; }

bloggerモバイルテンプレート、トップ画面でも各記事を全文表示する方法

 bloggerブログのトップ画面ををモバイルで見ると、デフォルトでは各記事の文章が htmlタグが全て除去された 冒頭140文字程度しか表示されない。 これだとTwitterの埋め込みがちゃんと表示されなくなるので、カスタマイズ方法を調べた。 個別記事だと<b:includable id='mobile-post' var='post'> それ以外だと<b:includable id='mobile-index-post' var='post'> が利用されているようだ。 編集する必要があるのは、<b:includable id='mobile-index-post' var='post'>の中身。 シンプルテンプレートでは1270行目の <b:if cond='data:post.snippet'> <data:post.snippet/> </b:if> を  <b:if cond='data:post.snippet'> <data:post.body/> </b:if> に修正する。  これでトップ画面でも記事の全文が表示されるようになる <参考リンク> bloggerで投稿の要約(snippet)を表示して、readmoreリンクをつける