タイトル下にオススメ記事を挿入する方法をこれまで2種類紹介しました。どちらの場合も、画面サイズによって表示数が決まっており、スマホ表示の時は2つしか表示できませんでした。(しかも通常記事と同じようなスタイルなので紛らわしい。)これを少し改造してスクロールできるようにします。htmlヘッダに入れるhtmlのコードは以下になります。style=“overflow-x:auto;”>~</div>で囲っただけです。cssデザインcssに以下のコードを加えてください。1%;}}「タイトル下のオススメ記事その2」の方を使っている場合は、以下のコードになります。(未検証ですがたぶん大丈夫だと思います。1%;}}これでスマホ表示(というかブラウザの横幅480ピクセル以下)のときに、この部分がスクロールできるようになります。表示されているのが2個と、少しはみ出た3個目になります。3個目が途切れていることで「スクロールできるのでは?」と気づかせる仕組みです。.recommendsの値を調整することで、大きさなど変更できます。TEALはトップページをカード型にしたはてなブログ用テーマです。全体的にはフラットにまとめています。テーマをもとに、いろいろカスタマイズして自分に使いやすいようにカスタマイズしてみてください。CREATOR製作者:orefolder茨城県つくば市在住のウェブサイト運営者。普段はorefolder.netというAndroidスマートフォンの情報サイトをメインに活動しています。はてな歴は2017年で13年ほどの中堅。改変したテーマを同一の許諾条件の下でのみ頒布することを許可しますつまり、いろなど改変したものをどんどん作っていいし、それをテーマストアに投稿してもいいということです。カスタマイズしてください。カスタマイズ元となるこのテーマのcssはこちらにあります。→こちらはてなブログをはじめよう!c-miyaさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。