WP Rocket - WordPress Caching Plugin

【OceanWP解説】メニューバーにボタンを追加

HanamiWEBオンラインスクールでは

●バーチャル自習室でのリアルタイム質問!

●チャットで質問し放題!

●24時間学び放題のEラーニング教材!

全部ついて 2,500円/月!

WordPress無料テーマOceanWPでメニューバーの特定の項目だけボタン化する設定を解説します。

スクリーンショットの【contact】ボタンの作り方の解説です。

メニュー設定

WordPressダッシュボード【外観】>【メニュー】でメニューを作成します。

CSSオプション表示

右上の表示オプションを展開し、【CSSクラス】にチェックを入れます。

ボタン化したいメニューを表示

ボタン化したいメニュー設定を開き、css class(オプション)という項目に【btn】と入力します。

最後に保存をクリックして設定を反映させます。

サイトを確認

サイトのメニューバーを確認してみましょう。

contactメニューだけボタン化されました。

HanamiWEB

この記事を書いた人

松浦 みさ

株式会社HanamiWEB / Web制作・SEO・AI検索対策サポート

東京都練馬区を中心に、中小企業向けのホームページ制作、SEO対策、AI検索時代を見据えたサイト設計をサポートしています。
WordPressを活用した実務ベースの改善提案や、集客導線を意識したコンテンツ設計が得意です。
サイト保守運用も代行しております。

最短翌朝公開!土日祝も対応します!

超お急ぎホームページ制作プラン

超お急ぎでホームページを必要としている方向けの、ホームページ超お急ぎ制作プラン行っております!

最短翌朝公開、土日祝も対応します!お困りの方は是非、以下のバナーより詳細をご確認ください!

新着記事

練馬区 ホームページ制作で2位|AIに引用されるサイトの作り方を解説
ホームページ更新代行とは?費用・相場・依頼方法をわかりやすく解説
RankMathの「ウェブマスターツール」設定ガイド|Google Search Console・Bing
RankMath「パンくずリスト」設定ガイド
ja日本語