ひと目で未来のお客さまを引き寄せる
写真撮影Web集客
Web集客フォトグラファー・中嶋めぐみです

平日は会社員をしながらのWワーク

3人の子育てママでもあります



ブログを書いていて、特定の文字だけテキストのサイズを変えたいと思った事はりますか?

 

例えばこんな感じに

 

そうこれ、アメブロのテキスト書式変更で簡単にできます。

 

▼パソコンから
 



▼スマホ(アメブロアプリ)から



 


アメブロのフォントサイズはパソコンではXS~XXLの6種類あり、標準サイズはMなのですが、

 

Mだと小さ過ぎるけど、Lだと大き過ぎる。ちょうど中間くらいの大きさが良い』(まさにここの箇所はMとLの間)

 

という方もいると思います。
Lはスマホだとちょっと大きすぎるんですよね。。。電車内で読んでるとなんか見られてる気もするしww

 

そこで、文字を自分の好きな大きさに自由に変更する方法をお知らせします!

 


パソコンとスマホ(アメブロアプリ)だと手順が違うので分けて説明しますね。

 

 

 パソコンの場合


手順1 一旦変更したい文字をLなどにします。


↓↓↓例↓↓↓

ヤバいじゃん!

 

手順2 編集画面左下の【HTML表示】をクリック


 

手順3 大きさを変更する

記事のHTMLが表示されるので、

 

 

変えたい文章の手前にある以下の記述の数値の部分を変えます。


<span style="font-size:1.4em;">

1.4emを1.2emとかに変更

 

 

因みにMサイズは1.0emです。

 

大きさはプレビュー画面で見ながら調整してみてくださいね


これは1.4emです(つまりLサイズ)
これは1.2emです

これは1.0emです(つまりMサイズ)

 

 スマホ(アメブロアプリ)の場合


 

手順1 文字の大きさを変更する

アプリの場合、大きさは小~特大の4種類から選べます



手順2 【HTML表示】をクリック

画面右上の【入力完了】をタップすると、左下に【HTML編集】というリンクが現れるのでタップ



手順3 記事のHTMLが表示されるのでサイズを変更



文字サイズ「大」の場合、フォントサイズは「5」と記載があるので、一回り小さくしたかったら4などに変更



以上!
 

 

見てもらうと分かるのですが、スマホのHTML編集画面はひじょ~に見難いので、私はこの操作はパソコンでやっています。


image

また、パソコンとスマホでは文字サイズの大きさも違うので、両方でチェックして自分のお気に入りの大きさを見つけ、数値を決めておくとスムーズです。

ただ、端末やお客さまの環境によっても文字サイズの大きさは異なるのですべての利用者さんから同じように見えるわけではないのでそれを理解した上で変えてみてくださいね。
 
まとめ:文字の大きさは自由に変えられる!

アメブロの標準フォントサイズ以外にも変えるやり方がある、ということを知っておくと良いでしょう。
 

この記事が少しでも参考になれば嬉しいです。
 

 

 質問は公式ラインからお気軽にどうぞ

公式ラインではブログやダブルワークのあるあるお悩みに関するお役立ち情報を不定期に配信中!


次回アメブロカスタマイズのご案内もいち早くお届け予定です。

お問合せやご質問もお気軽にどうぞ(1対1トークができます♪)

是非↓のボタンから登録してくださいね。

 

 

フォロー頂きますとブログの更新情報が届きます♪


最後までお読みいただきありがとうございました。