【AFFINGER5】記事タイトル&見出しのデザインをカスタマイズするはこぶWEB3.0・アフィリエイト・ブログなどを愛する中学生ブロガーです。小5でビジネスを学習→小6からブログを1年継続→月間1.7万PV・収益5桁を達成。普段はWEB3.0を学びつつ、ブログを運営しています。2021年7月17日こんな方におすすめAFFINGER5の記事タイトルをカスタマイズしたい見出しのデザインを変えたい今回は、AFFINGER5の記事タイトル&見出しのデザインをカスタマイズする方法について解説します。AFFINGER5はCSSなしで簡単にデザインが変えられるので是非試してみてください。まとめAFFINGER5の記事タイトル&見出しをカスタマイズするまずは、管理画面を開いてください。次に『外観➡︎カスタマイズ➡︎各テキストとhタグ(見出し)を選択すると、以下のようになると思います。記事タイトルH2タグH3タグH4&H5タグこの4つを順番に解説します。参考にしていただけると嬉しいです。デザイン1:記事タイトルまずは記事タイトルからです。ちなみに僕の記事タイトルはこんな感じです。↓このくらいならCSSなしでもAFFINGER5の設定でデザインを作ることができます。それでは、カスタマイズの画面から「記事タイトル」クリックしてください。上の5つの項目で全体の色合いを設定できます。文字や背景、枠線をそれぞれ選びましょう。続いて、下の方にスクロールするとタイトルの基本スタイルの設定ができます。画像の上の「◉」のところは一つ、下の「」のところは複数の選択ができます。次の項目では背景画像が選べます。試しに以下の画像を設定してみました。色合いの問題で見づらくなってしまいましたね...。画像を上手に使えばオリジナルのデザインが作れるかもしれません。最後の「カスタマイザーのCSSを無効化」にチェックを入れると「追加CSS」に書き込まれた記事タイトルのCSSが無効になります。記事タイトルのカスタマイズは以上です。設定が完了したら、右上の「公開」をクリックすればサイトに反映されます。デザイン2:H2タグ続いてH2タグです。僕のH2タグのデザインは以下の通りです。↓こちらのデザインも追加CSSなしで作りました。それでは、「H2タグ」を開いてください。H2タグも記事タイトルと同じような設定ですが、「H2タグの基本スタイル」という項目が少し違います。「チェック(ボックスタイプ)デザインに変更」というスタイルが追加されています。それ以外は基本同じなので、記事タイトルと同じように設定しましょう。デザイン3:H3タグ次はH3タグです。僕のデザインはこんな感じ↓デザインは「H3タグ」からカスタマイズしましょう。設定はおそらくH2タグと同じだと思います。設定が完了したら「公開」をお忘れなく。^^デザイン4:H4タグ&H5タグ最後は、H4タグとH5タグです。設定項目が少なく、どちらとも同じ設定なのでまとめて紹介します。僕のH4タグは以下の通り。↓H5タグは使ったことがないのでデフォルトのままです。それでは、「H4タグ」の設定を開いてください。以下のような設定項目が表示されます。色をカスタマイズする項目が6つ➡︎3つになりましたね。サブカラーやグラデーションカラーがなくなりました。下のスタイル設定も項目が減っていますね。ちなみに、背景画像の設定項目はH2タグと同じでした。まとめ今回は、AFFINGER5の記事タイトル&見出しのデザインをカスタマイズする方法について、以下の4つを解説しました。まとめ記事タイトルH2タグH3タグH4&H5タグAFFINGER5を使うと見出しや記事タイトルのデザインが簡単にカスタマイズできますね。AFFINGER5を使ってないという方はぜひこちらからどうぞ。/今すぐAFFINGER5を購入!というわけで、今回はここまでです。最後まで読んでいただきありがとうございました。続きを見るPostShareHatenaLINE-AFFINGER6-AFFINGER5author関連記事AFFINGER6【断言】AFFINGER6で必要なプラグインは5つです。【アフィンガー6】このような、AFFINGER6を移行してプラグイン選びに迷っている方の疑問にAFFINGER愛用者の僕が答えます。...AFFINGER6【欠点あり】AFFINGER6にしかできないこと3選【使うコツを紹介】%どのWordPressテーマを買おうか迷ってるんだけど、AFFINGER6にしかできない独自の機能とかあるのかな?もしないなら、他のテーマでいい気がするけど..。このような疑問に答えます。FontAwesome5でアイコンを表示する方法【アフィンガー6】このような疑問に、AFFINGER6・FontAwesome5愛用者のぼくが答えます。結論として、AFFINGER6でFontAwesome5のアイコンを表示するには設定が必要です。...AFFINGER6【AFFINGER6】売れるアフィリエイト記事の書き方【アフィンガー6】このような疑問に、AFFINGER6愛用者のぼくが答えます。今回は、AFFINGER5の検索フォームのデザインをカスタマイズする方法について次の2つを解説しています。AFFINGER5に慣れてなくても簡単になので読んでいただけると嬉しいです。AFFINGER6【失敗した】AFFINGER6をEX版にアップデートする時の注意点【アフィンガー6】このような疑問に答えます。結論、EX版にアップデートするときの注意点は以下の2つです。【AFFINGER5】プロフィールを改行する2つの方法【即解決】はこぶWEB3.0・アフィリエイト・ブログなどを愛する中学生ブロガーです。小5でビジネスを学習→小6からブログを1年継続→月間1.7万PV・収益5桁を達成。普段はWEB3.0を学びつつ、ブログを運営しています。>当サイトはリンクフリーです当サイトへのリンクは許可なく貼ることができます。スクリーンショットも引用元のURLを貼っていただければ問題なしです。記事にPRが含まれてる場合があります。