'}}

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

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

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

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

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

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

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

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

メニュー設定

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

CSSオプション表示

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

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

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

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

サイトを確認

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

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

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

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

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

新着記事

'}}
LifterLMSのシステム自動出力ページのカスタマイズ方法を解説
'}}
LifterLMS 銀行振り込みなどで登録日とアクティブ日が異なる場合のカスタマイズ例
'}}
(解決済)WordPressから送信されるGmail宛のメールだけ送られない【ロリポップ】
'}}
WordPress予約システムAmeliaのパッケージ(回数券)設定を解説
WP Rocket - WordPress Caching Plugin
ja日本語