【AFFINGER】トップページの記事タイトルの文字のカスタマイズ方法

2022年1月9日

【AFFINGER】トップページの記事タイトルの文字のカスタマイズ方法

 

ブログのトップページの記事のタイトルが他のコンテンツに重なってしまって、お互いの要素に干渉してしまっているのはどうやって改善したらいいのかな…?

 

 

今回は上記に記載しているような問題を解決していきます。

 

WordPressテーマ「AFFINGER」のトップページの記事タイトルの「文字の大きさ」や「行間の高さ」の調整方法について解説になります。

 

「AFFINGER」をご使用している方は共感していただけると思いますが、アフィンガーはとても幅広くカスタマイズがテーマないで行えるワードプレステーマです。しかし、細かいところまで設定をしようとすると設定方法が分からない時も…

 

そういった、まだ設定を覚えきっていない人にとっては、参考になる記事度と思うので、ぜひ参考にしてみてください。

 

こんな人におすすめ

  • 「AFFINGER」の初心者〜中級者
  • 「AFFINGER」を使用中で、トップページのカスタマイズをしている
  • 記事タイトルの調整がうまくいかない

 

参考となる記事

参考【AFFINGER6】トップページのカスタマイズ方法

続きを見る

 

参考【AFFINGER6】投稿記事・ブログカードのカード内に文を表示させる抜粋設定について

続きを見る

 

[st-myblock id="4661"]

 

トップページの記事タイトルについて

pc、blog

今回カスタマイズしていきたい箇所はトップページに表示される記事のタイトルです。まず、どのに位置するものかと言いますと、以下の赤枠のエリアの文字を指します。

 

「カード」のデザインをした記事タイトル

トップページ記事タイトル1

 

タブ切り替え機能を利用した記事タイトル

トップページ記事タイトル2

 

それぞれ、サムネイル画像の横や下に表示される記事タイトルの調整を行なっていきます。

 

デスクトップでの表示は問題ない方も多いかと思いますが、「スマホでの表示」や「固定ページでカスタマイズ」されている方にとっては、かなり大事な設定箇所になってきます。

 

ただ、全てAFFINGERの設定画面でカスタマイズが行えるので、かなり簡単に調整可能です。

 

トップページの記事タイトルの大きさ調整

pc

 

それでは、記事一覧に表示される「記事タイトル」のフォントサイズの変更をおこなっていきます。

 

デスクトップのフォントサイズの変更について

作業1.  WordPress管理画面より、「AFFINGER管理」→「全体管理」→「フォントのサイズ」を選択しましょう。

 

 

作業2.  「フォントのサイズ」の管理画面より、「PC(960px以上)閲覧時」の項目の変更をおこなっていきます。

 

ポイント

トップページなどで表示される画像のサムネイルと記事タイトルは「記事一覧」の項目にて設定ができます。

 

作業3.  サイズ」と「行間」を変更してみましょう。設定が完了したら「Save」を選択して、設定の保存を忘れないようにしておきましょう。

 

 

ポイント

サイズは「文字の大きさ」、行間の高さは「文字と文字の縦のスペース」どれぐらい入れるかの設定になります。

この項目の設定は、他にも記事タイトルや記事内の文字の大きさ、見出しタイトルの大きさや行間の変更が行えます。

 

スマホ・タブレットのフォントサイズの変更について

作業1.  同じように作業をおこなっていきます。WordPress管理画面より、「AFFINGER管理」→「全体管理」→「フォントのサイズ」を選択しましょう。

 

 

作業2.  「フォントのサイズ」の管理画面より、「スマホ(~599px)閲覧時」「タブレット(959px~600px)閲覧時」の項目の変更をおこなっていきます。

 

 

設定方法はデスクトップのものと同じなので、設定保存後に実際の自分のサイトを確認してみましょう!

 

スマホ用のレイアウトも整えるだけでかなりいい感じになりますよ!

まとめ

以上「AFFINGER」のトップページの記事タイトルの文字・行間のカスタマイズ方法でした!

 

作業お疲れ様でした!

 

参考となる記事

参考【AFFINGER6】トップページのカスタマイズ方法

続きを見る

参考【AFFINGER6】投稿記事・ブログカードのカード内に文を表示させる抜粋設定について

続きを見る

 

 

\ 当ブログ使用テーマ /

  • 誰でもかんたんにオシャレデザイン
  • インフォトップ月間総合ランキング第1位
  • SEO対策と広告収入UP機能を標準装備!

 

初心者から有名ブロガーまで愛用されているSEO最強テーマ(14,800円)。下記のボタンから購入で、今なら5,000円相当のプラグインが無料でついてきます。

 

AFFINGER6の購入はこちら

  • この記事を書いた人

ANZU

ブログで毎日コツコツ積み上げ|ITスキルとライフハックをアウトプット|プログラミングも独学中|より良い学びと習慣のノウハウを発信| 詳細はブログに掲載していきます。

-AFFINGER
-,