1
00:00:00,000 --> 00:00:03,140
So now that you've added
all the necessary content

2
00:00:03,135 --> 00:00:04,355
onto your science,

3
00:00:04,350 --> 00:00:06,870
it is now attempt to
install some plugins.

4
00:00:06,870 --> 00:00:08,430
And of course, the very
first plugin we're going to

5
00:00:08,430 --> 00:00:12,120
install will be elements
of before I do that,

6
00:00:12,120 --> 00:00:15,470
I do have three plugins
already active on my site,

7
00:00:15,465 --> 00:00:17,615
Saigon optimizer and security

8
00:00:17,610 --> 00:00:19,410
because I'm hosting
with SiteGround.

9
00:00:19,410 --> 00:00:20,970
And then WordPress importer,

10
00:00:20,970 --> 00:00:24,120
if you've imported the XML file

11
00:00:24,120 --> 00:00:26,140
that I provided for you
in the previous video,

12
00:00:26,140 --> 00:00:27,470
you're most likely
would have used

13
00:00:27,470 --> 00:00:29,060
the WordPress input our plugin.

14
00:00:29,060 --> 00:00:31,310
So I did the exact
same thing for myself.

15
00:00:31,310 --> 00:00:34,420
So that's why I do have
the plugin active there.

16
00:00:34,415 --> 00:00:36,035
But we're gonna do
now is we're going to

17
00:00:36,035 --> 00:00:38,275
add three different plugins.

18
00:00:38,270 --> 00:00:42,200
And the first one obviously
is going to be elemental.

19
00:00:42,200 --> 00:00:44,630
That's the main plug-in it
we're gonna be working with.

20
00:00:44,630 --> 00:00:46,510
It's the one right here.

21
00:00:46,505 --> 00:00:49,295
And of course it's the
free version of elemental.

22
00:00:49,295 --> 00:00:52,265
But because it's the free
version of Elementor,

23
00:00:52,265 --> 00:00:53,755
it's a little bit restricted in

24
00:00:53,750 --> 00:00:56,080
terms of features available.

25
00:00:56,075 --> 00:00:58,855
In order to compensate for that,

26
00:00:58,850 --> 00:01:01,460
we're going to install
two more plug-ins on

27
00:01:01,460 --> 00:01:04,100
the very first one here is
right next to elemental.

28
00:01:04,100 --> 00:01:08,520
It's the essential atoms for
elemental by WPF developer.

29
00:01:08,524 --> 00:01:11,574
I'm gonna go ahead to
install the plug-in as well.

30
00:01:11,570 --> 00:01:13,190
And then finally, we're

31
00:01:13,190 --> 00:01:14,840
going to install
the one down here,

32
00:01:14,840 --> 00:01:16,400
which is the
elemental header and

33
00:01:16,400 --> 00:01:20,110
footer buildup by
brainstorm force.

34
00:01:20,105 --> 00:01:22,345
So let us go ahead
install the plug-in.

35
00:01:22,340 --> 00:01:24,650
And yeah, I'm gonna go ahead

36
00:01:24,650 --> 00:01:27,130
and now to Installed plugins.

37
00:01:27,125 --> 00:01:28,825
This is going to go
ahead and activate

38
00:01:28,820 --> 00:01:31,870
them one at a time.

39
00:01:31,865 --> 00:01:34,765
Activates header and
footer builder and then

40
00:01:34,760 --> 00:01:37,070
activate essential
Adams for air.

41
00:01:37,070 --> 00:01:40,430
Mentor. Now, once you

42
00:01:40,430 --> 00:01:43,570
activate the essential
atoms for Elementor,

43
00:01:43,565 --> 00:01:45,265
you may see a page.

44
00:01:45,260 --> 00:01:46,460
In fact, let me go
ahead and click

45
00:01:46,460 --> 00:01:48,370
on the link right here.

46
00:01:48,365 --> 00:01:51,865
Because this isn't the
first time that I have

47
00:01:51,860 --> 00:01:55,940
installed the essential
atoms plugin on my page.

48
00:01:55,940 --> 00:01:59,240
You're not, I'm not
seeing the welcome page.

49
00:01:59,240 --> 00:02:02,060
So it's very likely
that you may have seen

