wordpressの文字サイズ調整について

るか

いつもお世話になっています。
wordpressの文字サイズ表示についてです。
デスクトップ表示だと文章が一行ですが、モバイル表示にすると2行になってしまいます。
モバイル表示でも1行表示にしたいです。

モバイル表示に合わせて文章を調節して1行にする方法、もしくわプラグインはありますか？
ボタンリンクも同様に小さくしたいです。

よろしくお願いいたします。
0_1709176682639_デスクトップ表示.png 0_1709176688610_モバイル表示.png

マニュアル確認済み
WordPressのバージョン : 6.3.3
ご利用のサーバー名 : ミックスホスト
PHPのバージョン : 7.0
OS : Ventura 13.6.4
ご利用のブラウザ : Googleクローム
該当サイトのURL : https://rrruka.com/

tsu_

こんにちは！
画像ありがとうございます。

まず前提としてですが、スマートフォンの画面幅は端末によって異なりますので、
そのあたりの表示状態を追いすぎるのは、あまりお勧めできないですね。。。

該当の記事のURLをご共有いただければ、
何かお伝えできることはあるかもしれません...！

ご確認お願いいたします！

るか

そうなんですね。
https://rrruka.com/club-nagoya-beginner/
こちらのページです。

他のサイト(競合)では、文字サイズ調整を行なっていたのでどのようにするか気になりました。

tsu_

細かい調整は必要になってくると思いますが、
以下のコードでもある程度は調整できるかもしれません↓

@media (max-width: 767px){
.kaisetsu-box2 .wp-block-table td {
font-size: 11px;
}
.jin-shortcode-button a {
padding: 10px 25px;
font-size: 13px;
}
}

font-size や padding の数字は適宜変更してみてください...！

るか

ありがとうございます。
ちなみにこのコードをどこに貼ればいいのでしょうか？

tsu_

管理画面「外観」>「カスタマイズ」>「追加CSS」です！

るか

ありがとうございます。
設定したあとにやるべきことはありますか？
たとえば、キャッシュの削除など……

tsu_

そうですね、キャッシュの削除はしておいた方が良いと思います！

るか

おすすめのキャッシュ削除方法はありますか？
また、どこまで削除したらいいかわかりますか？
クロームの場合です。 0_1709548013988_スクリーンショット 2024-03-04 19.23.45.png

るか

すいません。添付写真を間違えました。 0_1709548052820_スクリーンショット 2024-03-04 19.27.13.png

tsu_

そうですね、添付いただいた画像の項目で良いと思います...！

よろしくお願いいたします！

るか

ありがとうございます。