はてなブログの記事本文を省略し、モバイルレイアウトに最適化するCSS - よなかのはなし2017 - 04 - 26 はてなブログの記事本文を省略し、モバイルレイアウトに最適化するCSS はてなブログ カスタマイズ Twitter Hatena Pocket はてなブログには「目次記法」と呼ばれる機能があり、個別記事のリード文下に [:contents] を挿入すれば、以降の本文を省略することができます。 しかし、 [:contents] 上の文字数は記事ごとによって異るもの。PCとモバイルをそれぞれ別のソースで管理している場合は別ですが、レスポンシブを採用しワンソースで管理していると、この文字数のせいでトップページのレイアウトがガタガタになってしまうこともあります。いやまあ、少し前のこのブログのことなんですけど……。今回は、そんなトップページ・記事一覧ページの「本文はみ出ちゃう問題」をCSSで対処してみました。 はじめに 文字数を省略するカスタマイズのやり方 パソコン表示
