ConoHa WINGのメリット・デメリットをチェック!

SANGOでPC・スマホのフォントサイズを指定する方法(端末毎に設定する方法)

SANGOでPC・スマホのフォントサイズを指定する方法

SANGO(サンゴ)でPC・スマホのフォントサイズを指定する方法(端末毎に設定する方法)

今回はSANGO(サンゴ)でフォントサイズの設定を変更する方法を紹介します。

SANGOではスマートフォン、タブレット、パソコン毎にフォントサイズの設定を変更できます。

サイト全体の文字サイズを変更する方法

フォントサイズの変更は、「外観」→「カスタマイズ」→「デザイン・レイアウト」→「フォントサイズ」から行えます。
SANGOでPC・スマホのフォントサイズを指定する方法

SANGOでPC・スマホのフォントサイズを指定する方法

SANGOでPC・スマホのフォントサイズを指定する方法

SANGOでPC・スマホのフォントサイズを指定する方法

スマホ、タブレット、PC毎にフォントサイズを変更できるようになっています。

端末によってユーザーが見やすい文字サイズも異なるので、それぞれで変更できるのは嬉しいですね。

デフォルトの設定は以下のようになっています。

【デフォルトのフォントサイズ】
■スマホ(横幅481px以下のブラウザサイズ) → 100
■タブレット(横幅482~1029pxのブラウザサイズ) → 107
■PC(横幅1030px以上のブラウザサイズ) → 107

記事本文の文字サイズを変更する方法

オリジナルのCSSを追加して記事本文のみの文字サイズを変更することもできます。

.entry-content {
font-size: 125%;
}

オリジナルCSSの追加は、「外観」→「カスタマイズ」→「追加 CSS」から行えます。

WordPressのオリジナルCSS追加画面

WordPressのオリジナルCSS追加画面

参考:https://saruwakakun.com/sango/comments?id=3332

SANGOでPC・スマホのフォントサイズ変更のまとめ

こちらの記事では、SANGOでフォントサイズの変更を行う方法を説明しました。

SANGOでは、管理画面上からスマホ、タブレット、PC毎にフォントサイズの変更を行うことができます。

また、オリジナルCSSを追加することで、記事本文のみのフォントサイズを変更することもできます。

ブログを書いていると端末によって文字の大きさを変えたいことってありますよね。
そんな場合にはこちらの記事を参考にして頂ければ幸いです!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です