WordPress 文字サイズの変更方法（タイトル、本文など）

25のコメント

1. こんにちは、貴重な情報を共有していただきありがとうございます。
   onepressテーマはタイトルタイトルフォントの変更が難しいですか？

   応答

   • まずはカスタマイズすることで変更が可能かどうかチェックしてみてください。
     カスタマイズで変更するオプションがない場合は、CSSで調整できます。
     タイトルタイトルなどのスタイルの変更は、基本的なCSSを理解しても何かできることは可能でしょう。

     https://cafe.naver.com/wphomepage/16730

     応答

2. こんにちはワードはいつもよく見ています。ひとつ気になることがあったので、私はジェネレートプレスユーロテーマを使用しています。ジェネレートプレスのカスタマイズタイポグラフィでモバイルボディフォントを別々に設定しましたが、モバイルでリフレッシュされると、どんどんボディフォントサイズが1～2px程度変わりました。 19px以上ではほとんど変わりませんが、それ以下からはフォントサイズが変わります。インターネットで検索してみても出てこなかったんです。

   応答

   • こんにちは、Kenさん。どのフォントを使用しますか？タイトルに使用するように作成されたフォントがある場合があります。そのようなフォントを使用すると、文字サイズが小さい場合、文字が正しく表示されないことがあります。

     これが問題でない場合は、CSSでフォントサイズを設定しますか？
     モバイルでは、CSSクエリを使用してモバイルデバイスに対してのみ文字サイズを変更できます。

     次の記事で GeneratePress テーマのモバイルブランチポイントを見ることができます。

     https://www.thewordcracker.com/basic/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-generatepress-%ED%85%8C%EB%A7%88-css-%EB%AF%B8%EB%94%94%EC%96%B4-%EC%BF%BC%EB%A6%AC/

     応答

     • 4ワード、一度返信してくれてありがとう。
       ボディフォントは open sans というフォントを使用中ではありますがフォントを select に設定してみたりもし、あちこち全て変えたのにも同じでした。

       cssもモバイルフォントだけが適用されるように追加してみましたが、結局は同じですね..

     • キャッシュプラグインのキャッシュを削除してみて、モバイルデバイスからブラウザキャッシュも削除してテストしてみますか？

     • しかし、現在キャッシュプラグインを使用していないので、キャッシュプラグインをインストールしてからキャッシュを削除しても構いませんか？

     • 追加したCSSコードが正確な地図をチェックしてみませんか？
       そしてプラグインをすべて無効にした後も確認してください。
       サーバーキャッシュが有効になっている場合は、サーバーキャッシュを削除して確認することもできます。

3. ワード様こんにちは。
   資料はよく見ています。
   ワード様の文中で目次関連の文を見ました。
   私はtocではなくラッキーwpを書いています。
   しかし、気になるものがあります。忙しいですが
   目次タイトルの文字の色は変更するのが簡単です。
   なぜその下の目次小タイトルは文字の変更ができないのですか？
   変更する方法やcssコードがありますか？
   私のサイトのアドレスはtgwwjob.co.krです。
   ここで目次の色がどんどん変更してみても
   青い固定、または3行のうちの1番目は黒です。
   下のXNUMX行はグレーなどで表記されていました。
   目次小タイトルも全部黒にしたいのに
   方法があるでしょう？

   応答

   • こんにちは、書くおじさん。基本的なCSSを習得すれば簡単に可能になります。

     https://cafe.naver.com/wphomepage/16730

     次のCSSでうまく機能するかどうかをテストしてください。

     .lwptoc_item a {
color: #2196F3 !important;
}

     ルックス » カスタマイズ » 追加 CSSに追加してみてください。

     応答

4. 投稿する前に編集画面に表示される文字のサイズも変更できますか？

   応答

   • 編集画面では、段落単位で文字のサイズを変更できます。 特定のテキストの文字サイズを変更したい場合は、次の記事で紹介するコードを使用して利用できます。

     https://www.thewordcracker.com/intermediate/really-simple-text-highlighter-shortcode-plugin-for-wordpress/

     応答

