CSSクラス

カバーブロックの間にできる余白を消す方法【簡単CSSで解決】AFFINGER6対応

カバーブロックを連続で使ったとき、上下に謎の余白ができてしまう… そんな悩みを解決する方法を、AFFINGER6ユーザー向けにわかりやすく解説します。なぜ余白ができるのか？ WordPressのカバーブロック（Coverブロック）には、デフォルトで上下にマージン（外側の余白）が設定されています。このため、複数のカバーブロックを連続して配置すると、間にスペースが生まれてしまいます。解決方法：CSSで余白を消す次のコードを「外観 → カスタマイズ → 追加CSS」に貼り付けるだけでOKです。 /* カ ...

AFFINGERカスタムボタンのホバー演出で集客UP！薄く色が変わるCSSテクニック

AFFINGERを使っている方の中には、カスタムボタンを「クリックされる導線」として活用している方も多いと思います。でも、ホバー演出（マウスを乗せたときの反応）がデフォルトのままだと、少し物足りないと感じたことはありませんか？この記事では、ホバー時に“うっすら”と背景色が変化するCSS演出をご紹介します。ユーザーの視線を自然に引きつけ、クリック率の向上にもつながる実践的なテクニックです。追加CSSでホバー演出を定義まずはWordPressの管理画面で、以下のCSSを追加します。操作手順「外観 ...

AFFINGERカスタムボタンの背景を透過する方法｜画像を活かしたおしゃれなデザインに

AFFINGERの「カスタムボタン」は非常に便利で、デザイン性の高いリンクボタンが簡単に作れます。でも、背景に画像や動画を使っている場合、ボタンの背景が邪魔してしまうこともありますよね。この記事では、AFFINGERカスタムボタンの背景を完全に透過し、背景画像を活かしたデザインにする方法をわかりやすく解説します。カスタムCSSを追加する WordPress管理画面から以下の操作を行います。「外観」→「カスタマイズ」へ進む左メニューから「追加CSS」を選択以下のコードを貼り付けます .trans ...