50
00:02:02,060 --> 00:02:05,680
a different page where they
will say, Hey, welcome.

51
00:02:05,675 --> 00:02:08,315
Choose which elements
you want to walk with.

52
00:02:08,315 --> 00:02:10,345
Just click on Next, Next, Next,

53
00:02:10,340 --> 00:02:12,200
Next they will also offer you

54
00:02:12,200 --> 00:02:13,880
the upgrade to pay for

55
00:02:13,880 --> 00:02:16,090
the paid version of
essential atoms.

56
00:02:16,085 --> 00:02:17,315
Just ignore that.

57
00:02:17,315 --> 00:02:19,285
Just click on Next, Next,
Next and then Finish.

58
00:02:19,280 --> 00:02:20,420
And then this would basically

59
00:02:20,420 --> 00:02:23,150
be the page that you would see.

60
00:02:23,150 --> 00:02:25,310
But more on that a bit later.

61
00:02:25,310 --> 00:02:30,710
Let's take a look at elements
are first of all, settings.

62
00:02:30,710 --> 00:02:33,220
What exactly do we have in here?

63
00:02:33,215 --> 00:02:35,515
The first thing here is
going to be the post types.

64
00:02:35,510 --> 00:02:37,780
If you're working with
custom post types,

65
00:02:37,775 --> 00:02:40,805
you will have the option to
check them in here as well.

66
00:02:40,805 --> 00:02:42,925
But I'm just working
with posts and pages.

67
00:02:42,920 --> 00:02:44,930
So I'm going to
keep this to check.

68
00:02:44,930 --> 00:02:47,350
Now it says disabled
default colors.

69
00:02:47,345 --> 00:02:50,075
Checking this box will disable
elements default colors,

70
00:02:50,075 --> 00:02:53,815
and make elemental inherit
the colors from your theme.

71
00:02:53,810 --> 00:02:55,040
Now if you're using

72
00:02:55,040 --> 00:02:58,340
an advanced theme like
let's say Astra or ocean,

73
00:02:58,340 --> 00:02:59,750
WP and so on.

74
00:02:59,750 --> 00:03:02,720
And you want to use the
colors from your theme.

75
00:03:02,720 --> 00:03:06,370
You will uncheck those
two boxes right here.

76
00:03:06,365 --> 00:03:08,875
But because we're
using the halo theme,

77
00:03:08,870 --> 00:03:11,090
which is a very, very
lightweight theme,

78
00:03:11,090 --> 00:03:12,610
Elementor is going to be doing

79
00:03:12,605 --> 00:03:14,335
all the heavy lifting for

80
00:03:14,330 --> 00:03:16,220
style, design and functionality.

81
00:03:16,220 --> 00:03:18,170
So what I'm gonna
do is I'm actually

82
00:03:18,170 --> 00:03:20,870
going to check these two boxes.

83
00:03:20,870 --> 00:03:21,950
I'm sorry.

84
00:03:21,950 --> 00:03:24,590
I'm going to uncheck
these two boxes

85
00:03:24,590 --> 00:03:26,840
because we do in fact

86
00:03:26,840 --> 00:03:29,920
want to use the default colors

87
00:03:29,915 --> 00:03:32,005
are provided by our elemental,

88
00:03:32,000 --> 00:03:36,190
so I'm going to keep these
two boxes unchecked.

89
00:03:36,185 --> 00:03:37,735
And finally improve element.

90
00:03:37,730 --> 00:03:39,260
Or if you'd like to
contribute to Elementor,

91
00:03:39,260 --> 00:03:41,630
you can come in here
and check the box plot.

92
00:03:41,630 --> 00:03:44,030
I am not going to do that.

93
00:03:44,030 --> 00:03:46,100
Let's move on to style.

94
00:03:46,100 --> 00:03:47,360
We'll talk about this
one a bit later.

95
00:03:47,360 --> 00:03:49,640
Actually, integrations
if you are working with

96
00:03:49,640 --> 00:03:52,490
Google Maps and you need
to install the API key,

97
00:03:52,490 --> 00:03:55,460
this is exactly where
you would install it.

98
00:03:55,460 --> 00:03:58,220
Also, if you end up installing
other plug-ins like

