サポート » 使い方全般 » スマートフォン版の記事タイトルの文字サイズ変更

  • Ryan

    (@ryoheiebuchi)


    WordPressのバージョン: WordPress 4.9.5
    使用しているテーマ: MH Magazine lite

    スマートフォンやiPadなどに表示される記事タイトルの文字サイズを変更したいのですが、変更の仕方、または、cssのどの部分を変更すればいいのか詳しくお教えいただければ嬉しいです。よろしくお願い致します。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • CG

    (@du-bist-der-lenz)

    『記事タイトルの文字サイズを変更したい』時は、スタイルシートの調整をします。
    『変更の仕方』は、カスタマイズから『追加CSS』で行います。テーマの仕様が特殊な場合は、変更できないケースもありますが稀なことです。プリプロセッサはご自身が理解しやすいものを選びます。
    『cssのどの部分を変更すればいいのか』詳しく教えるには「MH Magazine lite」を確認しなくてはわかりません。テーマそれぞれにセレクターの要素名が異なるためです。日常的にはブラウザのデベロッパーツールで確認します。それで決定したスタイルシートを、『追加CSS』に記述するという流れで作業しましょう。

    CG

    (@du-bist-der-lenz)

    作業の流れを踏まえたうえで、『スマートフォンやiPadなどに表示される』スタイルはメディア・クエリで指定を分岐していることが一般的です。

    こんにちは

    Chrome のデベロッパーツール(開発者ツール)を使用すると、簡単にページのコード(HTML、CSS、JavaScript)を検証することができます。
    デベロッパーツールについては、下記ページが参考になると思います。
    https://saruwakakun.com/html-css/basic/chrome-dev-tool#section4

    また、デベロッパーツールではスマホでの画面を確認することもできます。
    http://www.atmarkit.co.jp/ait/articles/1403/20/news050.html

    デベロッパーツールで対象の要素(タイトル)に、どのような属性(ID やクラス)が付与されていて、どのようなスタイル(style.css)が適用されているかを調べると、どのようなスタイルを追加すると文字サイズが変更できるか見えてくると思います。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。