1
00:00:01,030 --> 00:00:05,690
WordPress keeps the web site content in a database separate from the theme and core files.

2
00:00:05,790 --> 00:00:11,560
Were able to change the layout but keep the same content in this lesson you'll import a sample set of

3
00:00:11,560 --> 00:00:17,770
web site content change the home page layout in the current 20:16 theme and then preview how another

4
00:00:17,770 --> 00:00:18,500
theme would look.

5
00:00:18,520 --> 00:00:24,310
Using the same content you'll be importing the standard sample content provided for Wordpress theme

6
00:00:24,310 --> 00:00:25,990
developers for testing.

7
00:00:25,990 --> 00:00:31,020
This list you see every kind of test and image formatting possible as you build a web site.

8
00:00:31,420 --> 00:00:35,290
Let's get started in this chapter.

9
00:00:35,320 --> 00:00:41,470
We're going to be modifying the last site that we made under the old brochure site inside of our local

10
00:00:41,470 --> 00:00:42,670
environment.

11
00:00:42,790 --> 00:00:44,500
So if you don't have it open already.

12
00:00:44,500 --> 00:00:45,950
Open map.

13
00:00:46,060 --> 00:00:53,770
Get the server running and go ahead and log into your Wordpress dashboard at your brochure site.

14
00:00:54,160 --> 00:00:55,180
If you remember.

15
00:00:55,180 --> 00:01:02,770
We set up this brochure site with a static home page a page that we removed the title on and edited

16
00:01:02,770 --> 00:01:12,010
and placed a photo and some content as well as modifying the navigation Hetter the sidebar and the footer

17
00:01:12,010 --> 00:01:12,710
content.

18
00:01:13,520 --> 00:01:18,890
The first thing we're going to do is import some sample content so that we can see what the site will

19
00:01:18,890 --> 00:01:19,590
look like.

20
00:01:19,700 --> 00:01:23,930
As we have multiple blog posts coming up on the home page.

21
00:01:24,290 --> 00:01:27,040
So if you navigate to WordPress dot org.

22
00:01:27,330 --> 00:01:32,230
What I usually do is search for sample SML.

23
00:01:32,250 --> 00:01:39,360
It's an XML file that will be looking for to import into Wordpress and it'll show us many different

24
00:01:39,360 --> 00:01:40,500
kinds of layout options.

25
00:01:40,500 --> 00:01:45,900
In fact every single layout option that a WordPress site might have so that we can test what a theme

26
00:01:45,900 --> 00:01:46,830
looks like.

27
00:01:47,100 --> 00:01:47,990
It's got a theme.

28
00:01:47,990 --> 00:01:50,870
Unit test.

29
00:01:51,050 --> 00:01:56,530
This comes from the Wordpress Kodak's under support and here it is right here.

30
00:01:56,670 --> 00:02:02,450
It's from Automattic the company behind Wordpress and its the theme unit test data.

31
00:02:02,610 --> 00:02:05,120
SML.

32
00:02:05,170 --> 00:02:10,700
If you click the link it might just open all of the SML document into your browser.

33
00:02:10,840 --> 00:02:18,540
So what you might want to do is right click and then save link as and that will go ahead and download

34
00:02:18,540 --> 00:02:22,030
it into my downloads folder here and it'll save it as the theme.

35
00:02:22,060 --> 00:02:28,240
Unit Test Data dot X will insets finished downloading.

36
00:02:28,250 --> 00:02:35,300
I can't open the downloads folder in Windows Explorer and then I can drag that over to my wordpress

37
00:02:35,300 --> 00:02:35,880
folder.

38
00:02:38,130 --> 00:02:45,740
Looks like I've already got it there so just make sure I have the latest one.

39
00:02:45,810 --> 00:02:55,090
Now I'll go back into the dashboard and if you go under Tools import there's a number of importer's

40
00:02:55,090 --> 00:02:57,930
that will be referenced here on the import page.

41
00:02:58,900 --> 00:03:04,290
And we're going to download the Wordpress importer.

42
00:03:04,330 --> 00:03:10,750
These are all different import or plug ins and if you just click WordPress it'll prompt you to download

43
00:03:10,840 --> 00:03:12,460
the Wordpress importer plugin

44
00:03:14,950 --> 00:03:18,690
install.

45
00:03:18,720 --> 00:03:21,530
You can click activate plug in and run in Puerto

46
00:03:27,140 --> 00:03:31,270
and then browse to your computer where you saved the xml file.

47
00:03:36,530 --> 00:03:40,310
Upload file and import if you like.

48
00:03:40,410 --> 00:03:51,400
You can just import these authors or you can attach or assign the posts to an existing user.

49
00:03:51,510 --> 00:03:56,940
If I want to explore how different authors would look inside the site I might just go ahead and leave

50
00:03:56,940 --> 00:03:59,530
those authors as users in the site.

51
00:03:59,580 --> 00:04:06,810
And I do want to click download an import file attachments.

52
00:04:06,900 --> 00:04:07,790
There we go.

53
00:04:08,890 --> 00:04:13,120
If you click Have fun it'll bring you straight back to the dashboard.

54
00:04:14,950 --> 00:04:22,640
Now we can see in the activity that there is some more published posts there's some comments in here.

55
00:04:22,930 --> 00:04:26,340
Let's go ahead and look at posts all posts.

56
00:04:26,460 --> 00:04:33,890
You can see that not just hello world but there's a whole bunch of posters actually 41 items in my posts.

57
00:04:34,230 --> 00:04:44,090
And in terms of pages I've got 22 pages they're marked so that we can see what they look like and what

58
00:04:44,090 --> 00:04:45,410
they're all about.

59
00:04:45,860 --> 00:04:47,640
And let's look at the users.

