In this video we'll finish up the photography site by populating the last two footer widgets.
We'll also explore post formats in the 2014 theme.
Finally we'll figure out how to deal with all that extra content we imported into the site for the building
process so we can deliver a clean website to the client by the end of this video.
Your site will be looking great having developed it from scratch save it because we'll be doing some
customizing with it later in the course.
Post formats are another standardized way in wordpress that you can place posts into certain types.
They're kind of like prototypes or or sort of like a category but they are limited to a standardized
list of formats that are available to all themes that support the feature.
This means that since 2014 supports post formats if you look down I've actually added Hello World to
the format of image and the only change that does is it displays the post in almost exactly the same
way as it displays a standard type post but it has this link to an image.
Post archive if you looked at the bottom left there it's the URL slash type slash image a theme can
take advantage of post formats in any way that they like and change the formatting depending on what
post type the person has defined.
If you look in the Wordpress dashboard I've got this hello world post open and over on the right hand
side is the section called format the post format section won't appear if the theme that you're using
doesn't use the post format types.
If you look in wordpress dot org inside of the codex under the post formats page you can see that there's
actually nine different kinds of formats and theme developers and developers on WordPress can't change
these supported formats.
As I said there are standardized lists that are available to all themes.
If I click image under hello world you can see that that's going to show me a list of posts that are
all as an image post format the same way that it shows a list of categories on a category archive page
or a list of tags on a tag archive page the other thing that 2014 offers is a widget that you can use
on a sidebar or say on the footer or anywhere where you can use widgets.
And it's called the 2014 ephemera widget just to take a look at it.
I'm going to pull it across to the content side bar and look at what it is.
It would be a listing of a certain post format.
You pick whichever one you like.
However many posts you want to show and then you could say I might call this one images and it should
show my hello world post along with the three most recent posts that are in that post format called
images.
So if I just refresh the page any page again I'm on the image type page but if I go down and look looks
like I've got images and when it shows the image is post format in the sidebar it actually shows the
name and the date the author and how many comments.
And then it actually shows the the actual image and then a more button which would show this image is
post format archive.
Now you can see that the hello world post is not showing an image.
And this post format image has this one.
And the post format image with a caption is showing this one we can fix that by going in and opening
posts and then I can open that hello world post and then add an image to the actual content area.
And then we can just take a look at what that looks like.
If I just get rid of that text let me add media
and I'll add the same image.
As the one that I was using Let's see how should I display it or display it with a large size and no
link
great if I update that post.
And then I can go back and refresh the page I might go and just look at the home page
let's take a look.
Great at showing the image and then the titles clickable through to the post.
And these images are also right here.
Another way that these put post formats and enable you to organize your posts a little bit is in the
Wordpress dashboard you may have noticed that if you changed Hello World to the image post format that
it shows you a little image link right here and if you look at the bottom left hand side of the screen
where we're going to go there is to edit a page called post format and post type equals image.
So if I click that inside of the post list inside the Wordpress dashboard I'm going to get a list of
all the posts that are inside that image post format for now I'm just going to go ahead and revert back
and not use the post formats for now on our 2014 site.
But I wanted to make sure that you saw what that was inside the editing window and the types of things
that it might do.
One more thing I'm going to go back to a perience widgets and just get rid of that widget in the content
area.
Great that should revert my site back to the way that it was.
And let's do a couple of more things to finish up.
We'll check that everything is working right.
Will fill these two footer widget areas with some more appropriate content and call it good.
There's two slight issues I've noticed as I've been working on the site.
One is that I do have this search bar in side of the primary sidebar but I also have this search area
up here that's part of the 2014 theme.
It's a nice looking magnifying glass search icon with a green bar that opens this nice search window.
So I think I'm going to remove this one from the primary side bar at the same time.
I've noticed that sometimes when I click this home button it's actually taking me instead of taking
me the home page it's taking me to the sample page.
Now this used to be the home page when we were creating our brochure site and we made the navigation
at that time and we labeled a home button for the home page which was pointing to the home page at the
time which was the sample page.
Now the logo or the title of the site name over here always points to the home you are l.
But over here I've got the wrong menu navigation and so let's make those two changes right now.
Go ahead and stop the video.
Get those changes done if you haven't already and then come on back.
We'll have that work.
I'm going to go into widgets and just remove the search widget from the primary side bar.
Secondly I'm going to go into menus under appearance and I want to go to manage locations just to find
my Hederman you here.
Yes.
And then I can get at it.
I also could have gotten there by opening this one and clicking the header menu but instead of.
Now this is a page called home.
I'm going to go ahead and remove that and I still do want the home page to be clickable up in the menu
area.
So I'm actually going to make a custom link I can go back here to get the URL just Control-C copy.
I'm in a place the whole you URL for the home page there I'll type home and click Add the menu.
Now I don't want at the very end so I'm going to drag it up to that original spot and click save menu.
Let's take a look.
Here's the home page of the site.
If I roll over home it's taking me the home page it also shows that it's green instead of white showing
that that's the page that I'm on.
Also I've gotten rid of that search bar here because it was a duplicate search bar that was available
up here.
Now there's a lot of different things that you could do with the two remaining footer widgets.
Let's go ahead and go over to the customize or and let's see what appropriate content we could put in
there.
We already have a map with our location and the name address and potentially you could put the phone
number there down in the footer widget area.
It's there already.
But we just have to text widgets over here for now let's see what else we can use.
We're going to go ahead and remove one of the text widgets and let's just click Add a widget.
One of the things that we might want to offer is for somebody if they scroll to the bottom of a page
maybe they've gone to the bottom of a long post.
They are over here in the widget area and we might offer them a navigation so they can get elsewhere
in the site from down here without having to scroll all the way back up.
Now in this theme the header navigation actually stays at the top of the page no matter where you're
scrolling which is real convenient.
We don't want to necessarily duplicate these pages down here in the footer but one of the things we
might offer is another list of categories so that people can get to the bottom and then maybe go to
a different category page there.
So it's like add a widget and I'll just click a category's widget as it is.
Boy that does look nice.
Each one of those clickable.
And if I remove all the posts from the Uncategorized category then that one won't appear there and we
can have our nice seven categories on the footer area.
So what are we going to replace this text widget with.
I was going to go through and remove it.
Great.
And let's see what else we can choose
the pages we already have appear in the regular navigation so I don't want to replace that.
But for now I think it's a good idea to place a little detail from the about page just down here at
the bottom right corner.
So I think I will use a text widget here and if we just have an About Me section over here on the right
hand side that will give somebody a good place without having to click through to the About page to
go ahead and get some of the content.
Now what I might do if I already had that about page built I might go into the site itself and grab
maybe just the first say two sentences something that's appropriate for someone to see at the footer
of the Web site that's going to be on every page of the Web site.
Maybe I'll do a sentence and then there's a hit enter and then enter here too and automatically add
paragraphs for those places where I hit enter.
Nice maybe I want to put another space in there.
I can lay it out how I like.
That looks great.
One last thing though.
Let's just.
Well I have to hit save and publish Of course.
But let's talk about within the site you know that we imported that SML file which gave us a lot to
work with in terms of content.
It gave us a bunch of menus give us posts a lot of media in the library that we've been using to arrange
this theme and lay it out pages.
There were comments in there.
There were categories and tags that we've used and I don't often bring in a whole slew of sample content
in that way unless it's the first time that I've worked with a certain theme for many client sites.
All I need to do is make a couple of sample posts sample pages.
Bring in a few pieces of media and I've got what I need to make the site look great.
So when you're done doing the site build How do you get rid of all that content.
Well there's no real one step way to get rid of it all at once.
One of the things that you might consider doing is just going inside of Wordpress and going to each
of the sections where you know that there's a lot of extra content and just getting rid of the content
they're using the bulk actions dropdown here's a challenge for you go in and delete all the extra posts
that were not using all the extra pages we're not using.
And then under Post's tags let's get rid of all the tags except for the one called featured that we
were using to define the featured posts on the home page.
And just go in and remove the tag cloud widget from the content sidebar.
Pause the video now and get rid of all that extraneous content and then come back and watch me do it.
How to go I hope you were able to get rid of a bunch of extra stuff that you didn't need.
One of the things that we did in a previous video that I hope you're able to do is instead of going
through multiple pages on each type go to the screen options and make it display enough so that you're
seeing them all on a single page.
So in terms of pages there's only six pages that I want to save here and I want to get rid of all of
the rest of them that were imported with my X-amount import.
I don't need them now.
I'm not going to deliver the site with all that mess in there for the client.
So what I'll do is check all of them and now I don't want to delete all of them so I'm going to uncheck
the ones that I want to save.
And then in book actions I could say move to trash apply.
I've sped up the video here while I delete all the posts and then all the remaining tags except for
that featured tag that we used for formatting the home page.
When I deliver a site to a client I normally delete all the posts and pages that I used in design out
of the trash bin before I deliver it.
One more thing to clean up the site.
I've got to get rid of that tag cloud widget that we had in the sidebar because I've got no tags.
Great.
Let's take a look.
I have a lot less posts.
I still have post one two and three.
I still have the three posts for the home page that I saved the tag clouds gone gray and my footer content
as well.
Nice job in this video.
You finished up your client site by cleaning up the extra Post's pages and tags and using two more widgets
in the footer area.
You also learn how post formats can be used as long as the theme supports them.
Congratulations you made it to the end of chapter 4 in the next section.
We'll do some technical work with the site we just created.
Migrating it from one server to another.
You can use this skill to change hosting move your sites to a live environment after development or
for staging a site to make changes without affecting the live site.
Let's go