スマホ料金を約70%安くする方法

ドケチの格安SIM

AFFINGER

【AFFINGER】サイドバー見出しの文字サイズを変更する方法

AFFINGERのサイドバーの文字サイズ変更

 

当ブログはWordPressで作成しており、有料テーマの「AFFINGER5(WING)」を使用しております。

 

しかし、このAFFINGERはデフォルトのままだと、サイドバーの見出しの文字サイズが小さいんですよね。

 

というわけで、試行錯誤の末に文字サイズを大きくすることができましたので、その経緯と変更方法を公開します。

しぶちん
ぜひお役立てください!

 

デフォルトだとサイドバータイトルの文字が小さい…

サイドバーウィジェットのタイトルの文字サイズは、デフォルトだとこんな感じです。

 

サイドバーの文字

 

当ブログの場合、メニューの文字サイズをカスタマイズして大きくしていることもあり、よけいに小さめに見えてしまいます。

 

しかし、サイドバーの見出しの文字を大きくしたくても、設定には文字サイズを変更できる項目はありません。

 

となると、当然CSSのカスタマイズで何とかする必要があります。

 

CSSの知識がないのでWebを検索することに

最初にことわっておきますが、筆者のしぶちんはCSSの知識がまったくと言っていいほどありません(笑)。

 

なので、カスタマイズが必要になると、そのつどWebを検索して方法を探しています。

 

というわけで、今回もそのパターンでWebを検索してみました。

 

それらしき方法が見つかったものの…

Web上を検索してみると、以下のようなカスタマイズ方法が見つかりました。

 

方法が見つかったが…

 

子テーマの「style.css」に上記のコードを追記すればOKということでしたので、試してみることにしました。

 

追記してみたけど、なぜか反映されない!?

WordPressダッシュボード→外観→テーマ→テーマの編集→子テーマのスタイルシート「style.css」を開いて、最下部に先ほどのコードをコピーして追記してみました。

 

コードが反映されない

 

が…以下のようにまったく変化がありません。

サイドバーの文字

「font-size」の数値を変更してもまったく変化がないので、コード自体が効いていないということのようです。

 

参考にしたWebの記事の日付が2017年のものだったので、ひょっとしたらAFFINGERの仕様変更などでコードが通用しなくなったのかもしれません。

 

他にもいろいろ検索してみましたが、AFFINGER用として見つかったのは同じカスタマイズ方法だけでした…。

 

親テーマを確認してみると意外な発見が!

ほとんどCSSの知識がない筆者にとっては、この時点でほとんどお手上げ状態…。

 

ですが、ここで諦めるのは悔しいので親テーマの方の「style.css」を確認してみることに。

 

サイドバーの見出しに関するコードがあった

親テーマの該当箇所

すると、上の写真のように「サイドバーの見出し」という箇所が見つかりました。

 

見てみると、フォントサイズについてのコードのようです。

 

知識に乏しい筆者は、必死に頭を使ってこう考えました。

 

「このコードを子テーマの「style.css」にコピペすればいいのでは…」

 

該当箇所のコードを子テーマにコピペしてみたら見事に解決!

 

というわけで、親テーマで見つけた上記のコードをコピーしてさっそく子テーマの「style.css」に貼り付けつことにしました。

 

追記結果がリアルタイムで確認できるように、WordPressダッシュボードの「外観」→「カスタマイズ」→「追加CSS」を開いて追記します。

 

blank

↑WordPressダッシュボードの「外観」→「カスタマイズ」をクリック。表示されたメニューで「追加CSS」をクリックします。

 

↑親テーマでコピーしたコードを最下部に貼り付けます(よく分かっていないのでおそるおそる…)。

 

すると、何と以下のように文字サイズが大きく変化しました!

サイズの変更

 

「font-size」の部分の数値を変更すれば、文字サイズを小さくしたり大きくすることができますので、お好みで調整しましょう。

 

反映結果に問題なければ、追加CSS画面右上の「公開」をクリックして設定を保存しましょう。

変更の保存

 

何だかよくわからないけど、めでたしめでたし(笑)

正直言って、この方法でなぜ改善されたのはよく分かりません(笑)。

 

コードに「not」が含まれているので、親テーマの該当コードが読み込まれないようになっているのかな…という感想なのですが…。

 

いずれにしても、これでめでたくサイドバーウィジェットの見出し文字サイズを自由に変更できるようになりました。

 

AFFINGERユーザーでサイドバー見出しの文字サイズを変更したい人はぜひ参考にしてみてください!

 

以上、AFFINGERのサイドバー見出しの文字サイズの変更方法をお届けしました。

 

なお、AFFINGERに興味がある方は以下から詳細をご覧ください。

 

\SEO最強のWordPressテーマ/

「AFFINGER5」はコチラ

 

2020年の最新キャンペーン情報まとめ
【2020年毎月更新】主要20社の格安SIMキャンペーンをまとめて比較

続きを見る

おすすめの格安SIMベスト3

企業の信頼性、料金体系、サービス内容など、管理人が自信を持っておすすめできる格安SIMです。

mineo(マイネオ)

mineo(マイネオ)
  • 関西電力の関連会社であるケイ・オプティコムが運営
  • ドコモ、au、ソフトバンクのトリプルキャリアに対応
  • 「フリータンク」「マイネ王」などの個性的なサービスが充実

IIJmio

IIJmio(みおふぉん)
  • ドコモとauのマルチキャリア対応
  • ファミリー向けのプランが強い
  • 2年以上の継続利用でオプション無料などの特典がある

OCN モバイル ONE

  • 安心のNTTグループ企業が運営
  • 音楽系アプリの通信量が使い放題の「MUSICカウントフリー」が無料
  • 無料で全国8万ヶ所のWi-Fiスポットが使える
  • この記事を書いた人
blank

しぶちん

出版業界歴19年のITライター&編集者。スマホ代を約70%節約できる「格安SIM」を完全自腹でレビューしています。 各種お問い合わせ、お仕事依頼などは、こちらからどうぞ!

-AFFINGER

Copyright© ドケチの格安SIM , 2020 All Rights Reserved.