1
00:00:00,000 --> 00:00:01,560
Let's go ahead now and add

2
00:00:01,560 --> 00:00:03,570
the blog section
on our homepage.

3
00:00:03,570 --> 00:00:05,940
And you can see this is what
we're trying to accomplish.

4
00:00:05,940 --> 00:00:07,440
We will have our headline,

5
00:00:07,440 --> 00:00:10,050
it divider and two blog posts,

6
00:00:10,050 --> 00:00:11,640
which will have the
featured image,

7
00:00:11,640 --> 00:00:13,020
the title of the post,

8
00:00:13,020 --> 00:00:15,440
the excerpt, as well
as a read more link.

9
00:00:15,435 --> 00:00:17,525
And then the read more posts

10
00:00:17,520 --> 00:00:20,170
bottom dealt actually
linked to the blog page.

11
00:00:20,170 --> 00:00:21,740
But here's the thing though.

12
00:00:21,740 --> 00:00:25,280
Let me drag the same
demo site right here,

13
00:00:25,280 --> 00:00:27,470
but with the backend
you will see I have

14
00:00:27,470 --> 00:00:30,020
access to certain
elements in here,

15
00:00:30,020 --> 00:00:34,720
like the pulse grid as well
as the post time line.

16
00:00:34,715 --> 00:00:38,075
But if asked to go to
my own site right here.

17
00:00:38,075 --> 00:00:41,065
And if I scroll down to the
essential atoms section,

18
00:00:41,060 --> 00:00:43,970
you will see that I
don't have access to

19
00:00:43,970 --> 00:00:46,910
those elements and you
will not see them either.

20
00:00:46,910 --> 00:00:48,860
And that's because we

21
00:00:48,860 --> 00:00:51,740
need to activate them
in the back-end.

22
00:00:51,740 --> 00:00:52,790
What am I talking about?

23
00:00:52,790 --> 00:00:55,900
Let me first of all
drag this page away.

24
00:00:55,895 --> 00:00:58,255
Let's go to the back end,

25
00:00:58,250 --> 00:01:00,410
the actual WordPress backend,

26
00:01:00,410 --> 00:01:02,890
and you will see essential
add-ons in here.

27
00:01:02,885 --> 00:01:03,985
Go ahead and click on it.

28
00:01:03,980 --> 00:01:05,120
And now right here
where you have

29
00:01:05,120 --> 00:01:07,400
elements, you click in there.

30
00:01:07,400 --> 00:01:08,780
And you right here,

31
00:01:08,780 --> 00:01:11,840
this is where you can
activate or deactivate

32
00:01:11,840 --> 00:01:15,050
elements that you'll
walk in width.

33
00:01:15,050 --> 00:01:16,820
So let's do this.

34
00:01:16,820 --> 00:01:19,600
Okay, I will actually
go ahead and disable

35
00:01:19,595 --> 00:01:22,765
every single element
or an aldose,

36
00:01:22,760 --> 00:01:26,360
activate a few, the ones
that we would probably use.

37
00:01:26,360 --> 00:01:29,180
I'm going to activate
the testimonial element

38
00:01:29,180 --> 00:01:30,470
right here and then
right here under

39
00:01:30,470 --> 00:01:32,140
your dynamic content elements,

40
00:01:32,135 --> 00:01:34,225
I'll activate the
post grid as well

41
00:01:34,220 --> 00:01:36,640
as the post time line.

42
00:01:36,635 --> 00:01:40,115
Let's go ahead and
save our settings.

43
00:01:40,115 --> 00:01:44,995
Now we'll go back to the
homepage edit with Elementor I.

44
00:01:44,990 --> 00:01:49,100
If I scroll down to the
essential add-ons section,

45
00:01:49,100 --> 00:01:52,610
you will see we now
have access to just a

46
00:01:52,610 --> 00:01:56,930
few of the elements I not show.

47
00:01:56,930 --> 00:01:59,930
Are we still while you can
still see a better payment,

48
00:01:59,929 --> 00:02:01,519
easy jobs, carrier
pages, elements,

49
00:02:01,520 --> 00:02:03,380
I don't know why, but it's fine.

50
00:02:03,380 --> 00:02:04,760
At least now, we have access to

51
00:02:04,760 --> 00:02:07,130
the post grid as well
as the post timeline.

52
00:02:07,130 --> 00:02:09,400
So here's exactly
what we're gonna do.

53
00:02:09,395 --> 00:02:13,655
First of all, we're going
to drag in our header,

54
00:02:13,655 --> 00:02:16,015
which would say visit our blog.

55
00:02:16,010 --> 00:02:19,330
So I'm going to drag
the heading right here.

56
00:02:19,325 --> 00:02:26,995
So I'll say visits blog.

