2014年7月25日 (金)

スマートフォン閲覧ページの記事タイトルの文字サイズを変更する

スマートフォンのタイトルのフォントが大きすぎると感じたことはないですか?


あまりにもフォントサイズが大きいと、一覧性がわるくなってしまうので、ほどほどの大きさにしたいですね。


今回は、スマートフォンでのタイトルを、ちょうどよい文字サイズに変更する方法です。


Mar93_ushirowokeikaineko20140113500

スマートフォン閲覧ページの記事タイトルが大きいため、画面全体が長くなりがちです。これを解消するために、記事タイトルの文字サイズを調整します。


Sptext00



  1. 画面上部のメニューから [ブログ管理] - [デザイン] をクリックする

    Sptext01



  2. [スマートフォン] タブをクリックする

    Sptext02



  3. [カスタムCSSウィザード] をクリックする

    Sptext03



  4. 左メニューの [カスタムCSS] をクリックする

    Sptext04



  5. 以下のソースコードをコピーし、入力項目に貼付ける

    Sptext05


    .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;
    }




  6. [適用] ボタンをクリックする

    Sptext06



  7. 右上の [変更を保存] ボタンをクリックする

    Sptext07




スマートフォンで閲覧し、以下のように表示されたら完成です。

\(^o^)/



Sptext08