From the course: Creating Web Icons with SVG
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Create a custom social media menu with Grunticon
From the course: Creating Web Icons with SVG
Create a custom social media menu with Grunticon
- [Voiceover] Social media and third party service menus like the one you see here at the bottom of my header have become fairly ubiquitous in WordPress themes and other solutions provided by content management systems, and for good reason. If they're set up correctly, they are very easy to manage for the site owner. All they have to do is go to the back end, create a new menu, and then point at whatever social media network or service they want to link to, and the theme or CSS automatically generates the icon and displays it in an accessible way. So if you're using a visual browser, you see the icon, and if you're using a screen reader, it reads out the name for each of these icons. Now traditionally, these menus are displayed using font icons, but SVGs are a better solution. So we're gonna set up an SVG version of this menu using Grunticon instead. Before we look at the solution, let's just briefly inspect the markup and see how this menu actually works. If I inspect one of these…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.