【コピペOK】AFFINGER5でドロップダウンをカスタマイズするはこぶWEB3.0・アフィリエイト・ブログなどを愛する中学生ブロガーです。小5でビジネスを学習→小6からブログを1年継続→月間1.7万PV・収益5桁を達成。普段はWEB3.0を学びつつ、ブログを運営しています。2021年7月17日こんな方におすすめAFFINGER5のドロップダウンをカスタマイズしたいCSSをコピペしてAFFINGER5のデザインを変えたいドロップダウンとは、以下のようにメニュー項目を表示できる表示方法です。今回はCSSをコピペしてこのAFINGER5のドロップダウンのデザインをカスタマイズする方法について解説します。まとめAFFINGER5でドロップダウンをカスタマイズするそれでは、以下の2つを順番に解説します。AFFINGER5でCSSをコピペする場所コピペするCSSぜひ参考にしてください。AFFINGER5でCSSをコピペする場所まず、AFFINGER5でCSSをコピペする場所を解説します。最初に、WordPressの管理画面を開いてください。次に『外観➡︎カスタマイズ➡︎CSS追加』を選択すると、以下のようになると思います。ここに、今回紹介するCSSをコピペしましょう。場所は1番下でOKです。CSSのコピペでドロップダウンをカスタマイズする続いて、ドロップダウンのデザインをカスタマイズするCSSを以下の3つに分けて解説します。枠線&背景ホバー時のデザインそれでは順番に紹介します。デザイン1:文字まずは文字から解説します。コピペするCSSは以下の通り。bold;/*文字の太さ*/}こんな感じです。文字の太さは、フォントの種類によってカスタマイズできないことがあるので注意してください。箱部ブログ(このサイト)では、以下のCSSでデザインを作っています。5px;/*角の丸み*/}『border-radius』では角の丸みが設定できるので、数値を増やせば角も丸くなります。背景は以下のCSSをコピペしてください。※右側の矢印も、背景に含まれています。9px;/*背景画像のサイズ*/}『/*画像リンク*/』のところには、矢印となる画像のリンクを入れましょう。デザイン3:ホバー時のデザイン最後は、ホバー時のデザインですね。マウスカーソルを重ねた時などのデザインのことです。一応先ほど紹介したCSSをまとめます。9px;/*背景画像のサイズ*/}ホバー時に変化させたいデザインだけ切り抜いてください。ちなみに僕は、文字色を『#666』にしました。/*文字色*/}まとめ今回は、CSSをコピペしてAFFINGER5のドロップダウンのデザインをカスタマイズする方法について以下の3つに分けて解説しました。枠線&背景ホバー時のデザイン満足していただけたら嬉しいです。いうわけで、今回はここまでです。最後まで読んでいただきありがとうございました。本記事では、CocoonからAFFINGER5への移行を考えている方向けに、CocoonとAFFINGER5を比較しつつ、AFFINGER5がおすすめな理由を解説します。移行を考えている方のためにAFFINGER6に移行する方法も解説します。AFFINGER6【5分で完了】AFFINGER6をiPadでインストールする注意点【アフィンガー6】このような、AFFINGER6をiPadで使いたい方の疑問に答えます。僕はパソコンを持っていないので、ブログ運営・AFFINGER6のインストールはiPadで行っています。...AFFINGER6【欠点あり】AFFINGER6にしかできないこと3選【使うコツを紹介】%どのWordPressテーマを買おうか迷ってるんだけど、AFFINGER6にしかできない独自の機能とかあるのかな?もしないなら、他のテーマでいい気がするけど..。このような疑問に答えます。本記事では、AFFINGER5のフォント(文字)のデザインをカスタマイズする方法について次の2つを解説しています。AFFINGER5では簡単にフォントのデザインがカスタマイズできます。AFFINGER6【期間限定】すごいもくじLITEの使い方&インストール方法【AFFINGER6】このような、すごいもくじLITEを使いたい方におすすめの記事です。すごいもくじLITEとは、AFFINGERを購入した方が無料で使えるAFFINGER専用目次プラグインのことです。...AFFINGER6【2つの方法】AFFINGER6EXを特別価格で購入する方法【アフィンガー6】このような方の疑問に、AFFINGER6を愛用しているぼくが解説します。結論として、ある方法ならセット割引価格でAFFINGER6EXをお得に購入できます。【AFFINGER5】CSSでアーカイブのデザインをカスタマイズするはこぶWEB3.0・アフィリエイト・ブログなどを愛する中学生ブロガーです。小5でビジネスを学習→小6からブログを1年継続→月間1.7万PV・収益5桁を達成。普段はWEB3.0を学びつつ、ブログを運営しています。>当サイトはリンクフリーです当サイトへのリンクは許可なく貼ることができます。スクリーンショットも引用元のURLを貼っていただければ問題なしです。記事にPRが含まれてる場合があります。