1
00:00:00,910 --> 00:00:05,340
In this lesson you'll import or create 30 posts in our custom post-time.

2
00:00:05,520 --> 00:00:11,340
You'll organize lots of posts images categories and tags and make sure they display well within the

3
00:00:11,340 --> 00:00:12,240
theme.

4
00:00:12,330 --> 00:00:17,580
By the end you'll have the skills to set up custom post types for any website project no matter what

5
00:00:17,580 --> 00:00:19,410
theme you've settled on with the client.

6
00:00:19,620 --> 00:00:27,800
Let's go let's go and just take one more look at my sample site which is showing a single photograph

7
00:00:27,800 --> 00:00:32,150
post in the custom post type called photographs.

8
00:00:32,150 --> 00:00:34,020
So this one is Jake the dog.

9
00:00:34,100 --> 00:00:41,330
It's got a little bit of copy and a full size photo inside of the single post and then below it's got

10
00:00:41,540 --> 00:00:45,700
where the category which is our custom taxonomy called dogs.

11
00:00:45,920 --> 00:00:53,190
And then whatever words that it's been tagged with back in the student's sandbox in the Wordpress dashboard

12
00:00:53,190 --> 00:00:59,910
under the site that we've been working on with the cafe pro theme in the last video we enabled custom

13
00:00:59,910 --> 00:01:09,410
press and we set up a content type called photographs and a custom taxonomy as well as some custom fields

14
00:01:10,490 --> 00:01:17,390
let's create four posts in our photographs custom post type and let's create one post for each of the

15
00:01:17,390 --> 00:01:20,670
four categories or photo types.

16
00:01:20,990 --> 00:01:26,540
So under photographs click Add new and you can see over on the right.

17
00:01:26,640 --> 00:01:29,760
We've already got four photo types that are available.

18
00:01:29,880 --> 00:01:36,210
Let's start with dogs and just choose any name for your dog.

19
00:01:39,400 --> 00:01:46,490
And now since these posts are already inside our photographs custom post hope and we've created those

20
00:01:46,890 --> 00:01:50,090
post types taxonomies and custom fields.

21
00:01:50,090 --> 00:01:55,610
You can see we've got all of our choices up here a tag system the photo types that I just mentioned

22
00:01:56,030 --> 00:02:04,320
as well as below the content editing area a photograph information section which is our custom fields.

23
00:02:04,390 --> 00:02:06,340
Here's a small challenge for you.

24
00:02:06,340 --> 00:02:12,970
Create all four posts that are photographed custom posts and populate them with information.

25
00:02:12,970 --> 00:02:14,460
Choose a camera.

26
00:02:14,620 --> 00:02:23,580
Fill in a type of lens and choose a date using the date picker and over on the right hand side.

27
00:02:23,740 --> 00:02:30,580
Choose two or three tags if you click the button choose from the most use tags you'll see the tags that

28
00:02:30,580 --> 00:02:33,850
I have populated into the sandbox right here for you.

29
00:02:35,740 --> 00:02:43,750
Choose one of the photo types for each of the four posts and then use the same image for the featured

30
00:02:43,750 --> 00:02:44,920
image.

31
00:02:45,010 --> 00:02:48,240
You'll see that there's 30 images here.

32
00:02:48,480 --> 00:02:57,320
Some are landscapes some are dogs some are people and others are still life so you can choose a dog's

33
00:02:57,320 --> 00:03:02,020
photo for the featured image for this particular one.

34
00:03:02,060 --> 00:03:13,360
And lastly inside the body text area click Add media choose the same image that you did for the featured

35
00:03:13,360 --> 00:03:15,870
image make it centered.

36
00:03:15,880 --> 00:03:25,080
Use no you are l and let's make it the large size and click insert into post and now the cursor is right

37
00:03:25,080 --> 00:03:32,700
below the image here or click enter once and then however you like put a little bit of copy down here.

38
00:03:32,910 --> 00:03:43,320
You might go to Lipscombe dot org as I've instructed you before and grab maybe one sentence really of

39
00:03:43,320 --> 00:03:48,090
Lorem Ipsum text to put inside the post to.