99
00:03:58,220 --> 00:04:01,330
let's say PayPal or Stripe
or things like that.

100
00:04:01,325 --> 00:04:03,665
And you need to integrate
them with elemental.

101
00:04:03,664 --> 00:04:04,974
It will be on this
page where you will

102
00:04:04,970 --> 00:04:07,580
find the options to do so.

103
00:04:07,580 --> 00:04:09,770
You do have the Advanced tab.

104
00:04:09,770 --> 00:04:11,750
We don't need to change
anything in here.

105
00:04:11,750 --> 00:04:14,150
Basically, most of these are

106
00:04:14,150 --> 00:04:17,140
for security and for our speed.

107
00:04:17,135 --> 00:04:20,065
If you notice an
issue with elemental,

108
00:04:20,060 --> 00:04:22,610
maybe your site is becoming
very, very, very slow.

109
00:04:22,610 --> 00:04:24,470
You can come in here
right now and switch

110
00:04:24,470 --> 00:04:25,780
the CSS print method from

111
00:04:25,775 --> 00:04:28,165
external files with
internal embedding.

112
00:04:28,160 --> 00:04:32,060
But only do this if you're
having issues with your speed.

113
00:04:32,060 --> 00:04:33,680
And it's not because you're

114
00:04:33,680 --> 00:04:37,180
using some other bloated plug-in

115
00:04:37,175 --> 00:04:39,415
or your web host isn't
good enough or things like

116
00:04:39,410 --> 00:04:42,740
that only changed this
as a last resort.

117
00:04:42,740 --> 00:04:44,570
Same goes with the switch,

118
00:04:44,570 --> 00:04:46,490
our editor loader method.

119
00:04:46,490 --> 00:04:49,670
If you want to troubleshoot
issues on your website,

120
00:04:49,670 --> 00:04:51,590
you would come in
here and enable this.

121
00:04:51,590 --> 00:04:54,130
The unfiltered file uploads

122
00:04:54,125 --> 00:04:56,095
elemental has kind of
like an in-built security

123
00:04:56,090 --> 00:04:58,430
where if you try to upload

124
00:04:58,430 --> 00:05:01,300
images to the elemental system,

125
00:05:01,295 --> 00:05:03,385
elemental, we'll take a
look and see whether or not

126
00:05:03,380 --> 00:05:05,540
the file is actually a safe

127
00:05:05,540 --> 00:05:09,590
to work with by
enabling this feature,

128
00:05:09,590 --> 00:05:12,520
which is to enable
unfiltered file uploads.

129
00:05:12,515 --> 00:05:14,095
You do want the risk of

130
00:05:14,090 --> 00:05:16,280
uploading files
onto your website.

131
00:05:16,280 --> 00:05:18,930
So I would recommend you
keep this one disabled.

132
00:05:18,934 --> 00:05:21,444
Same goals with Google
Fonts load again,

133
00:05:21,440 --> 00:05:23,150
you don't need to change
anything in here.

134
00:05:23,150 --> 00:05:25,220
Just keep that one on default.

135
00:05:25,220 --> 00:05:27,740
If you want to work with
Font Awesome For you

136
00:05:27,740 --> 00:05:30,280
can come in here right now
and enable that feature.

137
00:05:30,275 --> 00:05:32,645
And then finally, you
have experiments.

138
00:05:32,645 --> 00:05:34,735
This is where you
will have access to

139
00:05:34,730 --> 00:05:36,500
all the latest features that

140
00:05:36,500 --> 00:05:38,510
elemental are
currently working on.

141
00:05:38,510 --> 00:05:42,400
You can see the status of
most of these is set to beta,

142
00:05:42,395 --> 00:05:45,715
beta, alpha, beta, and so on.

143
00:05:45,710 --> 00:05:50,120
In most cases you want to
keep this one's on default.

144
00:05:50,120 --> 00:05:54,530
But there is one academic
command that you activate.

145
00:05:54,530 --> 00:05:57,310
And as the improved
asset loading,

146
00:05:57,305 --> 00:06:00,535
this is meant to
reduce the amount of

147
00:06:00,530 --> 00:06:03,580
code on each page
built with elemental.

