タイトルの文字サイズとフォントを変更

具体的に細かいところをいじっていきます

HTML編集、CSS追加に関してはなんとなくわかりました。

次は細かいところをいじっていきたいと思います。

※ その前に

QooQ 通常版 でHTML編集、CSS追加をしてみました。

しかし、レイアウトがどうしても下記のようになってしまい、アイキャッチ画像の隣に文字を並べるようにできませんでした。

そのため、あきらめて QooQ LIST版 にテーマを変更してすすめていきます。

※私はうまくできませんでしたが、QooQ 通常版 を QooQ LIST版 のように作り替えれるようです。

参考にさせて頂きましました。

https://indoor-days.blogspot.com/2020/09/Blogger.QooQ.Customizing-List-of-articles.html

QooQ 通常版 から QooQ LIST版 に変更してもレイアウトは保たれるようです。

メインカラー、文字の色などは再度変更しました。

タイトル文字のサイズ変更はどうする?

タイトル文字の大きさを変更します。

HTML編集画面で header-title を検索 

Font-size:110% の部分の数字を変更する。

今回は150%に変更 (下記のような大きさになります)。

200%だとスマホで文字がでかすぎて見にくかったです。

ブログ全体のフォント変更方法は?

ブログ全体のフォントを変更します。

HTML編集画面で font-family を検索

" " のなかを変える。

1番目を游ゴシックからメイリオに変更したところ、すべてメイリオになりました。

まとめ

・タイトル文字のサイズ変更を行いました。

・ブログ全体のフォントを変更しました。

基本的に文字や画像のサイズ、フォント変更などはHTML編集で行うようです。

関連記事

扶養範囲内とは

http://gamushara-incho.lovepop.jp/wordpress/wp-content/uploads/2023/07/E3-81-8C…

Google Analytics を導入

自分のブログの解析がしたい! http://gamushara-incho.lovepop.jp/wordpress/wp-content/uploads/2…

関連記事の画像表示をきれいに

関連記事一覧の画像を表示をきれいにします https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXs…

ブログ内の画像に枠線をつける

画像に枠線をつけてみやすくします http://gamushara-incho.lovepop.jp/wordpress/wp-content/uploads…

コメント

コメント機能は移行中です。お問い合わせよりご連絡ください。