2017年04月06日

文字を大きくする




文字のサイズを変更するには、 


◼️マイブログ→ 設定画面 →「デザイン」


8CE136F2-4676-467A-9311-8E69FEEA2E01.jpg


「デザイン設定」から
自分の使用しているデザインをひらきます。

使用しているデザイン◉をタップ(クリック)する。




3A895248-9D49-4A81-BF0C-E7C21DA93E5E.jpg


最初に、スタイルシートのバックアップして保存をします。

(失敗した場合バックアップしたもので復元します。わたしはバックアップとっていなくてやり直しました。)


スタイルシート内の数字か文字を変更します。
13px;とかsmall;になっています。


px;は数字を大きくすると文字が大きくなり、small・medium・large・x-large・xx-large・・・と大きくなっていきます。


◼️記事本文の文字

bodyのfont-sizeを変更。

スタイルシートの中で変更する場所を探してます。みつからないときは、キーボードのCtrl+Fを同時押しして検索ウインドウが出たらとfont-size入力してみる。

プレビューで確認して保存 


font-sizeの記載がないものはbodyの {}の中の下に『font-size:希望サイズの数字px;』追加する。

スタイルシートによっては変更できないのもありました、でもどこを直せばいいのかわからないので変更できなかったものはあっさり諦め。

 


◼️タイトル

◯ブログタイトル

h1

◯日付

h2

◯記事タイトル

h3


h〜の中にあるfont-sizeを変更します。わたしはh1とh3を変更しました。


プレビューではすぐ大きくなってみえますが、実際に反映されるまでは時間がかかりました。

 



スポンサーリンク

style="display:block"
data-ad-client="ca-pub-6498218600027742"
data-ad-slot="9122374110"
data-ad-format="auto">




《その他の表示は・・・

コメント欄・#comment-write textarea 

サイドバータイトル・sidebar 

サイドバー内・sidebar-body 

文字の大きさ・font-size

文字の色・font-color: #000

文字の太さ・font-weight:bold       

など》

* {}でそれぞれの指定がされているので{}の中を変更する。




スタイルシート内で、コンテンツの一部文字を大きくする設定がうまくいかなかったので
わたしは  ↓  これを使用しました。

<span style="font-size: large; font-weight: bold; color: rgb(51, 102, 255);">◯◯◯◯◯</span>

記事一覧で使用したタグです。


参考まで。

posted by lina at 10:00| 初めてのブログ | このブログの読者になる | 更新情報をチェックする