How to Design Navigation Menus for WordPress - Monday Masterclass
HOW TO DESIGN NAVIGATION MENUS FOR WORDPRESS WEBSITES: https://elemn.to/2NIzT0q
In this Monday Masterclass we look at the Navigation Menus (nav. menus), why we need them, and a list of the do’s and don’ts we should be considering when we design these valuable assets for our WordPress sites.
This episode covers a lot of valuable web-building information for all levels looking to learn:
The importance of navigation menus, their effect on user experience and SEO 00:23
- Ease of Navigation 01:46
- Classic nav. Menus 03:00
- Mega Menus 04:10
- Menus for responsive/mobile view 05:18
- Menu (hamburger) icons 06:14
- Sticky nav. Menus 07:55
- Popup menus 09:23
- Two-Tier menus 11:08
Read more about navigations menus and how to build them in Elementor in the in-depth post featured in this edition of Elementor’s Online Magazine: https://elemn.to/2NIzT0q
\\ EXAMPLES USED in this MASTERCLASS (in order of appearance):
▸ Gray & Company | https://graycoatings.com
▸ London Youth Games | https://www.londonyouthgames.org
▸ Envato Market | https://themeforest.net
▸ Microsoft News | https://news.microsoft.com
▸ Meredith Corporation | https://www.meredith.com
▸ The New Yorker | https://www.newyorker.com
▸ Bloomberg | https://www.bloomberg.com
▸ Reuters Blog | http://blogs.reuters.com
▸ DD Design | https://dd-design.de
▸ KBS | https://kbsci.com
▸ New Age Creative | https://www.newagecreative.com.au
▸ Masi Tupongato | http://www.masitupungato.com
▸ Star Wars Menu Icon by Adam Dorling | https://codepen.io/Naito/pen/pgyOVm
▸ Kocher Kitchens | https://www.cuisines-kocher.com/
▸ The Australian Cosmetic Institute | www.australiancosmeticinstitute.com.au
▸ Wired.com | https://www.wired.com
▸ Toyota, Brazil | https://www.toyota.com.br
▸ Official James Bond 007 | https://www.007.com
▸ Dark Horse Comics | www.darkhorse.com
▸ Walt Disney Company | https://www.thewaltdisneycompany.com
▸ Variety.com | https://variety.com
▸ BBC America | http://www.bbcamerica.com
▸ Trendy Resumes | https://www.trendyresumes.com
▸ Belle and the Brave | https://belleandthebrave.com
\\ TOOLS WE USED in this MASTERCLASS:
▸ Travel & Tour (Template Kit) | https://library.elementor.com/travel-and-tours
▸ Magazine (Template Kit) | https://library.elementor.com/magazine/
▸ Inview by NineTheme (Template) | https://themeforest.net/item/inview-full-screen-photography-wordpress-theme/17259343
Get Elementor: https://elementor.com
Get Elementor Pro: https://elementor.com/pro/
\\ LEARN MORE
To learn more about designing and creating navigation menus, we recommend that you check out these videos and tutorials:
▸ How to Create & Design a Custom Navigation Menu | https://elementor.com/blog/custom-navigation-menu
▸ Create a Responsive Menu in WordPress Using Popups | https://elementor.com/blog/responsive-menu-popups
▸ Create a Responsive Menu in WordPress Using Popups | https://youtu.be/_sJRHSmIpp8
▸ How to Create a Transparent Sticky Header in WordPress with Elementor | https://youtu.be/0QpeKGfvKy8
▸ Create a One Page Website on WordPress - Monday Masterclass | https://youtu.be/yLwGTGES1XI
-Click Subscribe - Don’t miss our next Monday Masterclass!
Видео How to Design Navigation Menus for WordPress - Monday Masterclass канала Elementor
In this Monday Masterclass we look at the Navigation Menus (nav. menus), why we need them, and a list of the do’s and don’ts we should be considering when we design these valuable assets for our WordPress sites.
This episode covers a lot of valuable web-building information for all levels looking to learn:
The importance of navigation menus, their effect on user experience and SEO 00:23
- Ease of Navigation 01:46
- Classic nav. Menus 03:00
- Mega Menus 04:10
- Menus for responsive/mobile view 05:18
- Menu (hamburger) icons 06:14
- Sticky nav. Menus 07:55
- Popup menus 09:23
- Two-Tier menus 11:08
Read more about navigations menus and how to build them in Elementor in the in-depth post featured in this edition of Elementor’s Online Magazine: https://elemn.to/2NIzT0q
\\ EXAMPLES USED in this MASTERCLASS (in order of appearance):
▸ Gray & Company | https://graycoatings.com
▸ London Youth Games | https://www.londonyouthgames.org
▸ Envato Market | https://themeforest.net
▸ Microsoft News | https://news.microsoft.com
▸ Meredith Corporation | https://www.meredith.com
▸ The New Yorker | https://www.newyorker.com
▸ Bloomberg | https://www.bloomberg.com
▸ Reuters Blog | http://blogs.reuters.com
▸ DD Design | https://dd-design.de
▸ KBS | https://kbsci.com
▸ New Age Creative | https://www.newagecreative.com.au
▸ Masi Tupongato | http://www.masitupungato.com
▸ Star Wars Menu Icon by Adam Dorling | https://codepen.io/Naito/pen/pgyOVm
▸ Kocher Kitchens | https://www.cuisines-kocher.com/
▸ The Australian Cosmetic Institute | www.australiancosmeticinstitute.com.au
▸ Wired.com | https://www.wired.com
▸ Toyota, Brazil | https://www.toyota.com.br
▸ Official James Bond 007 | https://www.007.com
▸ Dark Horse Comics | www.darkhorse.com
▸ Walt Disney Company | https://www.thewaltdisneycompany.com
▸ Variety.com | https://variety.com
▸ BBC America | http://www.bbcamerica.com
▸ Trendy Resumes | https://www.trendyresumes.com
▸ Belle and the Brave | https://belleandthebrave.com
\\ TOOLS WE USED in this MASTERCLASS:
▸ Travel & Tour (Template Kit) | https://library.elementor.com/travel-and-tours
▸ Magazine (Template Kit) | https://library.elementor.com/magazine/
▸ Inview by NineTheme (Template) | https://themeforest.net/item/inview-full-screen-photography-wordpress-theme/17259343
Get Elementor: https://elementor.com
Get Elementor Pro: https://elementor.com/pro/
\\ LEARN MORE
To learn more about designing and creating navigation menus, we recommend that you check out these videos and tutorials:
▸ How to Create & Design a Custom Navigation Menu | https://elementor.com/blog/custom-navigation-menu
▸ Create a Responsive Menu in WordPress Using Popups | https://elementor.com/blog/responsive-menu-popups
▸ Create a Responsive Menu in WordPress Using Popups | https://youtu.be/_sJRHSmIpp8
▸ How to Create a Transparent Sticky Header in WordPress with Elementor | https://youtu.be/0QpeKGfvKy8
▸ Create a One Page Website on WordPress - Monday Masterclass | https://youtu.be/yLwGTGES1XI
-Click Subscribe - Don’t miss our next Monday Masterclass!
Видео How to Design Navigation Menus for WordPress - Monday Masterclass канала Elementor
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Improve Your Elementor Skills by Avoiding 6 Common Mistakes - Monday Masterclass](https://i.ytimg.com/vi/btuTznwQYGM/default.jpg)
![How to Make a WordPress Website with Elementor | (Best Elementor Tutorial)](https://i.ytimg.com/vi/701pwm78Q90/default.jpg)
![Create a Responsive Menu in WordPress Using Popups](https://i.ytimg.com/vi/_sJRHSmIpp8/default.jpg)
![](https://i.ytimg.com/vi/IZr_K2Lv9I4/default.jpg)
![How to Design Effective Buttons for WordPress - Monday Masterclass](https://i.ytimg.com/vi/ZMasrRRj-38/default.jpg)
![6 Of The BEST FREE Elementor Addons & Plugins](https://i.ytimg.com/vi/pxJPFevNuHA/default.jpg)
![The Basics of Dynamic Content in 15 Minutes for WordPress with Elementor Pro](https://i.ytimg.com/vi/Ki5XBlid67A/default.jpg)
![Sections, Columns, Margin & Padding EXPLAINED - Elementor Tutorial Wordpress for Page Layout](https://i.ytimg.com/vi/0nm03bulRsQ/default.jpg)
![Twenty Twenty One Theme Tutorial - Create a Niche Website!](https://i.ytimg.com/vi/OMWjsVybXK8/default.jpg)
![How to create a Transparent Header Menu in Wordpress with Elementor Pro](https://i.ytimg.com/vi/Y9vnx6TZp2E/default.jpg)
![Elementor Pro Header Tutorial](https://i.ytimg.com/vi/XAbFnchckeE/default.jpg)
![How to Use Elementor's Nav Menu Widget to Design WordPress Custom Menus](https://i.ytimg.com/vi/2fDp5coQQAM/default.jpg)
![Off-canvas Menu in Elementor PRO](https://i.ytimg.com/vi/suuo145v_E8/default.jpg)
![Top 27 Elementor Hidden Features | Elementor Tips and Tricks](https://i.ytimg.com/vi/SqwQFiaFMOQ/default.jpg)
![Elementor Header Tutorial: 100% FREE Method](https://i.ytimg.com/vi/qlRtzUE6seY/default.jpg)
![How To Create Mega Menu In WordPress With Elementor & UAE](https://i.ytimg.com/vi/hAzYFlaiqLk/default.jpg)
![[01] Layout Optimization Best Practice](https://i.ytimg.com/vi/vBAKGupM0co/default.jpg)
![[FREE] How to Create Transparent Sticky Header in WordPress with Elementor](https://i.ytimg.com/vi/ccYnXY2_Kvc/default.jpg)
![Getting Started With WordPress / Lesson 01: Introduction to WordPress](https://i.ytimg.com/vi/vDO1FQEhRPk/default.jpg)
![How to Create a Menu in Wordpress](https://i.ytimg.com/vi/lUAWMnvOYFI/default.jpg)