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

Add an inline SVG with SVGInjector

From the course: Creating Web Icons with SVG

Start my 1-month free trial

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…

Contents