40
00:03:49,070 --> 00:03:57,940
So I'll just grab one sentence here and click copy that will be a little bit of content below each of

41
00:03:57,940 --> 00:03:59,400
our images.

42
00:03:59,530 --> 00:04:02,410
And now we've got all the information that we need.

43
00:04:06,400 --> 00:04:15,080
And you can click publish so pas the video now create all four posts one for each photo type and populate

44
00:04:15,080 --> 00:04:20,750
them with images content and custom fields as word tags.

45
00:04:20,830 --> 00:04:23,100
I didn't choose the tags for this one.

46
00:04:23,120 --> 00:04:32,080
I think this is it's a dog I would call this summer.

47
00:04:32,300 --> 00:04:34,020
Is that a dog sweater.

48
00:04:35,420 --> 00:04:35,820
Sure.

49
00:04:35,840 --> 00:04:38,270
That sounds fine and a quick update.

50
00:04:38,270 --> 00:04:42,670
So come back after pausing the video and we'll see how you do it.

51
00:04:43,990 --> 00:04:45,570
How did that go for you.

52
00:04:45,580 --> 00:04:47,520
It should have been relatively straightforward.

53
00:04:47,860 --> 00:04:52,360
If you open one of your four posts you created and open the permalink.

54
00:04:52,360 --> 00:04:59,830
Let's take a look at one of our individual posts or right click and click Open link in new tab.

55
00:05:00,310 --> 00:05:05,760
And as I open up that page you can see that I've got the title of full with image.

56
00:05:06,100 --> 00:05:08,150
Some copy that I placed below.

57
00:05:08,470 --> 00:05:10,510
Here's where we have the Filed under.

58
00:05:10,510 --> 00:05:18,040
This is our category or our photo type and on the right are tags.

59
00:05:18,270 --> 00:05:22,260
Let's take a look at the L slash photographs.

60
00:05:22,260 --> 00:05:30,360
If you navigate to that this should give you a list of all of your photograph posts along with their

61
00:05:30,510 --> 00:05:35,330
image and their text and filed under still live.

62
00:05:35,340 --> 00:05:37,150
And here are the tags.

63
00:05:37,200 --> 00:05:37,720
Great.

64
00:05:37,800 --> 00:05:45,390
And as I go down I'm showing four items on a page and then I've got a pagination here via number and

65
00:05:45,390 --> 00:05:47,000
I can go to the next page.

66
00:05:47,010 --> 00:05:53,340
One thing I'm seeing that I want to change is that I'm showing this full with image and the text below.

67
00:05:53,550 --> 00:05:59,730
And I'm just going to make a quick Genesis change and you can follow along and do this on your own sandbox

68
00:05:59,790 --> 00:06:03,220
site under Genesis and theme settings.

69
00:06:03,220 --> 00:06:09,450
I want to scroll down and I know the default layout is full with but I'd like to show in the content

70
00:06:09,510 --> 00:06:14,810
archives when I list different posts in a list instead of showing the entry content.

71
00:06:14,820 --> 00:06:24,010
I'd like to show an excerpt as well as the featured image and I think 300 for my medium is probably

72
00:06:24,010 --> 00:06:25,730
a little bit small but let's take a look at it.

73
00:06:25,730 --> 00:06:27,810
Image alignment left.

74
00:06:27,910 --> 00:06:28,310
Great.

75
00:06:28,330 --> 00:06:32,210
And let's go down and click save changes.

76
00:06:32,290 --> 00:06:40,040
Now let's look at that photograph page again by refreshing and yeah I like it except I'd like this image

77
00:06:40,040 --> 00:06:46,340
to fill up maybe half the screen or a little bit more pert perhaps so I'm going to change my thumbnails

78
00:06:46,640 --> 00:06:48,980
to 600 pixel thumbnails.

79
00:06:48,980 --> 00:06:50,400
Do you remember how to do that.

80
00:06:50,540 --> 00:06:52,210
Here's a nice challenge for you.

81
00:06:52,280 --> 00:07:01,520
Go back into settings and media settings and change your medium thumbnail size to 600 by 600 and then

82
00:07:01,520 --> 00:07:07,790
use the regenerate thumbnails plug in to regenerate those thumbnails into the larger size puzzle video

