'}}

[OceanWP Explained] Adding a button to the menu bar

At HanamiWEB Online School,

●Ask questions in real-time in the virtual study room!

●Ask as many questions as you want via chat!

●E-learning materials that you can learn as much as you want, 24 hours a day!

All included for just 2,500 yen/month!

We will explain how to turn specific items in the menu bar into buttons using the free WordPress theme OceanWP.

This is an explanation of how to create a [contact] button for screenshots.

Menu Settings

Create a menu in the WordPress dashboard under Appearance > Menus.

CSS options display

Expand the display options in the top right and check "CSS Classes."

Display the menu you want to turn into a button

Open the menu settings you want to turn into a button and enter [btn] in the css class (optional) item.

Finally, click Save to apply the settings.

Check the site

Let's take a look at the menu bar of the site.

Only the contact menu has been turned into a button.

Leave the reskilling of your website to us!

Since 2019, we have been sharing skills related to WordPress and websites. We have accumulated case studies and know-how, and are good at quickly and accurately solving problems. If you have any concerns about your website, please feel free to contact us via our official LINE account!

↑Click to open the official LINE page

Latest Articles

'}}
Explains how to customize the LifterLMS system automatic output page
'}}
LifterLMS Customization example when the registration date and active date are different due to bank transfer, etc.
'}}
(Solved) Emails sent from WordPress to Gmail are not being sent [Lollipop]
'}}
Explaining package (ticket) settings for the WordPress reservation system Amelia
WP Rocket - WordPress Caching Plugin
en_USEnglish