はてなブログ初心者、権守(ゴンモリ)のカスタマイズ!【③文字サイズの変更とマーカーの引き方について】
どうもです、権守(ゴンモリ)と申します。
はてなブログを始めたばかりの時、『文字の大きさ80%100%150%200%のいずれかしか変更できないのか?なんとっ!』
『うーむ、ここにマーカーみたいなの引きたいな』とか思ってました。で、最近やり方わかりました。
CSSに書き込みとかめんどくさい時にはこの方法でよさそうなで、今回は任意の文字のサイズを既存のサイズ以外のものに変更する場合と、
マーカーの引き方について書いていきます。
文字サイズの変更方法
文字サイズをHTML編集画面で直接指定する方法です。
HTML編集に記載されているコードを書き換える
手順
①みたまま編集で任意の文字のサイズを100%以外の文字サイズに変更する
②HTML編集を開く
③任意のテキスト(文章や文字)を囲んでいる“タグ”に書かれているコードを書き換える
・“タグ”とは<p></p>や<h3></h3>など、自分が書いた文字を囲んでいる記号のことを言います。
・任意で文字サイズを変えたい個所に以下の様なコードが書かれています。
style="font-size: 150%;"
④サイズを決めて指定する
・style="font-size: 150%;"の数字を書き換えます
見本
HTML編集画面:<p style="font-size: 50%;">文字サイズを80%より小さい50%で表示</p>
実際の表示結果:文字サイズを80%より小さい50%で表示
マーカーの引き方
<mark>というコードを書き加えることで任意の個所にマーカーで色付けできます。
文字サイズ変更より簡単です。
実際の書き換え方法
手順
①HTML編集を開く
②任意のテキストを<mark></mark>のタグで囲む
見本
HTML編集画面:<p>ここを<mark>マーカーで色つけたい</mark></p>
実際の表示結果:ここをマーカーで色つけたい
このような感じです。<mark>のタグで囲んだ部分のみ色付けされます。
ブログのレイアウトや装飾に関して日々勉強を皆さまに見やすいブログとなるようがんばります。この記事も少しでも皆様のお役に立てる部分があれば幸せです。
最後までお付き合いいただきありがとうございました。