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

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

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

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

 

スポンサーリンク

 

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

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

※2018年6月6日現在、AFFINGER5WINGでは「めんどうくさいこと」をしないと変更できない仕様になっているようです。

 

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に変更を加えなくて ...

 

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


ランクアップに応援ください
にほんブログ村 ライフスタイルブログ 暮らしを楽しむへ 人気ブログランキング
  • この記事を書いた人
  • 最新記事

sorayori

昭和半ば生まれのおじさんです。妻と娘と猫と金魚と東京・吉祥寺にひっそり暮らしています。息子夫婦に孫娘ちゃんもいます。くらしとデジタルとこころにうるおいをお届けしたいと思っています。

人気の記事

1

最近ココナッツオイルがブームとかで、我が家にも常備されるようになりました。朝食のパンやサラダだけでなく、コーヒーに溶いて飲むというようなことをしています。たおやかな甘さが口の中に広がり、南国パラダイス ...

horeizaiinhair 2

  本格的な夏がもうすぐやってきます。みなさん暑さ対策、熱中症予防はどのように工夫していますか。 うちの娘ちゃんによると、ポニーテールが結べるくらいの髪の長さがあれば、かんたんでとってもよい ...

12本体アップ 3

  いったいどれほどの方に役立てていただけるかまったく自信がございませんが、ニッチな話題が好きなそらよりは今回噴霧器のレビューを書くのであります。(2016年5月8日追記 「使用後の洗浄」に ...

hanazo 4

「花ぞ」の花は梅 東進の「全国統一中学生テストTVCM」で、先生が板書をしながら生徒に注意をうながします。 「この、花ぞの花は梅だからな」 すると一人の生徒が手を挙げ質問します。 「なぜ桜じゃなくて梅 ...

rakuchinpack01 5

  キッチン用保存容器の条件とは お料理上手の条件は段取り上手。手にヨリをかけて作ったせっかくのご馳走も冷めたり、伸びたりしては台無しです。美味しいものを美味しいうちにテーブルに並べるには、 ...

leplus01 6

  いままで900円台のイヤフォンを使っていた輩が、音がどうのこうのと申し上げるのは誠に恐縮なのですが、いやハイレゾイヤフォンの音の良さったらすごかったです。   スポンサーリンク ...

aircon_kojihikomi 7

  もう20年近く使ってきたエアコンが、この夏動かなくなりました。エアコンの買い替えはシーズンが替わる11月、それも水曜日が安いと耳に挟んだので、このたびちょい古な2016春夏モデルを購入し ...

EGT260DX01 8

50対1を守らないとどうなるか? 新規に購入した草刈機の最初の使用時に、間違って25対1の混合燃料を入れてしまいました。因果関係は不明ですが、エンジンが掛かりません。 こうした状況について推測できる範 ...

パスワード作成 9

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

pdfedit 10

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

スプレー容器 11

春夏秋冬、汗っかきさんにとって気を緩めてよい季節なんてありませんよね。朝夕と昼の温度差が激しかったりしようものなら、うっかり服装のチョイスをまちがえ、外出先で大汗をかくということしばしばです。 そんな ...

sentakki_door03 12

  歳の瀬に朝から困ったことが起きました。洗濯機のドアが開かなくなってしまったのです。 2008年に購入したPanasonicのドラム式洗濯機NA-VR1200Lという機種です。購入してから ...

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

Copy Protected by Chetan's WP-Copyprotect.

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