【ColorMag】のフォントをカスタマイズ

a-07

【ColorMag】と書きましたが、WordPress全体に通じる事です。テーマごとにclassの割り振りが面倒でどこの何を変えればカスタマイズできるのか分からない人もいるでしょうから、今回はフォントと言う形で説明して行きたいと思います。

【ColorMag】の子テーマの作り方

何も難しいことは無いんで、書くかどうか迷いましたが、基本は下記のようなコード

この書かれているfont-familyは自分の好みのものを選んで下さいね。私はフォントサイズは16pxとしています。場所によっては変更したい所もあるかと思うのでその時は、その場所を指定してフォントサイズを変えればいいだけです。

このコードの上(bodyの上)に変更したい場所を記入していく訳ですけど、別にstyle.cssとにらめっこしなくても良いんですよ。

スポンサーリンク

ブラウザの検証で直ぐに分かる

使ってますか?F12ボタンでもいいですけど、変えたいフォントの場所で右クリックで検証をすると一発で出てきます。

f12

部分的に変える

例えば、ウィジェットのフォントを変えたいのなら#secondary .widget-title,としてbodyの上に記入すればいいだけ。

例えばこんな感じになります

結構適当に記述していますが、bodyの上に変更したい場所を指定すればいいのです。

このコードが全てではありませんが大分ガタガタ明朝体は直るはずです。

おまけ【Read more】を【続きを読む】にする

別にそのままでもいいのですがね、これは好みの問題ですが日本語にしたい場合は、content.phpの下の方に

<a class=”more-link” title=”<?php the_title(); ?>” href=”<?php the_permalink(); ?>”><span><?php _e( ‘Read more‘, ‘colormag’ ); ?></span></a>

と記述があるので、赤い部分を続きを読むに書き直せばいいだけです。

スポンサーリンク

シェアする

フォローする

スポンサーリンク