148
00:06:03,575 --> 00:06:05,755
What that means is
that your pages will

149
00:06:05,750 --> 00:06:08,180
typically load
faster as a result,

150
00:06:08,180 --> 00:06:09,620
even though it's in beta,

151
00:06:09,620 --> 00:06:10,790
I have been using this for

152
00:06:10,790 --> 00:06:12,380
quite some time and it
seems to be working.

153
00:06:12,380 --> 00:06:14,330
So I'm going to go ahead now and

154
00:06:14,330 --> 00:06:17,180
activate the improved
asset loading.

155
00:06:17,180 --> 00:06:19,670
I'm also going to activate the

156
00:06:19,670 --> 00:06:23,300
improved our CSS
loading as well,

157
00:06:23,300 --> 00:06:25,420
please even the future.

158
00:06:25,415 --> 00:06:27,775
On this website you've
been working on,

159
00:06:27,770 --> 00:06:30,410
you notice that
an issues you may

160
00:06:30,410 --> 00:06:33,050
want to come back in here
and disable this too,

161
00:06:33,050 --> 00:06:35,270
but I believe it should be fine.

162
00:06:35,270 --> 00:06:40,100
So I'm gonna come down in
here and save those changes.

163
00:06:40,100 --> 00:06:42,520
Okay, one more thing
I want to mention

164
00:06:42,515 --> 00:06:45,505
really quickly is you
have rule manager.

165
00:06:45,500 --> 00:06:47,390
If you have several
kinds of users

166
00:06:47,390 --> 00:06:49,280
on your site with
different kinds of roles.

167
00:06:49,280 --> 00:06:51,620
In here, you can determine who

168
00:06:51,620 --> 00:06:53,840
can actually use elemental
specific example.

169
00:06:53,840 --> 00:06:55,790
You don't want a user

170
00:06:55,790 --> 00:06:57,500
with the role of
contributor to work with

171
00:06:57,500 --> 00:06:59,900
elementary common here to
contribute all and simply

172
00:06:59,900 --> 00:07:02,450
check no access to edit tool.

173
00:07:02,450 --> 00:07:04,070
With the paid version
of elements you have

174
00:07:04,070 --> 00:07:05,830
access to more features.

175
00:07:05,825 --> 00:07:09,365
And then our tools in here.

176
00:07:09,365 --> 00:07:10,915
This one is actually very, very,

177
00:07:10,910 --> 00:07:13,630
very importantly
regenerate CSS and data.

178
00:07:13,625 --> 00:07:15,295
If you make changes like

179
00:07:15,290 --> 00:07:17,990
the color of your text that
says if a text you save

180
00:07:17,990 --> 00:07:19,340
those changes and you're

181
00:07:19,340 --> 00:07:21,200
not seeing those
changes take effect on

182
00:07:21,200 --> 00:07:23,960
your science as long as
there should at it isn't

183
00:07:23,960 --> 00:07:26,950
caching from your computer
or from your server.

184
00:07:26,945 --> 00:07:28,435
You may want to come
in here and try

185
00:07:28,430 --> 00:07:30,160
to regenerate files and data.

186
00:07:30,155 --> 00:07:32,125
Well, this will do is
that it will rebuild

187
00:07:32,120 --> 00:07:34,150
the CSS style sheet
and hopefully

188
00:07:34,145 --> 00:07:36,145
that should fix the
problem and you'll be able

189
00:07:36,140 --> 00:07:38,600
to see your changes.

190
00:07:38,600 --> 00:07:40,870
Sync library safe mode debug bar

191
00:07:40,865 --> 00:07:42,895
will ignore that one
for now, replace URL.

192
00:07:42,890 --> 00:07:44,690
If you are a broken
links on your site,

193
00:07:44,690 --> 00:07:46,640
you want to point
them to new links.

194
00:07:46,640 --> 00:07:48,890
You come in here
at the old link,

195
00:07:48,890 --> 00:07:50,110
go to the second box,

196
00:07:50,105 --> 00:07:52,885
add the new link and I simply
click on the police URL.

197
00:07:52,880 --> 00:07:57,490
And you fixed the book
and link version control.

198
00:07:57,485 --> 00:08:00,655
If for some reason in the
future you upgrade to

