はてなブログのデザインを設定し、スマホ版の文字を大きくする方法2019-03-16はてなブログのデザインを設定し、スマホ版の文字を大きくする方法ブログのカスタマイズブログのデザインを理想に近づけるのは難しいですよね。スマホ版をカスタマイズする方法があまり検索しても出てこなくて悪戦苦闘したので、自分が設定した方法を書いておこうと思います。出てくる左のサイドバー一覧から選択できます。デザインを選択デザインテーマを選択この中に好みのデザインがない場合、一番下の「デザインストアからテーマを探す」で好みのデザインを探します。デザインストアから人気の「ミニマリスト」を選択して設定しました。レスポンシブデザイン対応なので、スマホ版も自動でカスタマイズされます。一番下の「デザインCSS」に以下のコードが加えられた状態になります。問題点このままだと、いくつか問題点があると思います。大きい画面でみると大きくみえるかもしれませんが、この写真の横幅がスマホサイズになると思ってください。一番下の「デザインCSS」に以下のコードを貼り付けます。{font-size:18px!important;line-height:1.8em;}上のfont-sizeの18の部分をお好みの大きさに設定できます。!importantをつけることで以前の設定に上書きができます。これを貼り付けた結果がこちら(変更後)↓この様に本文の文字の大きさを大きくすることができました。トップ画面の記事一覧部分のフォントサイズや目次のフォントサイズは変化していません。目次の見出しも、ただの太字で少しメリハリがないかな、と思います。Tumblr関連記事2019-03-19はてなブログのブログタイトルの位置の微調整と背景写真の設定ブログタイトルのヘッダーの背景に写真を設定してみました。引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。