57
00:02:26,990 --> 00:02:29,480
Let's align it to the center.

58
00:02:29,480 --> 00:02:32,140
Next up will be the divider.

59
00:02:32,135 --> 00:02:34,595
So let's add down as well.

60
00:02:34,595 --> 00:02:37,885
I'm going to align to
the center with very,

61
00:02:37,880 --> 00:02:39,050
very short width of about,

62
00:02:39,050 --> 00:02:42,860
let's say 20% should be fine.

63
00:02:42,860 --> 00:02:44,600
Now here's going to be

64
00:02:44,600 --> 00:02:46,860
the main thing. We're
going to go back.

65
00:02:46,860 --> 00:02:51,950
We're gonna make use of the
post grid, post timeline.

66
00:02:51,950 --> 00:02:53,170
I'll show you how that works

67
00:02:53,165 --> 00:02:54,625
when we build on the blog page.

68
00:02:54,620 --> 00:02:57,020
But I'm going to drag the
poles grid right here,

69
00:02:57,020 --> 00:02:59,210
just underneath the divider.

70
00:02:59,210 --> 00:03:01,070
Let's drop it in there.

71
00:03:01,070 --> 00:03:02,390
Okay.

72
00:03:02,390 --> 00:03:04,890
Now, posts per page,

73
00:03:04,894 --> 00:03:07,414
I'm going to switch
this one to two.

74
00:03:07,415 --> 00:03:10,115
We only have two pages in here.

75
00:03:10,115 --> 00:03:14,585
And a thin is you can
source by maybe the author.

76
00:03:14,585 --> 00:03:16,375
You can also pick
specifically by

77
00:03:16,370 --> 00:03:18,350
categories as well as you simply

78
00:03:18,350 --> 00:03:19,430
come in here and
type in the name of

79
00:03:19,430 --> 00:03:22,790
the category whose
posts you want to show.

80
00:03:22,790 --> 00:03:26,120
So on you can offset by
maybe one post you can

81
00:03:26,120 --> 00:03:28,910
order by the Date
descending, and so on.

82
00:03:28,910 --> 00:03:32,020
You have access to
all these settings.

83
00:03:32,015 --> 00:03:34,525
But the main one that
actually wants to walk

84
00:03:34,520 --> 00:03:38,030
with is going to be the
layout settings right here.

85
00:03:38,030 --> 00:03:41,560
In here, you have just
one template layout,

86
00:03:41,555 --> 00:03:43,655
which is the default
lit, which is fine.

87
00:03:43,650 --> 00:03:46,840
But then the columns are
going to make this one too.

88
00:03:46,840 --> 00:03:49,750
Now right here, the image size,

89
00:03:49,750 --> 00:03:52,550
we're going to go with full.

90
00:03:52,800 --> 00:03:54,610
And there you go.

91
00:03:54,610 --> 00:03:57,870
So now things are starting
to look a lot better.

92
00:03:57,865 --> 00:04:00,975
But then of course we
can also do things like

93
00:04:00,970 --> 00:04:04,120
the show our Lord
more if you want to.

94
00:04:04,120 --> 00:04:05,680
So when you activate this,

95
00:04:05,680 --> 00:04:07,030
you'll see this button
right here that will

96
00:04:07,030 --> 00:04:08,680
load more blog posts as well,

97
00:04:08,680 --> 00:04:10,810
but we're not gonna do that.

98
00:04:10,810 --> 00:04:13,450
You do have access
to a grid style,

99
00:04:13,450 --> 00:04:15,340
which isn't much of

100
00:04:15,340 --> 00:04:17,350
a difference between
good and missionary.

101
00:04:17,350 --> 00:04:18,850
I guess, when you,
when you are shooting

102
00:04:18,850 --> 00:04:21,120
more posts and welcome
with more columns,

103
00:04:21,115 --> 00:04:23,535
that's when you'll see
the difference ball would

104
00:04:23,530 --> 00:04:26,160
just took with masonry
for now. Okay.

105
00:04:26,160 --> 00:04:27,320
Showed a title?

106
00:04:27,320 --> 00:04:29,420
Yes. We want to show the title.

107
00:04:29,420 --> 00:04:31,130
Should they accept yes,

108
00:04:31,130 --> 00:04:35,930
but we're going to extend
the except to 50 words.

109
00:04:35,930 --> 00:04:37,070
Okay, so there you go,

110
00:04:37,070 --> 00:04:39,710
50 and then 50 letters rather.

111
00:04:39,710 --> 00:04:42,040
And then in here the
show we'd More button,

112
00:04:42,035 --> 00:04:43,855
yes, we want to do that one.

113
00:04:43,850 --> 00:04:46,180
Show post terms.

