WP Rocket - WordPress Caching Plugin
{{brizy_dc_image_alt entityId=

[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.

Released as soon as the next morning! Weekends and holidays are also available!

Super rush website creation plan

We offer a rush website creation plan for those who need a website in a hurry!

We can publish your content as soon as the next morning, even on weekends and holidays! If you have any questions, please check the details below!

{{brizy_dc_image_alt imageSrc=

Latest Articles

{{brizy_dc_image_alt entityId=
WordPress Reservation System Plugin Amelia Event Booking Form Setup Guide (9.x and later)
{{brizy_dc_image_alt entityId=
WordPress Reservation System Plugin Amelia Catalog Reservation Setup Guide (9.x and later)
{{brizy_dc_image_alt entityId=
Explaining how to set up the Amelia step-by-step calendar, a WordPress booking system plugin (version 9.x and later)
{{brizy_dc_image_alt entityId=
Explaining how to set up notifications for the WordPress booking system plugin Amelia (9.x and later)
en_USEnglish