83
00:07:07,790 --> 00:07:09,140
now and give it a go.

84
00:07:10,350 --> 00:07:11,530
How they go for you.

85
00:07:11,840 --> 00:07:19,930
Well I mean settings media and I just need to change my Macs with to 600 by 600

86
00:07:22,580 --> 00:07:24,550
and then I'll click save changes.

87
00:07:26,280 --> 00:07:33,430
And the last step as I suggested use the regenerate thumbnails plug in and just regenerate all the thumbnails

88
00:07:34,200 --> 00:07:38,300
that will create those 600 pixel wide images from the originals.

89
00:07:38,320 --> 00:07:44,230
So we maintain quality instead of enlarging the 300 pixel size.

90
00:07:44,290 --> 00:07:47,830
Great now that that's 100 percent finished it's open.

91
00:07:47,890 --> 00:07:53,940
The photographs archive again and take a look at our 600 pixel white images.

92
00:07:55,040 --> 00:08:02,030
Nice So we're listing for posts and then we can click next page and we've got four more.

93
00:08:02,060 --> 00:08:02,990
Great.

94
00:08:03,080 --> 00:08:10,450
Now if we look at one of our photo type categories one called Still Life.

95
00:08:10,460 --> 00:08:15,500
I've got all the still lives in one list again for at a time.

96
00:08:15,620 --> 00:08:16,420
That's great.

97
00:08:16,460 --> 00:08:19,540
And what happens if I go to one of my tags.

98
00:08:19,610 --> 00:08:21,830
I'm going to click antique.

99
00:08:21,890 --> 00:08:28,760
Now if you get this problem we may have to change the settings under the custom press plugin for how

100
00:08:28,760 --> 00:08:31,670
to display archive pages like this.

101
00:08:31,700 --> 00:08:39,480
You can see that I'm trying to view the tag page for the tag antique and no posts are matching my criteria.

102
00:08:39,740 --> 00:08:45,740
Well go back into the Wordpress dashboard and you can see I do have all these tags and the antique tag

103
00:08:45,740 --> 00:08:50,060
does have 5 posts or photograph posts.

104
00:08:50,270 --> 00:08:53,360
Well under custom press and settings.

105
00:08:53,360 --> 00:08:59,600
This is a place where you will need to make a slight change now on the archive pages when we look at

106
00:08:59,600 --> 00:09:01,510
tags or categories.

107
00:09:01,700 --> 00:09:09,770
Instead of checking default to uncheck default and we want to check photograph and that way when we

108
00:09:09,770 --> 00:09:16,310
look at archive pages it will show posts from the photograph post type as well as anything else we'd

109
00:09:16,310 --> 00:09:17,560
like to select here.

110
00:09:17,810 --> 00:09:25,410
So if I click save changes now when I go back to the antique tag page if I refresh the page I should

111
00:09:25,410 --> 00:09:29,430
get five posts in the antique category.

112
00:09:30,500 --> 00:09:30,900
Great.

113
00:09:30,930 --> 00:09:35,910
And on the next page I think this should just be one more awesome.

114
00:09:36,000 --> 00:09:42,720
Now when we're looking at any archive page if we click the image or the title it'll bring us to a full

115
00:09:42,720 --> 00:09:51,720
width page which is the single post with its content the full size image as well as the file under data

116
00:09:51,810 --> 00:09:58,080
which is our photo type or category as well as the tags that we're using for each image.

117
00:09:59,770 --> 00:10:06,910
In this lesson you imported or created 30 posts in our new photographs custom post type and make sure

118
00:10:06,940 --> 00:10:10,080
they contain all our custom data and images.

119
00:10:10,210 --> 00:10:17,110
Then you arranged the post type display in the cafe pro theme to look good inside archive pages.

120
00:10:17,110 --> 00:10:23,050
Next we'll finish the chapter by creating a conditional display widget for the custom fields we're using

121
00:10:23,050 --> 00:10:28,720
in each photograph post and we'll arrange some of our new custom post type content on the scrolling

122
00:10:28,720 --> 00:10:29,740
home page.

123
00:10:29,770 --> 00:10:30,270
See there