Webflow Navbar to WordPress Menu

Wevflow Navbar to WordPress Menu Screenshot

Wevflow Navbar to WordPress Menu

Problem

Recently we have started using Webflow in KOALA42 to create HTML + CSS prototypes, we can present to clients. This allow us to speed up the development process, because there is no need to Photoshop/Illustrator/Sketch Mocks. So we can directly create design and get really good HTML  + CSS. The only problem is the structure of the menu, that is generated with Webflow, wich is not compatible with WordPress.

Plugin

We have solved it for you. Here is plugin you can download, clone or even contribute to (Github). Or you can continue reading and do it yourself.

PLUGIN DOWNLOAD

DIY

There are few options you can try:

  1. wp_nav_menu – supply parameters to replace the structure (works only for simple ones)
  2. walker class – works fine but is hard to implement
  3. wp_get_nav_menu_items – robust but not so “nice”
  4. https://www.udesly.com/udesly-adapter/ – (PAID)

 

We went with third option and here is code snippet you can use in you function.php, to create WebFlow menu. You can use <?php create_webflow_menu(‘theme-location’); ?> directly in your theme then.

References

  1. https://forum.webflow.com/t/how-to-convert-navbar-to-wordpress-menu/52161/6
  2. https://github.com/Koala42/webflow-to-wordpress-menu
  3. https://codex.wordpress.org/Class_Reference/Walker
  4. https://developer.wordpress.org/reference/functions/wp_get_nav_menu_items/
  5. https://developer.wordpress.org/reference/functions/wp_nav_menu/

Related Post

FREE ePub Quicklook and Spotlight Plugins for Mac ... When you have a lot of ePub books, it can be useful to see excerpt and meta data information in quicklook. Even more important...
FAQ: Mac OS X Services HEIC to JPG on Right-Click Service Q: Where’d all my services go? I don’t see anything in the Services menu. A: If you don’t select anything before...
Right Click to Create New File on Mac OS X TL;DR; Windows has a lot of cons but it has also some pros. One of them is a smooth way to create empty file on right-click. Mac OS doesn't come with...
Free Better Battery Stats and Time Remaining for M... Better Battery Stats and Time Remaining for Mac OS TL;DR; Do you miss the time remaining indicator on your MacBook, MacBook Air, or MacBook Pro? He...
Right-Click to Translate (Look Up) with Google Tra... If you are not native english speaker, you may be frustrated with default "look up" options you get after selecting a text and right clicking. There a...
PPTP VPN on MAC OS X Sierra, High Sierra and Mojav... PPTP VPN for Mac OS X Introduction PPTP VPN is no longer supported on macOS Sierra and High Sierra and that is just fine, because there are some se...
Buy me a coffeeOut of coffee 😱, please help!