5. しかし、既に発行した文章にはボタンテキストのサイズ変更したものが適用されていますが、文章を書いてプレビューをしてみると適用できませんね。

   応答

   • ボタンブロックで設定してみてください。

     https://app.screencast.com/j8gkv5DX09F58

     応答

6. ボタンテキストサイズを一括で調整しようと動画 参考にして開発者モードで以下のようなコードを見つけてフォントサイズだけ調整して一括適用はできました。 複数のコードがありますが、私が見つけたコードは正しいですか？

   .wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link {
   フォントサイズ：36px。
   }

   応答

   • CSSで調整しないでボタンブロックで幅設定を100%にして、書体でテキストサイズを「L」に設定してみてください。

     次のボタンブロック設定の例を参照してください。

     https://app.screencast.com/j8gkv5DX09F58

     応答

7. こんにちは、 WordPress 始めて3日目です。
   本文を登録した後、PCでは文字サイズが適しているようですが、モバイルでは
   大きすぎるようです。 読みやすさも低下します。

   現在ジェネレートプレス有料版を使用中
   ポストXで有料テーマを設定しました。

   CSSで手動で設定する必要がありますか？
   ブログなのに読みやすさが落ちるので、幕屋と乱感します。

   応答

   • メディアクエリを使用すると、解像度に応じてさまざまなスタイルを適用できます。

     次の記事を参照してみてください：

     https://cafe.naver.com/wphomepage/31818

     基本的なCSSを理解すると役に立ちます。

     https://cafe.naver.com/wphomepage/16730

     応答

   • GeneratePress テーマのCSSメディアクエリレスポンシブブランチポイントについて、次の記事を参照してください。

     https://www.thewordcracker.com/?p=50025

     そしてCSS Media QueryのMozillaドキュメントを見てください：

     https://developer.mozilla.org/ko/docs/Learn/CSS/CSS_layout/Media_queries

     応答

8. WordPress エレメントproでブログを作って4つ書いた WordPressからメールが来ました。 「モバイルで文字が小さすぎる」と言うのに先生サイトは文字サイズが何ですか Google検索に最適化されたサイズがあるかどうか気になります

   応答

   • こんにちは、パク・チョルフン。 まず、投稿（投稿）を作成するとき エレメンページビルダー 代わりに、デフォルトエディタ（ブロックエディタ）を使用することをお勧めします。 執筆時 Elementor などページビルダーを使用してはいけない理由について、次の記事を参照してください。

     https://avada.tistory.com/1811

     このブログでは現在、軽くて速いテーマで評価されている GeneratePress テーマが使用されています。 GPテーマでは、Typographyで本文の文字サイズを変更できます。

     https://www.screencast.com/t/x3aOauxzxdp

     現在のカスタマイズでは18pxサイズに設定されていますが、見てみるとCSSに設定された文字サイズが適用されているようです。

     .single .entry-content p {
font-size: 1.13em;
}

     私は今老眼が今年になって文字サイズをわざと大きく設定しています。 文字サイズは適切なサイズでご指定ください。 CSSを使用すると、モバイル機器とPCサイズでテキスト文字サイズなどを異なる方法で指定できます。

     応答

9. 先生の文字強調、文字へのリンクソースもCSSなんです これも気になりますね

   応答

   • Avada, Enfold, Newspaper など一部の有料テーマでは、文字の太さ、リンクの色などもテーマオプション内で指定できるセクションを提供しています。 テーマオプションでそのような機能を提供しない場合、またはより洗練された制御をしたい場合は、CSSでスタイルを設定できます。

     応答

10. color magテーマ

    タイトルと本文の文字サイズを変更する方法も知りたいです！

    応答

    • こんにちは？ ColorMagテーマ 内で文字サイズを変更するオプションを提供するかからチェックしてください。 そんなオプションがない場合本文で紹介するCSSコードを利用した方法で調整が可能です。

      応答