投稿記事の文字フォント変更

アドレスが違っていたようなので、前のトピックから持ってきました。
http://alva-design.net/

> フォント指定せずに書くと12pxになってしまいとても小さく感じております。

書く時とあるので、編集画面での話でしょうか？
また、他のテーマで同じように投稿編集しようとした際は、同じように小さくなりますか？
これはSimplicity含めテーマの問題なのか、wordpress側の問題なのかを判別するためです。

おそらくSimplicity自体は管理画面のスタイルシートをいじってないと思うんですけれども、どのような端末でどのブラウザでの時かを書いてもらうのと、

> 毎回フォント指定を14pxに毎回変更している

と言うことですが、これはブラウザで文字サイズを変更しているということですかね？
それとも何かしらスタイルシートのfont-sizeが書き換えられて、小さくなっているので、スタイルシートの設定を書きなおているとかそういうことでしょうか？

というのは、autoptimizeや、その他キャッシュプラグインは状態をキャッシュして保管しているわけですからキャッシュが無くならない限りずっとその設定が残ります。そのためのキャッシュなんですが、場合によってはこういった設定が残ってしまうというのが問題で起こりうることなのかも知れません。

autoptimizeは管理画面まで設定が及んでいるのかは知りませんけれども、キャッシュはあり得ます。が、小さいフォントになった時にキャッシュされていればということなのでここらは何とも言い難い所です。

これまで僕が知ってる範囲で今回と同様の質問があった記憶がないので、まずPCで投稿編集する場合は何も問題ないと思うのです。となると、その他の場合ということになりますが、それがどういう時なのかを書いてもらえると助かります。

>>Hidekichi
サイトアドレスの修正ありがとうございます。

＞＞書く時とあるので、編集画面での話でしょうか？
また、他のテーマで同じように投稿編集しようとした際は、同じように小さくなりますか？
これはSimplicity含めテーマの問題なのか、wordpress側の問題なのかを判別するためです。

フォント指定せずに記事を書いた場合、テーマによってバラバラです。元々指定されてるフォントサイズが全テーマ一緒ではないので。

残っているキャッシュは全て消去しました。

＞＞これまで僕が知ってる範囲で今回と同様の質問があった記憶がないので、まずPCで投稿編集する場合は何も問題ないと思うのです。となると、その他の場合ということになりますが、それがどういう時なのかを書いてもらえると助かります。

パソコンを使用してブログを書く際です。フォント指定しなければ、自動で12pxになるのですが、これを14pxにしたいのが希望です。
見えないわけではなく、私が小さいと感じるから嫌なので、、直したいと思いこのトピックをたてました。

> フォント指定せずに記事を書いた場合、テーマによってバラバラです。
> パソコンを使用してブログを書く際です。

autoptimizeのキャッシュをクリアして、プラグイン停止した場合はどうなりますか？

基本テーマのスタイルは編集画面では適用されないと思いますので、何かあればたいていそれはプラグインです(そうとも言い切れない場合があるかとは思いますが)。
設定などで管理画面(adminなんちゃらとか)は利用しないと言う設定があればそれを有効にすればいいんですけれども。除外設定とか。

まずは設定が難しいとされるautoptimizeあたりから停止が賢明かと思います。
(ただサイトを見る限りエラーは出てないのでもしこれが原因なら設定の可能性もあります)

プラグインの設定は外からは見えないので、ご自身で確認してもらうしか無いんですが、何かしらの設定が編集画面に及ぶというのはキャッシュ系かと思うんですけどね。
あるいはブラウザのせいかもしれません。chromeやfirefoxなら問題ないと思いますが、これらブラウザでも問題があるとすればプラグイン、サーバーのキャッシュあたりが怪しいです。

基本IE及び、エッジは論外です(笑)
未実装の仕様が多すぎて対応自体がアレです。

ちなみに現行のfirefox46あたりも怪しいと言う噂を聞きます。ひとまずchromeあたりで確認でしょうか。

>>Hidekichi

autoptimizeのキャッシュをクリアして、プラグイン停止して、クロムで確認しても何も変わりません。

私の説明がまずかったのですかね？
単純に投稿（ブログ）を書く際に、もともと設定されてる文字サイズを大きくしたいのですが。

.article{
font-size:16px;
line-height:170%;
}
このコードを子テーマに張り、16を18にしたら大きくなりますか？

「ブログを書く時に」とあるので僕は編集画面を想像してますが、どこの文字が小さいのかはわかりません。具体的な場所を言ってもらわなければ想像でしか答えられないので。

その中で、

> 今はブログを書く時に、毎回フォント指定を14pxに毎回変更しているのですが

とあって、アドレスからサイトに行って見た所、ブログ自体は16pxで表示されてますから、14pxに毎回変更しているという意味合いがどういうことかわからず、「書く時、14px」と考えて編集画面でブラウザの文字サイズを変更していると想定しましたが、

> もともと設定されてる文字サイズを大きくしたいのですが。

