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

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

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

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

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

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

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

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

メニュー設定

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

CSSオプション表示

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

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

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

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

サイトを確認

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

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

ホームページのリスキリングはお任せください!

2019年よりWordPressやホームページに関するスキルシェアを行ってきました。事例やノウハウが蓄積され、スピーディーかつ的確にお悩みを解決へと導く事を得意としています。ホームページに関するお悩みがございましたら、LINE公式アカウントよりお気軽にご相談ください!

↑クリックするとLINE公式が開きます

新着記事

SPF と DKIM と共に有効な DMARC ポリシーを併用してメールの認証設定方法
WordPressにログインできない?
【Hbook】When using Stripe you need to add a Required Country Field in the Details form. エラーの対処法
検索結果にサイト名(会社名)が表示されない
WP Rocket - WordPress Caching Plugin