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

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リンクをつける

コメント

このブログの人気の投稿

【画像】Meta Quest 3Sの接顔部の外し方

 Meta Quest 3Sの眼鏡スペーサーをつけるために接顔部を外そうとしましたが、検索してもQuest 3やQuest 2の情報しかなかったので記事にしました。 Quest 3Sが到着したが…  眼鏡スペーサーをつけるために接顔部を外そうとしたが結構力を入れても外れず、割れそうで怖い…  検索したらQuest 3の外し方の情報は出てきましたが、構造がだいぶ違うようであまり参考になりませんでした。  結局色々試してうまく外せたので、方法をシェアします。 接顔部の外し方  結論から言うと、本体と接顔部は4つのツメ(左右のレンズの上に2つ、鼻の横に2つ)で固定されているので、ツメがある部分に力を入れて押し上げるようにすると自分は比較的楽に外せました。  先に上の2つのツメを外して、次に下の2つのツメの順番で外しました。   本体側 赤丸のところにツメを引っかける穴がある 接顔部側 こちらにツメがある 斜め下から見た接顔部 注意点  注意点というほどではないですが、レンズに近いところに手を入れるので気になる人は手袋と化したほうがいいかもしれません。

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

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