From the course: Customizing a WordPress Theme from an Adobe XD Prototype

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Creating a template hero section

Creating a template hero section

From the course: Customizing a WordPress Theme from an Adobe XD Prototype

Start my 1-month free trial

Creating a template hero section

- [Instructor] Now that we know how to create templates we're going to be creating an additional template for the hero section of our website. If we take a quick peek at the prototype you can see that every page has this header hero image. Now the home page is a little bit different than the interior pages, it has a button and some additional icons, but if we look at the additional pages within our site you can see that they all pretty much have a big hero image and then a big headline. So we're going to go ahead and we're going to build that out right now, so that we can utilize the templates to be able to quickly create these segments within our site. I'll go back into WordPress, I'm going to add a new template, and again, we're going to be building out a section. I'm going to call this header hero. I'll click Create Template and it's going to take me into the Elementor editor. The first thing I want to do is create a…

Contents