WordPress

AFFINGER5(WING)ver20180613以降の見出しフォントを細く!記事一覧抜粋文を小さく!

投稿日:2018年6月23日 更新日:

AFFINGER5(WING)はver20180613において、前回の大型アップデートver20180521β版を吸収し、リニューアル正式版としてリリースされました。

そらよりブログではver20180417以来のアップデート採用です。その際、これまでのデザインを踏襲するため、いくつかの修正を行いました。

ついては見出しのフォントスタイルや記事一覧の抜粋文のフォントサイズの変更方法についてシェアします。「見出しの太さをボールドからノーマルに変更する方法」「記事一覧の抜粋文のサイズを小さくする方法」でお困りの方は必見です!

 

段落本文や見出しのフォントサイズはAFFINGER5管理で

ver20180521β版からフォントサイズはダッシュボード>「AFFINGER5管理」>「デザイン」で変更する仕様となりました。

たとえばそらよりブログは2018年6月23日現在、つぎの数値[1]設定しています。全体的にちょっと大きめです。

 

affinger5wing180613_05

またフォントファミリーも、子テーマのstyle.cssを変更しなくても[2]で旧テーマ版に戻せるようになりました。

ちなみに旧テーマ版とは

"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "MS Pゴシック", sans-serif

のフォントファミリーです。

そらよりブログでは、美しくWeb上で見慣れたこちらを好んで使用しています。

 

記事のフォントの太さを変える

フォントを全体的に大きく扱っているため、投稿記事や固定記事でデフォルト指定されている記事タイトルと見出しのBold(太い)はNormal(普通)にstyle.cssで変更しています。

以下のタグがそのままご利用いただけます。※個別に変更しやすいようにh1,h2,h3を分けてタグ表記しています。

 

これによりたとえば投稿記事は以下のような表示となります。画像は実際の縮小サイズです。

affinger5wing180613_03

affinger5wing180613_04

 

記事一覧の見出しフォントの大きさ、太さを変える

またトップページの投稿記事一覧も以下のタグで見出しフォントの大きさ、太さを変更しています。

 

これによりたとえば投稿記事一覧は以下のような表示となります。画像は実際の縮小サイズです。

affinger5wing180613_01

 

抜粋文の文字数変更の設定は場所が変わった

なお投稿記事一覧での抜粋文の文字数はver20180521β版からダッシュボード>「AFFINGER5管理」>「デザイン」>「抜粋設定」で変更する仕様となりました。

以前は「おすすめ記事」にあり、Googleに検索をかけても変更の事実が上位にヒットしないので、迷われる方が少なくないと思います。

affinger5wing180613_06

 

記事一覧の抜粋文を小さくしたい

さらにそらよりブログでは記事一覧の抜粋文をデフォルトよりも小さく設定しました。

以下のタグを子テーマのstyle.cssに書き加えています。

 

これによりたとえば投稿記事一覧は以下のような表示となります。画像は実際の縮小サイズです。

affinger5wing180613_02

 

以上「AFFINGER5(WING)ver20180613以降の見出しフォントを細く!記事一覧抜粋文を小さく!」でした。

フォントの大きさと太さのバランスはデザインの印象を大きく左右します。デフォルトのテーマからさらに自分好みのデザインを追求したい方は、ぜひご活用ください。

なおさらに細かい部分、古いバージョンのAFFINGERの文字変更については、こちらの記事が役にたつかもしれません。よろしかったら併せてご参考になさってみてください。

affinger4title
AFFINGER4の記事タイトルや見出し、段落、ぱんくず、カテゴリー、投稿日の文字(フォント)と色を変更したい!

続きを見る

 

スポンサーリンク

スポンサーリンク

スポンサーリンク

お役立ち記事

171106twittertsuchi2 1
pdfedit 2
Twitterスパムアイキャッチ 3
photo_gallery10 4
spotify_1807 5
ipodアイキャッチ 6
yahoo_auc_eye 7
プリンター250 8
Evernote新機能01 9
無線LAN04-2 10
zenfone_filedelete46 11
kensaku05 12
googlesite02 13
spotify_sf_size01 14

-WordPress
-

Copyright© IT-SORAYORI , 2018 All Rights Reserved.