2021/08/19 (更新日: 2021/08/31)

【Snow Monkey】ナビバーの下線をカスタマイズする方法【コピペOK】

CODE Snow Monkey WordPress

人気記事【無料サポート付】サーバー開設からWordPressの始め方をサポート

こういった疑問を解決します。

今回実装したい内容は以下になります

【Snow Monkey】ナビバーの下線をカスタマイズする方法【コピペOK】

コピペで簡単にできるのでどうぞ。追加CSSに下記コードを貼り付けます。

• 「外観」→「カスタマイズ」→「追加CSS」にコピペ

.p-global-nav--hover-underline .c-navbar__item:after {
    height: 4px;
    transition: background-color .8s ease-out;
}

参考画像

ちょっと解説

.p-global-nav--hover-underline .c-navbar__item:after {
    height: ここにお好みのpxを入力 / ◯◯px;
    transition: background-color: ここにお好みの数字を入力 / ◯◯.s ease-out;
}

和風系のサイトであれば、下線の太さを2px、表示速度を遅延させることによって和風っぽさが出ます。
Snow Monkeyはカスタマイズ性が高いので、自分好みにアレンジをしてみてください＼(^^)／

Snow Monkeyのカスタマイズ記事一覧

• 【画像１２枚で解説】My Snow Monkeyを使って本番環境のサイトを直接編集する方法【Snow Monkey】
• 【コピペOK】Snow Monkeyにアニメーションを付ける方法【AOSでサイトに動きを付ける】
• 【Snow Monkey】コピペで使えるブレイクポイントをまとめてみた【Sassもできる】
• 【サクッと５分でOK】Snow Monkeyにアニメーションを付ける方法【wow.js / Animate.css】
• 【簡単】Snow Monkeyのドロワーをカスタマイズをする方法【コピペOK】
• 【Snow Monkey】ナビバーメニューリンクでページ内をスムーススクロールで飛ばす方法【５分で完成】

この記事がイイなと思ったらシェアお願いします＼(^^)／

• Tweet
• facebook

合わせて読みたい記事

人気記事【無料サポート付】サーバー開設からWordPressの始め方をサポート

ブログの始め方完全マニュアルを公開【収益化まで５つのステップで解説】 » かんろぐ

本記事は、完全初心者向けブログの始め方完全マニュアルになっており、収益化まで５つのステップで分かりやすく解説しています。 １：収益化の仕組みを知る / ２：WordPressで開設 / ３：必要なASPやツールの紹介 / ４：実際に記事を書いてみよう / ５：ブログの悩みや「よくある質問」に答えます

【月５万稼ぐ】無料で出来るWordPressブログの始め方を初心者向けに解説【40枚の画像で紹介】 » かんろぐ

『ブログで稼ぎたいけど、始め方が分からない』という方のために１５分でできるWordPressブログの始め方を画像４０枚以上使って記事にしてみました。クイックスタートという方法を使えば、誰でも簡単にブログを始めることができます。

【完全無料】これからWordPressを始めたいあなたをサポートします » かんろぐ

WordPressをこれから始めようとする方にサーバーの開設、ドメインの取得、WordPressの立ち上げまでを完全サポートします。 […]

snowmonkey WordPress

• Tweet
• facebook