114
00:04:46,175 --> 00:04:47,635
We can show this.

115
00:04:47,630 --> 00:04:50,930
This would be things
like your tags,

116
00:04:50,930 --> 00:04:52,130
your categories, and so on.

117
00:04:52,130 --> 00:04:53,300
But we're not gonna do that one,

118
00:04:53,300 --> 00:04:55,240
so we'll just go
ahead and hide that.

119
00:04:55,235 --> 00:04:56,645
Now. Show meter.

120
00:04:56,645 --> 00:04:58,955
This is going to
be for the author,

121
00:04:58,955 --> 00:05:00,655
the date it was published.

122
00:05:00,650 --> 00:05:02,770
I'll go ahead and hide that.

123
00:05:02,765 --> 00:05:05,435
But again, of course this
is entirely subjective.

124
00:05:05,435 --> 00:05:08,395
You are more than
welcome to display.

125
00:05:08,390 --> 00:05:11,290
You'll need the information
if you want to.

126
00:05:11,285 --> 00:05:13,795
Alright, links right here.

127
00:05:13,790 --> 00:05:16,640
You can do things
like Target blank for

128
00:05:16,640 --> 00:05:18,620
your images are no
full of this would

129
00:05:18,620 --> 00:05:21,070
be for SEO purposes,

130
00:05:21,065 --> 00:05:22,435
are and so on.

131
00:05:22,430 --> 00:05:24,440
All right, let's
go over to style

132
00:05:24,440 --> 00:05:25,930
and let's see what
we have in here.

133
00:05:25,925 --> 00:05:27,945
The post grid style default,

134
00:05:27,949 --> 00:05:29,569
you've got style to,

135
00:05:29,569 --> 00:05:31,159
which would have the dates.

136
00:05:31,160 --> 00:05:33,140
You've got style three here,

137
00:05:33,140 --> 00:05:34,670
which won't have the date which

138
00:05:34,670 --> 00:05:36,130
is kind of similar
to the default.

139
00:05:36,125 --> 00:05:38,035
I guess there wasn't that
much of a difference.

140
00:05:38,030 --> 00:05:39,650
And of course in here
you can do things like

141
00:05:39,650 --> 00:05:41,410
change the posts
background color,

142
00:05:41,405 --> 00:05:43,585
add some more spacing
if you want to.

143
00:05:43,580 --> 00:05:47,600
We're gonna come down here to
color typography and style.

144
00:05:47,600 --> 00:05:51,410
So right here when you
hover on the title,

145
00:05:51,410 --> 00:05:55,280
you can see right here, it
has this color right here.

146
00:05:55,280 --> 00:05:56,870
We can simply just change that

147
00:05:56,870 --> 00:05:58,510
to black so there is no change,

148
00:05:58,510 --> 00:06:01,070
is just basically a link.
It's not going to change.

149
00:06:01,070 --> 00:06:03,550
But again, very,
very subjective.

150
00:06:03,545 --> 00:06:08,705
You can add a link by day if
you want to tackle style.

151
00:06:08,704 --> 00:06:10,954
I'm gonna come down
here to typography.

152
00:06:10,955 --> 00:06:13,205
For the declaration.

153
00:06:13,205 --> 00:06:14,545
We can go with none,

154
00:06:14,540 --> 00:06:17,560
so it's not on the
line, but again,

155
00:06:17,555 --> 00:06:20,765
until you subjective or style,

156
00:06:20,765 --> 00:06:23,015
we can go with italic bulb.

157
00:06:23,015 --> 00:06:25,055
I'll just stick
with the default.

158
00:06:25,055 --> 00:06:27,445
All right, That's
what a typography.

159
00:06:27,440 --> 00:06:29,390
And then it down here,

160
00:06:29,390 --> 00:06:32,420
you have the hover cut style.

161
00:06:32,420 --> 00:06:35,450
Right now when you hover
on the featured image,

162
00:06:35,450 --> 00:06:37,190
you have kind of
like this animation,

163
00:06:37,190 --> 00:06:38,690
this fading animation.

164
00:06:38,690 --> 00:06:40,550
And then with the
black background,

165
00:06:40,550 --> 00:06:42,080
you can click in there.

166
00:06:42,080 --> 00:06:43,700
This is where you can
change the animation.

167
00:06:43,700 --> 00:06:45,530
So instead of fading in
and you can do maybe like

168
00:06:45,530 --> 00:06:48,020
a zoom in where it zooms in.

169
00:06:48,020 --> 00:06:51,110
Or you can do a slide
up, so you can see that.

170
00:06:51,110 --> 00:06:52,370
And then of course
you can change the

171
00:06:52,370 --> 00:06:53,510
background color was well,

172
00:06:53,510 --> 00:06:55,130
maybe make it something less

