スマートフォンのタイトルのフォントが大きすぎると感じたことはないですか？
あまりにもフォントサイズが大きいと、一覧性がわるくなってしまうので、ほどほどの大きさにしたいですね。
今回は、スマートフォンでのタイトルを、ちょうどよい文字サイズに変更する方法です。
スマートフォン閲覧ページの記事タイトルが大きいため、画面全体が長くなりがちです。これを解消するために、記事タイトルの文字サイズを調整します。
- 画面上部のメニューから [ブログ管理] - [デザイン] をクリックする
- [スマートフォン] タブをクリックする
- [カスタムCSSウィザード] をクリックする
- 左メニューの [カスタムCSS] をクリックする
- 以下のソースコードをコピーし、入力項目に貼付ける
.smartphone-layout-two-column-left .featured .entry-title, .smartphone-layout-two-column-right .featured .entry-title, .smartphone-layout-two-column-left .entries .entry-title, .smartphone-layout-two-column-right .entries .entry-title { font-size:17px; } - [適用] ボタンをクリックする
- 右上の [変更を保存] ボタンをクリックする
スマートフォンで閲覧し、以下のように表示されたら完成です。
＼(^o^)／
