投稿のテキスト設定で「文字サイズ」を変更しても反映されない



  • グーテンベルグで利用しているものです。
    投稿する際に、文字サイズの変更を行なっているのですが、プレビューや本投稿全て標準サイズでしか表示されません。

    なお、投稿作成画面では、大小の表示は正常に行われます。

    確認すべき箇所を教えてください。
    よろしくお願いします。


    WordPressのバージョン :
    ご利用のサーバー名 :
    PHPのバージョン :
    OS :
    ご利用のブラウザ :
    該当サイトのURL :


  • administrators

    @yukiiida さん

    こんにちは!JIN運営チームのりょうたです。
    この度はJINご利用いただき誠にありがとうございます。

    投稿する際に、文字サイズの変更を行なっているのですが、プレビューや本投稿全て標準サイズでしか表示されません。

    こちらですが、JINの現状の仕様上グーテンベルグのテキスト編集ではテキストの大きさは変わりません。
    ですので、別途スタイルを当てていただく必要がございます。

    順番にご説明いたします。

    ①記事編集時に文字を大きくしたいところをHTMLで編集する

    0_1576122752603_スクリーンショット 2019-12-12 12.52.21.png

    上記記事にあるように文字を大きくしたいところのブロックを「HTMLとして編集」をクリックして編集できるようにします。

    ②HTMLで文字の大きさを指定する
    0_1576122847117_スクリーンショット 2019-12-12 12.53.38.png

    「HTMLとして編集」をクリックすると上記の写真のような形になるので、文字のフォントサイズを指定します。
    例えば、フォントサイズを24pxにしたい場合、

    style="font-size:24px;"
    

    このコードを以下写真のように追加します。
    0_1576123069035_スクリーンショット 2019-12-12 12.57.21.png

    ③HTMLに変換する
    0_1576123135372_スクリーンショット 2019-12-12 12.58.45.png

    コードを追加すると上記写真のようなメッセージが出ると思いますので「HTMLに変換」をクリックしてください。
    そうすると設定したコードがHTMLとして認識され正常にフォントサイズが設定されるようになります。

    こんな感じまで行ったら成功です!
    0_1576123227645_スクリーンショット 2019-12-12 13.00.04.png

    お手数お掛け致しますが、一度ご対応いただけますと幸いでございます。
    宜しくお願い致します。



  • 試してみました。
    文字は大きくなりました。ですが、今度は数字を変えても大きさは一定で表示されます。

    ちなみに、小、標準、大、特大、とありますが、それぞれのフォントサイズは何pxなのでしょうか?基準が分からないとサイズ変更に毎回かくにんしないとなので、基準を教えてもらえると助かります…


  • administrators

    @yukiiida さん

    こんにちは!りょうたです。

    ですが、今度は数字を変えても大きさは一定で表示されます。

    font-sizeの数字を変えても変わりませんか?
    グーテンベルグのフォントサイズを変えても変わらないので必ずfont-sizeの大きさを変えるようにしてください。

    ちなみに、小、標準、大、特大、とありますが、それぞれのフォントサイズは何pxなのでしょうか?基準が分からないとサイズ変更に毎回かくにんしないとなので、基準を教えてもらえると助かります…

    グーテンベルグ上で確認できるかと思いますが。。
    0_1576210157420_スクリーンショット 2019-12-13 13.08.55.png

    小 13px
    標準 16px
    中 20px
    大 36px
    特大 48px

    ですね!
    ご確認の程宜しくお願い致します。