173
00:06:55,129 --> 00:06:58,059
darkish me, something like this.

174
00:06:58,055 --> 00:07:02,255
You can also change the
icon, They'll be displayed.

175
00:07:02,254 --> 00:07:06,664
You have all these options
are available for you.

176
00:07:06,665 --> 00:07:08,725
But I'm just going to
leave this as it is.

177
00:07:08,720 --> 00:07:10,500
I'm just changed the color

178
00:07:10,500 --> 00:07:12,840
back to something a bit darker.

179
00:07:12,835 --> 00:07:16,495
And that's okay,
that's perfectly fine.

180
00:07:16,495 --> 00:07:17,775
And that's it.

181
00:07:17,770 --> 00:07:19,840
All right, so lastly we're
gonna do is to simply

182
00:07:19,840 --> 00:07:22,510
add the Read More post button.

183
00:07:22,510 --> 00:07:25,180
So let's drag a button in here.

184
00:07:25,180 --> 00:07:30,720
And I will say read more.

185
00:07:30,715 --> 00:07:33,885
And now this link will go
to the blog page, so forth.

186
00:07:33,880 --> 00:07:37,680
Large blog aligned
to the center.

187
00:07:37,675 --> 00:07:41,875
And we're gonna make some
changes as good to style.

188
00:07:41,875 --> 00:07:43,965
The background.

189
00:07:43,960 --> 00:07:48,820
For the bottom will
be the orange color,

190
00:07:48,820 --> 00:07:53,030
and then the text color,
of course would be white.

191
00:07:53,025 --> 00:07:58,225
Let's go to the topography
which transform uppercase.

192
00:07:58,220 --> 00:08:02,120
And let's actually
say read more posts.

193
00:08:02,120 --> 00:08:05,140
Read more posts, I believe
them just take a look.

194
00:08:05,135 --> 00:08:06,845
Yeah, it says Read more posts.

195
00:08:06,845 --> 00:08:08,945
So we'd more posts.

196
00:08:08,945 --> 00:08:10,495
And that's it.

197
00:08:10,490 --> 00:08:12,220
Let's go back to style again.

198
00:08:12,215 --> 00:08:15,235
For the typography,
we're going to go back

199
00:08:15,230 --> 00:08:18,530
in here style, the curation non.

200
00:08:18,530 --> 00:08:19,910
So we don't have any on

201
00:08:19,910 --> 00:08:22,550
the line button in
there. And that's it.

202
00:08:22,550 --> 00:08:25,460
You can add your borders and
do other things as well,

203
00:08:25,460 --> 00:08:27,380
but I think this should
be fine for now.

204
00:08:27,380 --> 00:08:29,270
So let's go ahead and update.

205
00:08:29,270 --> 00:08:30,920
And that's it.

206
00:08:30,920 --> 00:08:34,780
So you're more than
welcome to style this.

207
00:08:34,775 --> 00:08:37,105
Anyway, you want to, you
don't necessarily have to use

208
00:08:37,100 --> 00:08:40,280
the exact same colors or the
exact same texts and so on.

209
00:08:40,280 --> 00:08:41,450
And that's it.

210
00:08:41,450 --> 00:08:42,920
So one more thing, one
more thing we should do

211
00:08:42,920 --> 00:08:45,020
before I round this up is to add

212
00:08:45,020 --> 00:08:49,220
some space in between the
gallery section and a blog,

213
00:08:49,220 --> 00:08:51,590
as well as the
block and the FUTA.

214
00:08:51,590 --> 00:08:53,860
Let's go back real quick.

215
00:08:53,855 --> 00:08:55,615
And of course we're
going to edit

216
00:08:55,610 --> 00:08:58,370
this section for our blog

217
00:08:58,370 --> 00:09:00,110
and we're going to
add some padding.

218
00:09:00,110 --> 00:09:02,450
So let's go in here
and it's section

219
00:09:02,450 --> 00:09:04,880
go to Advanced
unlink these values.

220
00:09:04,880 --> 00:09:07,520
So top, Let's add 50.

221
00:09:07,520 --> 00:09:10,820
Then bottom, we're
going to add 15.

222
00:09:10,820 --> 00:09:12,640
And then that should be enough.

223
00:09:12,635 --> 00:09:14,365
Let's go ahead update.

224
00:09:14,360 --> 00:09:15,910
One more time.

225
00:09:15,905 --> 00:09:19,525
View the page. Scroll down,

226
00:09:19,520 --> 00:09:21,560
and that is it.

227
00:09:21,560 --> 00:09:23,990
So we've built out the
blog page, German vin,

228
00:09:23,990 --> 00:09:25,450
next video where we'll build out

229
00:09:25,445 --> 00:09:29,165
the deals and packages section.