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

2022年7月9日土曜日

ブログ編集

t f B! P L

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

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編集で行うようです。

自己紹介

自分の写真
医科クリニック開業準備中の医師。やる気はあるけど、知識がない。気になったことを勉強してまとめていきたいと思います。
がむしゃら院長のXはこちら

このブログを検索

ブログ アーカイブ

連絡はこちら

名前

メール *

メッセージ *

QooQ