WordPressテーマLION MEDIAのフォントサイズ変更

WordPressテーマLION MEDIAのフォントサイズ変更

WordPressの無料テーマ

現在(2019年7月4日)このサイトで使用している、WordPressテーマはFITが提供している無料のテーマである【LION MEDIA】を使用しています。

このテーマは、サイトを立ち上げた時に30くらいのテーマを次々に入れ替えて試していた時に、たまたま入れてみて気に入った【LION BLOG】の姉妹テーマとでもいうべき物です。

どちらが姉でどちらが妹かはさておき、その名が示す通り【LION BLOG】はブログ向きな【LION MEDIA】は、通常のウエブサイト向きなレイアウトを持っています。

LION BLOG は格好いい

【LION BLOG】ではホームのタイトル下に大きな画像スペースがあり、サイトの顔となるような写真やイラストが容易に設定出来るのが特徴です。
非常にゴージャスな感じで、見た目が格好いいです。

それと、いろいろなテーマを試してみて気がついたのは、無料のテーマだと機能制限というか、ちょっと設定をしようとすると、これをしたかったら有料のこちらを使って下さいみたいな事が多くあったのですが、このテーマではそれが少ない気がしました。
それどころか、WordPress初心者の私がわからないなりに、いろいろ調べて、この機能はこのプラグインを導入して、こう設定をすると書いてある物を見つけて来たのに、実は最初からテーマに標準で設定機能が装備されているという事が何度かありました。

そういう、初心者向けの多機能さに加え、SEO的にも十分配慮された設計と表示スピードも速いとの評判通り、しばらく使って見ても満足度の高いテーマだと思いました。

LION MEDIA に変えた理由

私が【LION MEDIA】に変えたのは、10本ほど記事を書いて気がついたのですが、パソコンで表示した場合【LION BLOG】ではホームでの表示が、投稿記事が1列にしか並ばないため、ぱっとみで認識出来る記事数が少ないと言う事です。

訪れた読者の方に、少しでも他の記事も読んでもらえるように、目につく記事は多いほうが良いのではないかと考え、2列に記事が並ぶ【LION MEDIA】に変更して見ました。
基本的な設計は、レイアウトを除いて共通しているものが多く、引っ越しも案外楽でした。
カスタマイズの環境も共通しているので、移行してからの操作にも問題ありませんでした。

問題点と解決策

ただ一つだけ、【LION MEDIA】、【LION BLOG】に共通して問題だと思ったのが、文字が少し小さいという事です。

私の友人は最初から、JINという有料のテーマを使っているのですが、話を聞いてみると、JINには標準で文字の大きさを変える設定項目があるとの事でした。
さすがに、これは有料テーマでないと自由に設定出来ないのかなと思いましたが、検索してみると案外簡単に変更出来るのが分かったので、紹介したいと思います。

カスタマイズから一番下の追加CSSをクリックします。

ここに以下のコードを入力します。
そのままコピペしてもOKです。

body p {
font-family: arial;
font-size: 16px;
color:#16160e;
line-height: 1.6;
margin-bottom: 1.em;
}@media screen and (max-width: 768px){
body p {
font-family: arial;
font-size: 17px;
color:#16160e;
line-height: 1.6;
margin-bottom: 1.em;
}
}

これで、パソコンで見た時には16ピクセル、スマホで見た時には17ピクセルで表示されます。
大きさを変えたい場合は、font-size:のあとの数字を変えてみて下さい。

さて、このように満足度の高い【LION MEDIA】ですが、さらに多機能な【THE THOR】という名の有料版もあるので、興味がありますが、しばらくはこれで行こうと考えています。

WordPressラボカテゴリの最新記事