Sora-tanさんも仰っていますが、CSSには画面(ブラウザ)の横幅によってスタイルの内容を変える`MediaQuery`というプロパティがあります。今回の場合も、該当のタイトル部分に「スマホの画面サイズ」であれば、文字サイズを変える様な指示を書けば上手くいきそうです。わかばマークが付いているので、ひとつずつ解説していきます。まず、該当のタイトル部分を探してみましょう。殆どのブラウザには「開発ツール」といった、該当の場所を探す様な作業に、とても便利なツールが付いています。お使いのブラウザ名と組み合わせて「GoogleChrome 開発ツール」等で検索すれば使い方を解説するサイトが沢山見つかると思います。ぜひ実際に扱ってみてください。今回の場合は以下の部分が該当のタイトルでしょうか。 ```HTML

出会ってから５年。改めて『三浦大知』の魅力を振り返ってみた。

``` `post-title`というクラスが付いた要素に対してCSSを書けば上手くいきそうです。例えば以下の様な感じですね。 ```CSS .post-title{ font-size: 14px !important; /*お好きな文字サイズを指定してください*/ } ``` `!important`は他の値に関わらず強制的にその値にするという指示です。使い過ぎると優先度が分かりづらくなり保守が大変なのですが、今回の様なピンポイントな修正では便利なプロパティです。そして画面サイズを指定する`MediaQuery`のプロパティを追記します。 ```CSS @media screen and (max-width: 770px) { .post-title{ font-size: 14px !important; /*お好きな文字サイズを指定してください*/ } } ``` `@media`で始まる一行が`MediaQuery`です。 `(max-width: 770px)`とありますが、これは最大770pxの場合まで適応させるという意味です。 (お使いのテーマでは770px以下の場合にスマホ表示にする様でしたので、その値に合わせました。) まとめると、770px以下の横幅(`max-width:770px`)の時に強制的(`!important`)に、タイトル(`.post-title`)を`14px`にする。という指示になります。これで必要なCSSは揃いました。次にWordPress側にそれを挿入しましょう。 CSSをそのままHTMLに記入しても意味がないので、` ``` テーマファイルの中から``～``とある部分を探してください。その中に以上の記述を入れれば、恐らくご希望の形になると思います。 `MediaQuery`は様々な用途に活用できる便利なプロパティです。今回だけで終わりにせずに、興味があれば是非いろいろ試してみてください。

@@ -38,7 +38,7 @@
 ```HTML
-//236行目付近
+<!-- 236行目付近 -->
 <div class="post-top">

回答編集履歴