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

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

メニュー設定

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

CSSオプション表示

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

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

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

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

サイトを確認

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

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