In this video you'll get an additional site set up inside your students sandbox area.
You'll be activating the executive pro Genesis child theme from Studio press including importing demo
content for the theme at the end of this lesson.
You'll be ready to begin customizing of themes home page inside your new sandbox site.
Let's start by looking at the demo site for executive Pro.
You can open this on your own computer to take a look at it while you're setting up your site by going
to demo dot studio press dot com slash executive each of the sites we set up with Genesys and studio
press will have a demo site for us to look at.
So it's filled out with images and content on the home page has been configured so we can see what the
theme is supposed to look like.
Now if we look at the executive pro theme right here we can see starting at the top.
We have a nice navigation menu with drop downs across the top as well as an example of theme colors.
The blue is what it is now but we could change to any of another group of colors that they have for
example the orange will load the themed demo with that orange color which is built into the theme settings
as we scroll down you can see that there is a slider here not powered by the soliloquy slider but by
the Genesis responsive slider plug in that is free at the Wordpress repository and used with many of
the Genesis themes.
You can use the arrows here to go across and you can click Continue reading or click on the actual slider
itself and it opens a post which is associated with that slider image.
I'll hit back and go back to the home page.
But as we go down you can see that the next section is a group of three thumbnail images and content
with the read more link and each of these is associated with a page on the Web site
and you can see each of these interior pages has a main column and a sidebar column one has an e-mail
newsletter sign up an opt in a search.
And here's a list of recent posts and you can see that this footer area that it has the gray background
is also visible on every page of the Web site.
I'll hit back again.
And so you can populate this with any three pages that can call out the benefits or different services
that the corporation or the company or the business might be using next on the homepage is what they
call a call to action banner.
This might be hey contact us today over to the contact page or anything that the business needs that
can be called out below the top of the home page.
But as people read and go down they might want people to go to a product page or contact us page or
something like that below that is another set of three items.
They can be Pages posts or just fixed content along with thumbnails as well.
And then the footer which is three widgets populated with anything we want but in this case a text widget
with Company Profile of recent posts widget the search bar and a tag cloud here.
So that navigation is easy from the bottom of every page of the Web site sign into your student sandbox
students that W.P. of course dotcom offers a lag in button at the top right.
Or if you're just at W if you want to go to WAPT of course dot com.
There's also a lag in button at the top right there as well log in with your username and password.
And what we're what we'll be doing is creating an additional site in addition to the site which you
may have called parallax Pro.
That was your first site at the student's sandbox area.
Let's go to the my site's under dashboard page and we'll look at where you can see the original site
that you set up first and then there's an Add New button by the my site's heading.
You can see the names of sites you're already a member of your first one might be just your name.
WP of course dot com.
And to add another site to your account just choose a domain which should probably have your name and
then potentially you only can do upper and lower case letters here.
So it should be your name and then the name of the theme potentially your name executive.
And then you can call it whatever you like for this one I'll call it executive pro and create site large
green button at the bottom.
The site executive pro is yours.
Great.
So here is the you are l.
Your name executive W.P. of course dot com and so you log in as your name and your existing password.
I can hit the loggin button right now and go ahead and put in my password.
You'll have the same user account that will work for each one of your sites inside of the student's
sandbox area.
Now if I go under my sites I can see that I have the parallax pro original and the executive pro right
here.
And so I'm already logged into the executive pro dashboard area.
And the next thing we want to do is download the theme demo files appear at the top.
I've added a themed demo files link where if you click that it's just going to go ahead and download
a zip file that contains all of the theme demo files that we need to import into each of our sites to
get the content ready to customize.
This is just a zip file that you can uncompress or unzip.
Once it's downloaded onto your computer it's downloaded into my downloads folder and I'll just click
this little folder icon to open it up there and I'm going to open Windows Explorer as well and move
it into another spot on my computer.
Here on my desktop as you know I've been creating folders for some of the sites that we've been working
on to hold files and different items that I keep in there.
And so I've created a new folder called Demo content and I'll just drag that zip file over into that
folder onto my desktop.
If you're on Windows you can right click and click extract all and that will unzip or uncompress the
zip file into a folder on your desktop there and you can double click I believe on Mac and that will
open it open the archive utility and you'll be able to unzip that zip file.
Now that zip file that you just unzipped you may have noticed contains just a bunch of files with the
extension dot SML.
Those are SML files that we use to import sight sample content into WordPress using the Wordpress importer.
If you remember when we created our brochure site originally we imported some content into our local
environment that was provided to us at Wordpress dot org for theme testing.
This time we'll be activating the executive pro theme inside of your new students sandbox site and using
the import utility in the same way to import the executive pro sample demo content so follow along inside
your new site at the sandbox go over to appearance themes and go down and find the executive pro theme
and activate it.
There it is.
I can just click activate
and now this theme has not been has not been configured and the home page him page hasn't been customized
or anything like that but he'd be a good idea just to look at the theme itself.
I'm going to Right-Click visit site under the name of the site and I'll click open a new tab.
Just so I can have a starting point.
Now this is the content that I placed inside the original new site that I have you guys download every
time you start a new site and this isn't what we want the executive pro theme to look like.
Obviously the widgets are probably in the wrong places and we don't really want to use all of this widget
content that I had in the original parallax theme for you.
Now that the executive pro theme is active Let's go ahead and import the sample content.
Under tools you have a button called import and this is very much like the way that we imported content
in the local environment.
A few chapters back but I've got the Wordpress importer available to you here inside the student student
sandbox area and all you need to do is click Browse and find that file Plaza video.
Now while I do that I found the executive Procol SML file from that zip file that we unzipped on my
computer and now click upload file and import
one thing that we do want to do is download and import the file attachments so that we have all the
appropriate images and everything.
And I might as well select myself as the author on any of these authors that come in for any of these
theme imports.
So I hit submit great.
All done have fun.
Now there won't be any changes visible on the site yet because we have it switched around the home page
widgets and all the widget areas.
But if we go into our dashboard and look at pages for example there'll be some new pages that have been
imported as a part of this X-amount import and as well as posts that we can use for configuring this
theme.
You can also see if you open the media library that the import has caused all of these images to import
and that they're all just grey squares.
Let's look at one of them.
This is to keep the file size down as we can figure the files.
This is an 11 40 by 11:40 pixel image and all the images that become important as part of the demos
are just gray instead of having beautiful imagery but they are very small file sizes and you can also
use those images to configure the different pages and the different places on the Web site that need
imagery.
If we look at the demo content when we fill out our home page all of these images here will be filled
with just grey squares but that'll show us the size of the images and how they look.
And you may have noticed that there's a new type of post called portfolio that Genesys executive pro
has added to our menu so that we can make portfolio items just like we would make pages or posts.
If you look at the theme demo you can see that there's a portfolio page accessible here under page templates
templates and called Portfolio page and it has featured items.
If you click one it opens a portfolio section that is displayed in a certain way with the featured image.
Larger in this video you sign up for a new sandbox site inside your account at W.P..
Of course dotcom and activated the executive pro theme then you downloaded the theme demo files and
imported the executive pro-sex M-L file into your new site.
Next you'll build out the home page using the themes provided widget areas and explore other theme options
provided by the Genesis framework.