【AFFINGER5】フォント(文字)の色やサイズを変更する方法はこぶWEB3.0・アフィリエイト・ブログなどを愛する中学生ブロガーです。小5でビジネスを学習→小6からブログを1年継続→月間1.7万PV・収益5桁を達成。普段はWEB3.0を学びつつ、ブログを運営しています。2021年7月17日こんな方におすすめAFFINGER5のデザインをカスタマイズしたいフォントの色やサイズを変更したいブログサイトは、フォントだけでも記事全体の雰囲気が変わり、見にくくなることもあります。今回紹介する方法でテキストリンクや本文を見やすくカスタマイズしましょう。いうことで、今回はAFFINGER5の文字(フォント)のデザインをカスタマイズする方法について解説します。まとめAFFINGER5で文字(フォント)のデザインをカスタマイズする今回解説するのはフォントのデザインについて以下の2つです。文字のサイズ&行間それでは順番に解説します。一つ目は、本文の文字やテキストリンクの色をカスタマイズする方法です。設定範囲を広げる記事内リンク色(テキストリンク)マウスオーバー時(ホバー時)透明度を下げる設定できるのはこの5つです。試しにカスタマイズしてみましょう。「ff0000」に設定すると真っ赤になりましたね。『範囲を広げる』にチェックを入れると以下のように抜粋文やタイトルも色が変更されます。下の項目ではテキストリンクのデザインもカスタマイズできます。青っぽい色にするとクリック率が上がるのでおすすめです。カスタマイズしたら右上の『公開』をクリックすれば完了です。文字のサイズ&行間も、AFFINGER5の設定で簡単に変更できます。管理➡︎デザイン』を開いてください。下の方までスクロールするとフォントをカスタマイズする項目が表示されます。設定できることフォントのサイズフォントの種類この二つが設定できます。フォントのサイズ記事コンテンツ内のフォントサイズや行間を画面の大きさ別(機種別)にカスタマイズできます。全て変更してもややこしくなるので、僕はPC閲覧時のフォントサイズだけ調節しました。デフォルトだと以下のような設定になってます。26フォントサイズの基本は15〜18px程度がおすすめですね。フォントサイズの設定は以上です。続いて、一つ下の項目ではフォントの種類をカスタマイズできます。「全体のフォント」「記事タイトル・見出し(h2〜3)・ウィジェットボタンなど」の二つに分けて設定ができます。Sans游ゴシック遊明朝リンクをクリックすればデザインを確認できます。他のフォントを使用したい場合は、『その他』にCSSを入力してください。設定ができたら下にスクロールし、「save」をクリックしましょう。まとめ今回はAFFINGER5でフォント(文字)のデザインをカスタマイズする方法について以下の二つを解説しました。文字のサイズ&行間AFFINGER5を使うと簡単にカスタマイズができて便利ですね。インストールしていない方は是非こちらからどうぞ。/今すぐAFFINGER5を購入!【特典】「STINGERタグ管理プラグイン3」無料プレゼント中!というわけで、今回はここまでです。最後まで読んでいただきありがとうございました。続きを見るPostShareHatenaLINE-AFFINGER6-AFFINGER5author関連記事AFFINGER6【AFFINGER5】CSSでアーカイブのデザインをカスタマイズする本記事では、CSSをコピペしてAFFINGER5のアーカイブのデザインをカスタマイズする方法について、次の3つのデザインを解説しました。CSSのコピペでできるので、AFFINGER5の初心者にもおすすめです。AFFINGER6【結論】AFFINGER6がSEOに強くない3つの理由【本質は文章にある】このような疑問に、AFFINGER6を愛用している僕が答えます。結論、AFFINGER6はSEOに強くありません。僕は1年ほどつかってますが「すこ〜し強いのかな?」くらいです。...AFFINGER6【サンプルあり】AFFINGER6を利用している3つのサイト例【アフィンガー6】このような疑問に、AFFINGER6愛用者の僕が解説します。...AFFINGER6【コピペOK】AFFINGER5でドロップダウンをカスタマイズする本記事では、CSSをコピペしてAFFINGER5のドロップダウンのデザインをカスタマイズする方法を次の3つを解説しました。初心者にもわかりやすく解説します。今回は、AFFINGER5でFontAwesome5を使う方法を、次の2つに分けて解説しました。AFFINGER5で、FontAwesomeのアイコンが使える裏技です。本記事では、CocoonからAFFINGER5への移行を考えている方向けに、CocoonとAFFINGER5を比較しつつ、AFFINGER5がおすすめな理由を解説します。移行を考えている方のためにAFFINGER6に移行する方法も解説します。Us(アモングアス)で日本語&濁点のチャットをする3つの手順iOS,iPadOS14でゲーム「パスカルの賭け」がキーボード&マウスに対応はこぶWEB3.0・アフィリエイト・ブログなどを愛する中学生ブロガーです。小5でビジネスを学習→小6からブログを1年継続→月間1.7万PV・収益5桁を達成。普段はWEB3.0を学びつつ、ブログを運営しています。>当サイトはリンクフリーです当サイトへのリンクは許可なく貼ることができます。スクリーンショットも引用元のURLを貼っていただければ問題なしです。記事にPRが含まれてる場合があります。