199
00:08:00,650 --> 00:08:02,360
the latest version of Elementor

200
00:08:02,360 --> 00:08:03,980
and something breaks
on your side,

201
00:08:03,980 --> 00:08:06,250
maybe your site doesn't
work as well as U22.

202
00:08:06,245 --> 00:08:08,485
You can come in here
right now and simply

203
00:08:08,480 --> 00:08:11,050
roll back to the
previous version.

204
00:08:11,045 --> 00:08:13,825
That's what his future
is in here for.

205
00:08:13,820 --> 00:08:17,650
If you want to become a better
taster and work with the

206
00:08:17,645 --> 00:08:19,525
unofficial on officially release

207
00:08:19,520 --> 00:08:21,760
versions of elemental that
are still in progress.

208
00:08:21,755 --> 00:08:24,785
This typically have plenty
of bogs and issues.

209
00:08:24,785 --> 00:08:26,275
So if you're interested in being

210
00:08:26,270 --> 00:08:27,680
a bulk horns are four elements

211
00:08:27,680 --> 00:08:30,700
or you can come in here
right now and enable.

212
00:08:30,695 --> 00:08:32,975
And then maintenance mode again.

213
00:08:32,975 --> 00:08:34,975
If your site is
under construction

214
00:08:34,970 --> 00:08:36,500
or you're making some
immediate changes,

215
00:08:36,500 --> 00:08:38,240
you don't want anyone to be able

216
00:08:38,240 --> 00:08:40,250
to access your site
during that time.

217
00:08:40,250 --> 00:08:42,020
You can come in right
now and choose coming

218
00:08:42,020 --> 00:08:44,030
soon or choose maintenance.

219
00:08:44,029 --> 00:08:47,389
And then you will have
to build a page Dolby

220
00:08:47,390 --> 00:08:49,400
displayed for maintenance or

221
00:08:49,400 --> 00:08:51,590
comments when you will choose
that template right here.

222
00:08:51,590 --> 00:08:53,900
And then while your pages

223
00:08:53,900 --> 00:08:56,300
on the maintenance
or coming soon,

224
00:08:56,300 --> 00:08:57,980
you can choose who built to have

225
00:08:57,980 --> 00:09:01,670
access to your
website at the time.

226
00:09:01,670 --> 00:09:05,080
Then finally,
import, export kids.

227
00:09:05,075 --> 00:09:08,645
You can export your
template kits to use on,

228
00:09:08,645 --> 00:09:10,315
on, on, on another website.

229
00:09:10,310 --> 00:09:13,760
Or you can even import it's

230
00:09:13,760 --> 00:09:17,750
implicated form an XML
site if you wanted to.

231
00:09:17,750 --> 00:09:19,630
So you simply click
on the Input kits

232
00:09:19,625 --> 00:09:21,625
and then right here
you'll be able to do so.

233
00:09:21,620 --> 00:09:23,840
I might show you how
to do this a bit

234
00:09:23,840 --> 00:09:26,650
later in the course.

235
00:09:26,645 --> 00:09:29,945
And finally, finally,
system info.

236
00:09:29,945 --> 00:09:32,065
If you need to troubleshoot

237
00:09:32,060 --> 00:09:33,950
your website and you go

238
00:09:33,950 --> 00:09:35,780
to elemental support
the SEC and they say,

239
00:09:35,780 --> 00:09:37,220
Hey, can you provide us

240
00:09:37,220 --> 00:09:39,080
with the information
of your setup?

241
00:09:39,080 --> 00:09:41,200
This is where you can provide

242
00:09:41,195 --> 00:09:42,925
all the necessary information.

243
00:09:42,920 --> 00:09:44,920
It's simply come in here
and download system info,

244
00:09:44,915 --> 00:09:47,005
sends it to support
guys at elemental,

245
00:09:47,000 --> 00:09:50,090
and then they will
be able to help you.

246
00:09:50,090 --> 00:09:51,830
So that's essentially it

247
00:09:51,830 --> 00:09:53,900
for the main settings
for elemental.

248
00:09:53,900 --> 00:09:55,280
Thank you for watching and

249
00:09:55,280 --> 00:09:57,990
I'll see you in the next class.