この記事の内容
- アフィンガー５（Affinger5）のサイト名の大きさを変えたい
- アフィンガー５（Affinger5）のサイト名下の文字の大きさを変えたい
こういった疑問に答えていきます。
ここでこの記事を書く僕のことを紹介しておきます。
現役のフロントエンドエンジニアをしています。現在はWordPress開発の仕事もしてるので、この記事の信用度も増してると思います。
アフィンガー５（Affinger5）サイト名を自由な大きさに変更する方法
それではまず最初に
使用するコードがこれです。
サイト名の文字
header .sitename {
font-size: 26px;
}
サイト名下の文字
header .descr{
font-size: 14px;
}このcssを追加CSSに記載すると反映されます。
「font-sizse」を変更することで大きさを自由に変えれます。
アフィンガーのデフォルトは
サイト名：22px
サイト名下：13px
追加CSSの場所が分かればここで終了です。
追加CSSの場所
WordPressの管理画面には２箇所、CSSを追加できるところがあります。
どちらかに記載できればいいので
好きな方で記載してみてください。
１つ目
WordPress管理画面
↓
外観
↓
カスタマイズ
↓
追加CSS
ここに先程のCSSコードを書き、保存（公開）します。
２つ目
WordPress管理画面
↓
外観
↓
テーマエディター
↓
affingerの子テーマ（child）
↓
style.css
ここに先程のCSSを書いて「ファイル更新」します。
＠media~~~とありますが
そのカッコ（{）で囲まれた外に書いて問題ないです。
注意点
cssを追加するとき注意することがあります。
それは、アフィンガーの子テーマで編集することです。
必ず、子テーマを有効化してやってみてください。
親テーマで変更すると
親テーマの更新があって更新したタイミングで追加したcssはリセットされます。
以上！！
このブログでは随時
アフィンガー、ストーク、cocoonのカスタマイズ方法を書いていきます。
お困りのことがあれば
お気軽にお問い合わせください。
にぃやん
よき、ブログライフを。
