PHASE2 LOG

主にIT関連・ゲームのログ

WordPressカスタマイズ~フォントと記事一覧の文字数~

   

Stinger6のカスタマイズメモです。

今回はフォントの変更と記事一覧の抜粋文字の文字数変更です。

他にも細かいとこを変えてみたりしましたが、そこは割愛。

 

(子テーマ…結局手をつけてないなぁ。。)

 

フォントの変更

 

Stinger6のデフォルトのフォントを使用していたのですが、

前々から興味があったWebフォントへ変えてみたくなったのでググりました。

 

それで、「Noto Sans Japanese」というWebフォントを発見!

使い方は下記を参考にさせていただきました。

WordPressでGoogleの日本語フォント『Noto Sans Japanese』を使う方法

 

CSSに追加するだけで、お手軽に変更できましたね~(´∀`)

 

デフォルトに比べるとかなりオシャレになった気がします!

ただ、私のスマホ(Xperia Z5 Android6.0 Chrome)では今まで通りのフォントのままになってたので

スマホにも適用できるのか?という点はまた別でそのうち調べたいです。

 

記事一覧の文字数

 

記事一覧の抜粋している文字が以前は1行となっていました。

たとえば「続きを読む」タグを入れると、1行に入り切らない場合に「…」で表示されてしまったり。

 

設定方法を探して下記を参考にやってみました!

Stinger6 トップページとサイドバーで抜粋文字数を変える

 

もともと40文字だっとものを、上記の方法で100文字に変更しました。

 

すると、省略されていた文字が現れました!

stinger-length

 

今まで適当にMoreタグ入れてた記事直さなくちゃ(笑)

これで無理に冒頭の文字を1行にしようとしなくて済みますねw

 

今回の主な変更は以上です。また時間があるときに色々試してみたいものです(´∀`)b

今度はBefore & After撮るようにします;;

 

 

 

人気ブログランキング

 -