この質問のように、「元々設定されている文字サイズ」は「どこの事？？」となるわけです。

考えてみて下さい、
→ 16pxで表示されているブログを、毎回14pxに変更していて、文字サイズを大きくしたい

というのは文章的に矛盾してませんか？

テーマでブログ自体の文字サイズを大きくするのはカスタマイザーでもできますし、どの場所かがわかれば子テーマでもできます。問題はそれがどこ？という点です。

編集画面ならテーマとは関係ないのは前レスにも書きましたし、どこか問題の場所がわかりませんが、文字を一時的に大きくするだけなら、PCで書く時とあったのでそれならctrl+ホイールでたいてい拡大縮小できるので大した手間ではないです(ブラウザデフォルトはctrl+0)。

初めての方はお読み下さいにも書いてありますが、

・問題解決の質問には環境と再現方法を書いてください
・画像をアップして説明していただけると解決が早いかと思います

これらで示してもらわないと質問文からの想像でしか答えられません。あくまで答えてる方の想像なので、質問されてる方と思い違いがある場合もあります。

「どこ」が「どうなっている」のでどう「したい」と説明する場合、「どうなっている」の部分は文字が小さいのでしょう。それを大きく「したい」のだろうとすぐに理解できます。ではブログを書く時というのは逆に僕の想像通り「編集画面」では無いのでしょうか？

僕は最初の質問で、「編集画面での話でしょうか？」と聞いていますが、それに対する返答をまだもらってません。違うのであれば、その場面をスクリーンショットをとってもらって「ここ」というのを書いてもらう方が話が早いです。

wordpressのコアファイルを改変しても良いなら(そこまでの話ではないですが)、管理画面だって自由自在にできるんですよ。ただそれはSimplicityとは無関係の部分なので、問題がテーマ側にあるのかwordpressの話なのかを聞きたかったわけなんです。

>>Hidekichi様
編集画面です。

どこ
投稿→新規追加をクリックして記事を書く画面です。いわゆるブログを書く画面です。

どうなっている
もともとが12pxになってます。

したい
フォントを大きくしたいので、子テーマにはるコードを教えて下さい。

→ 16pxで表示されているブログを、毎回14pxに変更していて、文字サイズを大きくしたい。
上の文面だけみれば完全に矛盾してますが、私の編集画面ではフォントサイズを指定しなければ自動で12pxにしていされます。

http://wp.me/P7uBFk-4s

固定ページを公開しました。
参考までに見て下さい。

フォント変更している方、返答お待ちしております。

いろいろ勘違いがあるかと思います。
まず(ブラウザの)デフォルトのフォントサイズは16pxで、Simplicityも何もしなければ16pxになります。しかしサイトで大きくされている部分はptなので、デフォルトより大きくなります。
つまり14pxと言われていたのは、14ptになってます。

14pt は 18.66px です。

なので子テーマで、

.article {
  font-size: 18.66px;
}

と書けばいつものサイズかと思います。これはarticle内に効果が及ぶので、記事だけなら、

.entry-content {
  font-size: 18.66px;
}

でも良いかと思います。全体的に変えたい場合は、bodyタグに対してフォンサイズを指定して下さい。その場合は文字サイズによる何かしらのはみ出しとかレイアウトが若干問題が出る場合があるので注意して下さい。

ちなみに言われている「ブログを書いている画面」は投稿画面です。あるいはそのまま投稿ページ、固定ページと言ってもらえればわかります。

通常、ブログを書く画面は編集画面です。また何か質問される際にも混乱が起きないように覚える方向でお願いします。

また文字だけだと今回のように混乱が起きます。フォーラムの注意事項にもあるように、サイトアドレスを公開してもらうか、スクリーンショットをとってもらえれば比較的速く解決できます。たとえその場合、質問の内容や使われている言葉が違っても見ればある程度推測できますので、なるべく問題が出ているページのアドレスとスクリーンショット、あわせて具体的な質問内容が重要だということをご理解ください。

混乱を招くような発言をした記憶はないのですが、結果的に招いていたのなら申し訳ありません。

>>また文字だけだと今回のように混乱が起きます。フォーラムの注意事項にもあるように、サイトアドレスを公開してもらうか、スクリーンショットをとってもらえれば比較的速く解決できます。

URLだけでは足りなかったのですね。勉強になりました。

>>ちなみに言われている「ブログを書いている画面」は投稿画面です。あるいはそのまま投稿ページ、固定ページと言ってもらえればわかります。

わかりました。

ありがとうございました。

追記
テーマ編集終わりました。
プレビュー表示させると、文字の変更が確認出来ました。
ですが、編集画面には反映されませんでした。
画像も張っています。
ＵＲＬ：http://wp.me/P7uBFk-4s

内容がわかりました。

つまりは、ビジュアルエディターで編集する際に、Simplicityの表示と同じにしたいがそうならないというようなことですね？

上手くいくかはわかりませんが、editor-style.cssと言うのが子テーマにあると思います。ここに子テーマstyle.cssあたりのスタイルをインポートすればよいのではないかと。

