カテゴリー
エッジプラス1テンプレートの質問

E004フォントサイズの変更

ご利用のテンプレート:E004
ご利用のサーバー:Xサーバー
お客様のスキル:HTML・CSSくらいなら編集できる
ご質問内容:

お世話になります。
E004のテンプレートを使用中ですが、コンテンツ部分のフォントサイズの変更方法がどうしても分かりません。
現状body が12pxのようですが、CSS全体を見てもこの記事部分フォントサイズを制御するタグが見当たらなく、
変更方法を教えて頂ければ幸いです。

「E004フォントサイズの変更」への3件の返信

お世話になっております。

サイトの中のフォントサイズはそれぞれのコンテンツによってサイズの指定がしてあります。
それと、レスポンシブなのでスマホ・タブレット・PCで表示される時のサイズもそれぞれ指定してあります。
指定がない部分はbodyのcssの12pxが適用されます。

例えば、ランキング枠の中の文字ですと、
キャッチコピーの部分のテキストは、
スマホとタブレット表示 → 110%(bodyの12pxに対してのパーセンテージ)
パソコン表示 → 14px

キャッチコピーの下のテキスト
スマホ・タブレット・PCの表示 → 100%(bodyのフォントサイズcssが12pxなので、100%で12pxになる)

などなど、リードのテキストサイズや他のコンテンツ(商品一覧やピックアップなど)すべてに
スマホ・タブレット・PC用のサイズが指定されています。

下層ページ(記事投稿)のテキストサイズを変更したいのであれば、
それならプラグインを使えば簡単に変更できますが、
スマホ・タブレット・PCすべて同じサイズになります。
(※ スマホ・タブレット・PCそれぞれのサイズを指定できない)

それでよければ、「TinyMCE Advanced」というプラグインがおすすめです。
記事投稿エディタの拡張ができます。
拡張するとテキストサイズを変更する項目がでてきます。
プルダウンメニューで変更できるようになります。

ご返信ありがとうございます。
質問の仕方が曖昧でした。

「bodyの12pxの部分」はどこに記載されているでしょうか?

これを16pxにしたいのですが、style.css内にて見つけることができませんでした。

どうぞ宜しくお願い致します。

お世話になります。

すみません。一部間違えていました。
bodyにフォントサイズが書かれていると記載しましたが、
何もしていしなければ相対サイズになるので記述していませんでした。

style.cssの54行目あたりのbodyに「font-size: 12px;」を追加すれば
一応はcssが適応されます。

ですが、先ほどの返信で「bodyのフォントサイズcssが12pxなので、100%で12pxになる」と
返信していましたが、
ここが少し間違っていて、bodyで指定されているフォントサイズに対してのパーセンテージではなく、
ブラウザの文字基準サイズに対する%の値(相対サイズ)のようです。
※ 相対サイズ(見る側の画面サイズなどに合わせてサイズが決まる)

bodyのフォントサイズを大きくしても、
サイト全体のフォントサイズが大きくなるわけではないようです。

コンテンツそれぞれのcssを変更しなければ、文字サイズは変わりません。

ちなみにフォントサイズをパーセンテージで指定してる場合は、
ブラウザの設定に対しての相対サイズなので、
ブラウザの文字のサイズを大きくしてる場合ば大きく表示されますし、
小さく設定している場合は小さめに表示されます。

パソコン表示の時、ほとんどの場合はブラウザの設定などは変更しないことが多いのではないかと思います。
その場合、パソコン表示の基本は基本12pxになってる?(← すみません、ここ勉強不足なのでハッキリしたことがわかりません)
のだと思います。

ですが、テンプレート内のコンテンツはいろいろな部分がそれぞれサイズが指定してありますので、
その部分を変更しないとサイズがかわらない場合がほとんどです。

コメントを残す