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

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

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

次は細かいところをいじっていきたいと思います。
※ その前に
QooQ 通常版 でHTML編集、CSS追加をしてみました。
しかし、レイアウトがどうしても下記のようになってしまい、アイキャッチ画像の隣に文字を並べるようにできませんでした。
そのため、あきらめて QooQ LIST版 にテーマを変更してすすめていきます。

※私はうまくできませんでしたが、QooQ 通常版 を QooQ LIST版 のように作り替えれるようです。
参考にさせて頂きましました。
QooQ 通常版 から QooQ LIST版 に変更してもレイアウトは保たれるようです。
メインカラー、文字の色などは再度変更しました。

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

タイトル文字の大きさを変更します。
HTML編集画面で header-title を検索 

Font-size:110% の部分の数字を変更する。
今回は150%に変更 (下記のような大きさになります)。
200%だとスマホで文字がでかすぎて見にくかったです。

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

ブログ全体のフォントを変更します。
HTML編集画面で font-family を検索

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

まとめ

・タイトル文字のサイズ変更を行いました。
・ブログ全体のフォントを変更しました。
基本的に文字や画像のサイズ、フォント変更などはHTML編集で行うようです。

コメント

PAGE TOP
タイトルとURLをコピーしました