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

無料テーマOceanWP

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

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

OceanWPの他の解説をご覧になりたい方は、WordPressテーマOceanWPの設定方法解説目次をご覧ください

メニュー設定

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

CSSオプション表示

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

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

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

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

サイトを確認

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

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

OceanWPの他の解説をご覧になりたい方は、WordPressテーマOceanWPの設定方法解説目次をご覧ください

HanamiWEBでは、WEBに関する事、WordPressに関する事、色々な相談をLINE公式で受け付けております!お気軽にメッセージをお送りください!

タイトルとURLをコピーしました