サポート » バグ報告と提案 » タイトルフィールドの文字サイズが大きすぎやしませんか

  • WordPress 5.5 以上で、
    記事編集画面の、タイトルフィールドのデフォルトの文字サイズが大きすぎると思うのですが、なぜこのようになってしまったのでしょうか。1行に9文字しか入りません。

    タイトルの文字数が27文字だと3行になるのですが、文字サイズが大きすぎて、タイトルだけで画面の半分を占有しています。

    みなさんは違和感有りませんか?

    • このトピックはKeisuke Nakayamaが2週、 4日前に変更しました。
4件の返信を表示中 - 1 - 4件目 (全4件中)
  • こんにちは

    記事編集画面の、タイトルのフォントサイズはテーマにより異なります。確かに、デフォルトテーマの Twenty Twenty テーマなどはタイトルが大きいように感じます。英語フォントに合わせて作成されているので、日本語フォントだと大きくちょっと不格好になってしまっているのかもしれません。

    テーマの設定でサイズを変更できない場合は、CSS (下記ページ) でサイズを調整することになると思います。
    https://irodory.jp/web/wordpress/5378

    ishitakaさま

    こんにちは

    書き込みいただき有難うございます。
    参考サイトも拝見いたしました。
    editor-style.css の影響ではというお話、ごもっともと思います。

    確かに、ためしに利用中のテーマを
    Twenty Niteen から Twenty Seventeen に変更してみましたら
    落ち着いた文字サイズになりました。

    しかし、
    状況といたしまして WP5.4から5.5へのアップグレードによって
    この問題に直面しており(その間テーマは変更しておりません Twenty Nineteen で)

    editor-style.css について言えば 5.4の時点でも有効だったと思います。

    5.5にアップグレードした途端に
    文書編集エリアのすべての文字サイズが1.5倍ぐらいに大きくなってしまいました。

    一方、公開側を見れば、Twenty Nineteen 自体の文字サイズ等は変わっておらず
    管理画面がわだけが公開側の1.5〜2倍ぐらいの文字サイズになっており
    (WYSIWYGのための editor-style.css が意味を失っております)

    今回のアップグレードにおいて、エティター側に、不用意に
    editor-style.css にカスケードされるようなCSS設計が組み込まれたのではないか?と思った次第です。

    また別の面で、日本語の新規ユーザーのことを思うと
    初心者が初めて目にする可能性が高い公式の最新テーマの、
    デフォルトのタイトルフィールドが9文字3行で(16inch MacBook Pro の)画面縦半分に迫るというのは・・・「デカっ!!」と驚くのではないでしょうか。

    公式へ改善を強くお勧めしたいのですが、
    このようなリクエストはどちらへ上げたら良いのでしょうか・・・

    もしお分かりになりましたら、お教えいただけましたら幸いです。

    ご指南くださり、ありがとうございました。

    WordPress 5.5では、編集画面のタイトルのフォントサイズの指定が削除されたようです。この変更はテーマ側でサイズを設定することが目的のようです(たぶん)。よって、タイトルのフォントサイズを決めるのはテーマ側の問題だと思います。

    公式へ改善を強くお勧めしたいのですが、
    このようなリクエストはどちらへ上げたら良いのでしょうか・・・

    Twenty Nineteen テーマの問題だと思われるので、まずは、Twenty Nineteen テーマのサポートページで提案するのがいいのかなと思います。

    ishitaka さま

    仔細な情報をありがとうございます。

    くどいようで、大変申し訳ありませんが、
    一応この場は、皆様がご覧になるフォーラムですので、議事録として正確な情報をと思い、
    いただいたヒントを元に、2つのバージョンのWordPressで、タイトル部分について、ブラウザのインスペクタで調べてみました。

    そうしたところ

    この部分には、load-styles.php のcssがあたっており、違いは
    タイトルフィールドについている.edit-post-visual-editor-textarea というCSSクラスセレクタに対する定義が

    5.4では font-size: 16px; を上書きして font-size: 13px; だったものが

    5.5では font-size: 16px; はそのままに、それを上書きしていた font-size: 13px; が無くなっているようでした。

    ただし font-size: 16px; は load-styles.php の設定です。
    (16pxというのは、p要素等については、一般的なモダンブラウザの本文の基本サイズではありますが)

    ここで WordPressチームの方々へお伝えしたいのは、
    5.4までの、editor-style.css を採用しているあらゆるテーマでは、
    上記の 13pxに対し調整をかけているはずですので、(CSSセレクタの使い方によっては影響ありませんが)

    これは個別のテーマで発生している問題とは言えないのでは?ということと、

    そもそも Twenty Nineteen の作者は WordPress チーム となっていますので
    連携をしっかりとっていただけると、使いやすいな、と・・・

    具体的な調整に関しましては、ishitakaさまにアドバイスいただき
    原因が分かりました。

    ishitakaさま誠にありがとうございました。

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