ブログタイトルのヘッダーの背景に写真を設定してみました。 入れた直後、スマホではこんなふうに見えていました。 ブログタイトルとその説明文がどちらも少し右寄りになっている！ さらに、ウーパールーパーの顔の上に文字が重なっている！！！ という問題…

スマホで自分のブログを見た時に、カテゴリー一覧のカテゴリータイトルの文字が小さくて気になっていました。 カテゴリー一覧、変更前（スマホ画面）↓ カテゴリー一覧、変更後（スマホ画面）↓ 「カテゴリー」の文字フォントの変更コード 「カテゴリータイト…

スマホで自分のブログを見た時、注目記事一覧部分の記事タイトルが小さくて見にくいなと思っていました。 変更前（スマホ画面）↓ 変更後（スマホ画面）↓ CSS 色と下線を付加する 変更前（スマホ画面）↓ 変更後（スマホ画面）↓ CSS デザイン＞カスタマイズ＞…

ブログのスマホ画面での表示形式の理想として、記事一覧の形式と文字の大きさをYahooと同じようにしたいと思っています。 Yahooの記事一覧形式 変更前のブログのスマホ版、記事一覧ページ 元々のデザインCSS 記事一覧のタイトル文字を大きくするコード 変更…

ちょっと長いのですが、以下のコードを貼り付けることで、見出しを強調したり、目次のフォントを大きくすることができました。 目次変更後↓ この様に目次のフォントが本文と同じ大きさになっています。 見出し部分はこんな感じになりました。 見出し変更後↓ …

ブログのデザインを理想に近づけるのは難しいですよね。 特にスマホ版をカスタマイズする方法があまり検索しても出てこなくて悪戦苦闘したので、自分が設定した方法を書いておこうと思います。 1. デザインを選択 2. 問題点 字が小さい 3. 文字を大きくする …