60
00:04:47,640 --> 00:04:48,050
Finally

61
00:04:51,510 --> 00:04:53,530
it's imported these users.

62
00:04:53,690 --> 00:05:00,920
Now these users are subscribers instead of administrators and it shows you how many posts each one of

63
00:05:00,920 --> 00:05:01,780
them have.

64
00:05:02,270 --> 00:05:08,660
As the administrator I'll be able to access all of the posts even if they're authored by these fictitious

65
00:05:08,720 --> 00:05:09,460
users.

66
00:05:10,780 --> 00:05:22,740
And let's take a look at the media library and make sure that we've imported all the media great.

67
00:05:22,900 --> 00:05:29,610
For example some of the images are labeled with their size and you can also see

68
00:05:32,360 --> 00:05:40,280
which page or post each of these image is attached to.

69
00:05:40,330 --> 00:05:46,370
So let's change the home page of our site to instead of being just a single page.

70
00:05:46,450 --> 00:05:51,710
Let's have it be a list of posts in reverse order with the newest one at the top.

71
00:05:52,030 --> 00:05:57,130
Go to the Wordpress dashboard and under settings reading

72
00:05:59,980 --> 00:06:05,050
instead of displaying a static page the front page displays your latest posts.

73
00:06:05,050 --> 00:06:06,110
It save changes.

74
00:06:07,350 --> 00:06:08,430
Settings saved.

75
00:06:08,430 --> 00:06:11,060
And now if we refresh the home page

76
00:06:14,860 --> 00:06:21,280
we'll see a featured post which is sticky which means that post sticks to the top.

77
00:06:22,590 --> 00:06:28,260
There's our latest hello world page that was formed as a default post when we installed WordPress.

78
00:06:28,260 --> 00:06:34,610
But then here's the rest.

79
00:06:34,910 --> 00:06:37,340
That's a long post.

80
00:06:37,360 --> 00:06:38,140
Here's another one.

81
00:06:38,140 --> 00:06:43,290
Image alignment.

82
00:06:43,500 --> 00:06:50,970
One of the things we can do to trim down each of those lengthy pages is to show instead of 10 posts

83
00:06:50,970 --> 00:06:52,190
on a page.

84
00:06:52,260 --> 00:07:04,410
Let's go ahead and show three we can also if I go back to the home page itself on the first page of

85
00:07:04,410 --> 00:07:11,490
this home page I want to shorten up this one called markup H.T. email tags and formatting.

86
00:07:11,560 --> 00:07:13,790
I'll just use the convenient edit button here.

87
00:07:15,630 --> 00:07:25,510
And after a small section of the post what I'll do is insert a read more tag.

88
00:07:26,350 --> 00:07:32,560
That way when this post is being displayed on an archive page or on a list of posts page like the home

89
00:07:32,560 --> 00:07:42,400
page it'll place a read more link instead of listing the whole post click update Gary.

90
00:07:42,490 --> 00:07:43,460
Let's take a look.

91
00:07:49,510 --> 00:07:50,590
Here's the sticky posts.

92
00:07:50,590 --> 00:07:52,330
Hello world.

93
00:07:52,330 --> 00:07:53,430
And great.

94
00:07:53,440 --> 00:08:00,040
Instead of the lengthy post I've got a continue reading button where I can click that to open up the

95
00:08:00,040 --> 00:08:03,060
post itself.

96
00:08:03,070 --> 00:08:10,690
Now that we have a revised layout with blog posts on the home page instead of a single page you can

97
00:08:10,690 --> 00:08:17,680
also see that our pages widget has changed and so many more pages that we imported as a part of that

98
00:08:17,880 --> 00:08:19,040
XML document.

99
00:08:21,180 --> 00:08:27,390
But let's go ahead and look at what a different theme would look like with the same content.

100
00:08:27,660 --> 00:08:30,800
So under appearance theme's

101
00:08:33,790 --> 00:08:41,740
you can see that we have 20:16 active 2015 and 2014 is an interesting theme that's designed as kind

102
00:08:41,740 --> 00:08:46,160
of a magazine theme with blog posts on the home page.

103
00:08:46,290 --> 00:08:53,030
If we click live preview it will open the customized and show us what our existing content will look

104
00:08:53,030 --> 00:08:54,940
like inside of a new theme.

105
00:08:58,080 --> 00:09:01,680
It is nice you can see the typographic is totally different.

106
00:09:01,680 --> 00:09:06,660
The column is narrower.

107
00:09:06,850 --> 00:09:13,540
Here's a widget on the side that came from our original footer widget and then if I scroll to the very

108
00:09:13,540 --> 00:09:17,900
bottom of the page here's the map which was our other footer widget.

109
00:09:18,400 --> 00:09:23,590
When you change themes sometimes the widget locations change a little bit.

110
00:09:23,800 --> 00:09:32,770
So what's called the footer widget area here in 2014 contains my Google map plug in map and in the content

111
00:09:32,880 --> 00:09:44,240
sidebar that's where the find me widget is up here in the content side bar and the primary side bar

112
00:09:44,480 --> 00:09:51,890
looks like it has the search window and the pages widget that we had placed before well I'm just looking

113
00:09:51,890 --> 00:09:58,830
at a sample so I can close that and I'm back to the other theme.

114
00:10:00,980 --> 00:10:06,440
In this video you imported a theme testing document into your Wordpress installation and modify the

115
00:10:06,520 --> 00:10:10,530
homepage to list posts instead of a single page.

116
00:10:10,700 --> 00:10:17,440
You also previewed the 2014 theme without actually activating it in the next video.

117
00:10:17,540 --> 00:10:23,660
You'll activate 2014 revise the widgets to match the theme and add a featured posts area to the home

118
00:10:23,660 --> 00:10:24,270
page.