How to create a website using WordPress/How to use plugins/No-code construction blog
[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
WordPress security enhancement plugin All in one WP Security ~ Explaining firewall .htaccess settings
English 
日本語