@import url(子テーマのパス);

か、投稿画面での表示が前レスのもので問題なければ、editor-style.cssに
同じように書けば良いかと思います。子テーマに書いてあるならインポートが早いですね。基本僕はビジュアルエディターを使わないので、あんまり詳しくありません。
カスタマイザーでもonにするとかの操作が必要かも知れませんね。

ここらはまたわいひらさんが詳しく説明してくれるでしょう。

>> URLだけでは足りなかったのですね。

例えばサイトのアドレスがわかっても、今回のように普通に16pxで表示してあって、見た目に問題がない場合は、どこに問題点があるのかはわかりません。なので、問題が出ているであろうページとその詳細が必要なわけです。
編集画面は第三者が入れませんから、尚更スクリーンショットとその詳細が必要です。つまり答える側の人が同じような状態にならないと(あるいは状態が特定できないと)問題点の解決方法が提示できないというようなことなわけです。

出せる情報は出し惜しみ無く出してもらうのが良いです。

誤解を招くというのは、最初の質問で12pxになっていると書いてある点です。それを14pxに直している、で、僕らがサイトを見ると(といっても全体をくまなく探すわけではないので、トップのリストとそこから記事を見る程度ですが)、特に問題点はないと言う風に捉えます。12pxの所が見当たらないわけですから。で14pxに直しているとあっても直した形跡もないとなると、どこに何が？と言うのがわかりません。

ブログを書いている画面、これは今回の場合は言われている通りでしたが、どんなモードで書いているのか、どの部分の文字が小さいのかもわからないまでも、僕は何となしに編集画面のことかどうかを訪ねています。そこで、問題のスクリーンショットがあれば、よりわかるという寸法です。

内容が上手く捉えられていないと想像で思いつく原因をまず潰していくことから始める感じの手順を取るので、まずはキャッシュのクリアやプラグインの停止をまず言います。これは僕でもわいひらさんでも同じだろうと思います。

質問者はそれによって何も変わらないと言われるのはわかりますが、ムダな手間を取らないためには確実にその原因につながる情報を提示していただくしか方法はないかと思います。

pxとptの言い間違いもこの会話のもつれの原因であると認識しております。
すいませんでした。

>>つまりは、ビジュアルエディターで編集する際に、Simplicityの表示と同じにしたいがそうならないというようなことですね？

はい。そうです。

editor-style.cssに
.article {
font-size: 18.66px;
}
と張り付けても変化はありませんでした。

>>上手くいくかはわかりませんが、editor-style.cssと言うのが子テーマにあると思います。ここに子テーマstyle.cssあたりのスタイルをインポートすればよいのではないかと。

@import url(子テーマのパス);

子テーマパスというのは
@import url(/var/www/html/example/wp-content/themes/Simplicity2 child02/style.css);
このような形で良かったでしょうか？
子テーマのパスを自分なりに調べてみたのですが。
これでよければ、編集画面に変化はありませんでした。

寝ログの記事を読むと

body#tinymce.wp-editor h2{
  background-color: red;
}

こんなことが書いてあるので、

body#tinymce.wp-editor p{
  font-size: 18.66px;
}

とかでいいんじゃないでしょうか。編集エリアに何かしら入力してみて、変えたい所で右クリックし、どんなセレクタが入っているかがわかれば、それに合わせたら良いかと思います。

おそらくeditor_style.cssに書くなら、

body.mceContentBody {
  font-size: 18.66px;   
}

でも試してませんがイケると思います。

body#tinymce.wp-editor p{
font-size: 18.66px;
}

body.mceContentBody {
font-size: 18.66px;
}

試してみたのですが、変更はみられませんでした。

cloud9でさっくりやってみましたが、サイズ変わりましたよ。

参考画像

ちなみに、

body.mceContentBody {
  font-size: 18.66px;
}

こちらでいけるか試していたので、このスタイルでいけるのが確認されました。

比較用に、16pxと18px入れましたが、これはテキストモードで入れました。

サーバー、あるいはプラグイン等でキャッシュプラグインまたキャッシュが動作している場合は、キャッシュを削除して下さい。cssやjavascript,HTMLは長期キャッシュされる類のものですので、何かしら変更したら必ずキャッシュを削除するのと、何かしら作業する時はキャッシュさせないというのが必須です。

特に管理画面と言うのはバージョンアップごとにしか変化がないところですからキャッシュの格好の的です。

キャッシュや、キャッシュプラグイン、ブラウザのキャッシュ等を削除されても尚問題がある場合は、内部のことなので外からは見えないこともあり原因はつかめませんが、普通にeditor_style.cssにスタイルを入れるだけで反映されるというのは確実です。

>>Hidekichi

動作しました。
キャッシュが関係する事は前のトピックでも言われていたのに、キャッシュの削除してもせんでした。
すいません。

私の伝え間違いから、長々と大変ご迷惑をおかけしました。
本当に助かりました。