[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

How to Accept Credit Installment Payments Using Lifter LMS
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]
WP Rocket - WordPress Caching Plugin
en_USEnglish