AFFINGER4で指定したフォントサイズのパーセントを元に戻したい

投稿日:2017年9月28日 更新日:

AFFINGER4でプラグイン「TinyMCE Advanced 」を使用するとフォントサイズの変更はパーセント(%)方式になっています。相対単位を用いることでレスポンシブ対応しており、AFFINGER4らしい親切設計です。

ところで、あれ、元に戻すとき、どうしてますか? 

 

スポンサーリンク

 

え?そんなめんどうくさいことやってたの?と逆に笑われてしまいそうですが、もしかしたら僕と同じように迷宮をさまよっている方がいるかもしれないのでシェアさせてください。

答えはとてもかんたんです。すぐ知りたい方はこちらをクリックしてこの記事の下段にジャンプしてください。

 

fontsize_percent

 

フォントサイズ変更たとえばこんなとき

fontsize_percent01

「テスト」という文言を250%に拡大するとします。

 

fontsize_percent02

大きくなりました。でも、問題はこれをもとのサイズに戻したいとき。

AFFINGER4でパソコン表示するときの「段落」の文字サイズはデフォルトでは15ピクセルです。

パソコンのフォントサイズの調べ方

ダッシュボード>外観>「テーマの編集」で、右上の「編集するテーマ」から親テーマ「AFFINGER4」を表示させ「選択」をクリック。下段までスクロールし「スタイル(style.css)」をクリックします。

表示されたコードの任意の場所をクリックし、Windowsなら「F3キー」で検索ボックスを表示。「PCサイズ」を検索表示させます。すると

「/*media Queries PCサイズ(960px)以上で適応したいCSS - PCのみ」

という文言が検索できるので、下にスクロール。「各フォント設定」の項で

font-size: 15px;

が確認できます。

しかし、先ほどの選択肢に「15ピクセル」はないし「100%」もありません。パーセントで無理やり選ぼうとすると「90%」あるいは「120%」。これでは元に戻せません。

そこで、こんなめんどうなことをやっていました。

fontsize_percent03

「テキストエディタ」モードにし<span style>で指定していたフォントサイズをいちいち消していました。

それがあるときひょんなことからもっとかんたんにできることを知ったのです。

 

もとに戻す方法はこれ

fontsize_percent04

サイズを変更した文言を選択すると上のボックスにそのパーセントが表示されます。それと同じパーセントを選択してやればいいだけでした。

そういえば「B」(ボールド)に指定したフォントを戻すときも同じようにもう一度選択すればよかった。基本操作なのに、ここはパーセントにとらわれ、すっかり忘れていました。

あなたはいかがでしたか? お役に立てたらうれしいのですが。

 

「段落」のデフォルトの文字サイズの変更はこちらをご参照ください

affinger4title
AFFINGER4の記事タイトルや見出し、段落、ぱんくず、カテゴリー、投稿日の文字(フォント)と色を変更したい!

AFFINGER4の文字(フォント)まわりのことを初心者向けに解説します。 文字の変更の多くはダッシュボード>外観>カスタマイズを利用します。ただ一部、style.cssに変更を加えなくて ...

 

ピックアップ記事(一部広告)


ランクアップに応援ください
にほんブログ村 ライフスタイルブログ 暮らしを楽しむへ 人気ブログランキング

人気の記事

gretel 1

  NHK Eテレの「グレーテルのかまど」(毎週月曜 午後10時放送)をご存じですか。瀬戸康史扮するヘンゼルが、しゃべる「魔法のかまど」(声:キムラ緑子)にさまざまなスイーツの作り方を教えて ...

パーティ開け11 2

  ポテチの袋、いつもどうやって開けてますか? 友達やパートナーとシェアして食べるとき、普通に開けたら、開封口の向きが気になって、ちょっと不便ですよね。横から手を入れるのも汚れて面倒。 つい ...

Twitterスパムアイキャッチ 3

  【1】Twitterの障害をチェック 検索できない、ツイートできない、プロフィールを編集できないなど、なんらかの不具合を感じたら、まずTwitterに障害が発生していないか、チェックして ...

photo_gallery10 4

  スマホのカメラが優秀で、いろいろ撮影しては外部ストレージのSDカードに保存しています。内部に保存したらメモリーがもったいないですからね。 また、たとえばこのブログ用の写真などはパソコンに ...

ipodアイキャッチ 5

2016年10月6日更新 iPodが同期できないとお悩みの方へ。WindowsのiTunesでVer.12.5.1.21を確認したところ、とっても簡単になっていたのでその方法をシェアします。 従来のタ ...

kensaku05 6

  とにかくGoogleが好きで、少しぐらいなら私の秘密を打ち明けてもよくってよ、と思ってるぐらいですから、当然検索エンジンも「既定」にGoogleを設定しております。しかし、これが突然Ya ...

掃除機ヘッド掃除アイコン 7

  今年も大掃除のシーズンがやってきました。お掃除道具が大活躍の季節ですね。でも、ちょっと待ってください。あなたのお家の掃除機、しっかり働ける準備はできていますか。 もしも吸い込み口のあるヘ ...

無線LAN04-2 8

  2階建てや3階建ての木造住宅で無線LANを使っている方。電波が途切れがちでいらいらしませんか。そらよりもじつはつい最近まで気がおかしくなりそうなほど頭にきていました。いや、それは大げさだ ...

EGT260DX05 9

  まずお断りしておきます。この草刈機にまったく罪はございません。すべてこのドシロートが誤った使い方をした結果、自ら不具合を招いただけなのであります。 結論から先に申し上げておきましょう。草 ...

sheet13 10

  フローリング用の定番お掃除道具といえばクイックルワイパー(c)ですよね。一時期、格安類似品を使っていましたが、取り回しが悪かったり、スティックが折れたり、不具合ばかりですぐ戻ったことがあ ...

hub02 11

  ネットワーク接続がすぐ途切れてしまうわが家の無線LANの不具合については、こちらの記事 2階3階建て木造住宅の無線LANルーター親機子機は「垂直配置」で間違いなし! で、すでに解決済のは ...

ikea_driver02 12

  2017年2月6日追記 「通りすがりの者」さんから次のご指摘をちょうだいしました。 イケアの家具に使われているプラスねじは「ポジドライブ」というイギリスの規格なので、日本のJIS規格のプ ...

パスワード作成 13

  パスワードがいくつもあって管理できない、と昔から言われ続けていますが、いっこうに改善される気配がありません。 でもパスワードを使う場面はますます増えています。 もしもご自分のパスワードの ...

pdfedit 14

無料で配布されているPDFビューア「Acrobat Reader(旧Adobe Reader)」はPDF文書の表示、検索、印刷、テキストやフォームの入力、注釈機能の使用が可能です。 しかし画像を挿入・ ...

-AFFINGER, WordPress, セレクトワード, モバイル&PC
-

Copy Protected by Chetan's WP-Copyprotect.

Copyright© そらより , 2018 All Rights Reserved.