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.
Add an inline SVG with SVGInjector
From the course: Creating Web Icons with SVG
Add an inline SVG with SVGInjector
- [Voiceover] If you've watched any of my other courses, you'll know I can't talk about SVGs, without also showing you how to incorporate SVGs in your WordPress projects. So, in the next two movies, I'll give you a brief rundown of how you can use the techniques we have covered in this course, to add SVGs to your WordPress themes. In this movie, I'll show you how to add an SVG as a graphic element to the header of the site, using SVGInjector. And in the next movie, I'll show you how to build an advanced, custom, social media menu using Grunt.json. This is all done using a child theme built on top of my theme called Popper. And you can get the completed child theme by going to the Exercise Files for this movie 06, 01, simply grabbing the folder here, Popper.svg, dumping it into the Themes folder in whatever WordPress site you're currently working with, and activating the theme Popper.svg. That will give you what you see here and, if you're familiar with the Popper theme, you'll see the…
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.