So now that you've added all the necessary content
onto your science,
it is now attempt to install some plugins.
And of course, the very first plugin we're going to
install will be elements of before I do that,
I do have three plugins already active on my site,
Saigon optimizer and security
because I'm hosting with SiteGround.
And then WordPress importer,
if you've imported the XML file
that I provided for you in the previous video,
you're most likely would have used
the WordPress input our plugin.
So I did the exact same thing for myself.
So that's why I do have the plugin active there.
But we're gonna do now is we're going to
add three different plugins.
And the first one obviously is going to be elemental.
That's the main plug-in it we're gonna be working with.
It's the one right here.
And of course it's the free version of elemental.
But because it's the free version of Elementor,
it's a little bit restricted in
terms of features available.
In order to compensate for that,
we're going to install two more plug-ins on
the very first one here is right next to elemental.
It's the essential atoms for elemental by WPF developer.
I'm gonna go ahead to install the plug-in as well.
And then finally, we're
going to install the one down here,
which is the elemental header and
footer buildup by brainstorm force.
So let us go ahead install the plug-in.
And yeah, I'm gonna go ahead
and now to Installed plugins.
This is going to go ahead and activate
them one at a time.
Activates header and footer builder and then
activate essential Adams for air.
Mentor. Now, once you
activate the essential atoms for Elementor,
you may see a page.
In fact, let me go ahead and click
on the link right here.
Because this isn't the first time that I have
installed the essential atoms plugin on my page.
You're not, I'm not seeing the welcome page.
So it's very likely that you may have seen
a different page where they will say, Hey, welcome.
Choose which elements you want to walk with.
Just click on Next, Next, Next,
Next they will also offer you
the upgrade to pay for
the paid version of essential atoms.
Just ignore that.
Just click on Next, Next, Next and then Finish.
And then this would basically
be the page that you would see.
But more on that a bit later.
Let's take a look at elements are first of all, settings.
What exactly do we have in here?
The first thing here is going to be the post types.
If you're working with custom post types,
you will have the option to check them in here as well.
But I'm just working with posts and pages.
So I'm going to keep this to check.
Now it says disabled default colors.
Checking this box will disable elements default colors,
and make elemental inherit the colors from your theme.
Now if you're using
an advanced theme like let's say Astra or ocean,
WP and so on.
And you want to use the colors from your theme.
You will uncheck those two boxes right here.
But because we're using the halo theme,
which is a very, very lightweight theme,
Elementor is going to be doing
all the heavy lifting for
style, design and functionality.
So what I'm gonna do is I'm actually
going to check these two boxes.
I'm sorry.
I'm going to uncheck these two boxes
because we do in fact
want to use the default colors
are provided by our elemental,
so I'm going to keep these two boxes unchecked.
And finally improve element.
Or if you'd like to contribute to Elementor,
you can come in here and check the box plot.
I am not going to do that.
Let's move on to style.
We'll talk about this one a bit later.
Actually, integrations if you are working with
Google Maps and you need to install the API key,
this is exactly where you would install it.
Also, if you end up installing other plug-ins like
let's say PayPal or Stripe or things like that.
And you need to integrate them with elemental.
It will be on this page where you will
find the options to do so.
You do have the Advanced tab.
We don't need to change anything in here.
Basically, most of these are
for security and for our speed.
If you notice an issue with elemental,
maybe your site is becoming very, very, very slow.
You can come in here right now and switch
the CSS print method from
external files with internal embedding.
But only do this if you're having issues with your speed.
And it's not because you're
using some other bloated plug-in
or your web host isn't good enough or things like
that only changed this as a last resort.
Same goes with the switch,
our editor loader method.
If you want to troubleshoot issues on your website,
you would come in here and enable this.
The unfiltered file uploads
elemental has kind of like an in-built security
where if you try to upload
images to the elemental system,
elemental, we'll take a look and see whether or not
the file is actually a safe
to work with by enabling this feature,
which is to enable unfiltered file uploads.
You do want the risk of
uploading files onto your website.
So I would recommend you keep this one disabled.
Same goals with Google Fonts load again,
you don't need to change anything in here.
Just keep that one on default.
If you want to work with Font Awesome For you
can come in here right now and enable that feature.
And then finally, you have experiments.
This is where you will have access to
all the latest features that
elemental are currently working on.
You can see the status of most of these is set to beta,
beta, alpha, beta, and so on.
In most cases you want to keep this one's on default.
But there is one academic command that you activate.
And as the improved asset loading,
this is meant to reduce the amount of
code on each page built with elemental.
What that means is that your pages will
typically load faster as a result,
even though it's in beta,
I have been using this for
quite some time and it seems to be working.
So I'm going to go ahead now and
activate the improved asset loading.
I'm also going to activate the
improved our CSS loading as well,
please even the future.
On this website you've been working on,
you notice that an issues you may
want to come back in here and disable this too,
but I believe it should be fine.
So I'm gonna come down in here and save those changes.
Okay, one more thing I want to mention
really quickly is you have rule manager.
If you have several kinds of users
on your site with different kinds of roles.
In here, you can determine who
can actually use elemental specific example.
You don't want a user
with the role of contributor to work with
elementary common here to contribute all and simply
check no access to edit tool.
With the paid version of elements you have
access to more features.
And then our tools in here.
This one is actually very, very,
very importantly regenerate CSS and data.
If you make changes like
the color of your text that says if a text you save
those changes and you're
not seeing those changes take effect on
your science as long as there should at it isn't
caching from your computer or from your server.
You may want to come in here and try
to regenerate files and data.
Well, this will do is that it will rebuild
the CSS style sheet and hopefully
that should fix the problem and you'll be able
to see your changes.
Sync library safe mode debug bar
will ignore that one for now, replace URL.
If you are a broken links on your site,
you want to point them to new links.
You come in here at the old link,
go to the second box,
add the new link and I simply click on the police URL.
And you fixed the book and link version control.
If for some reason in the future you upgrade to
the latest version of Elementor
and something breaks on your side,
maybe your site doesn't work as well as U22.
You can come in here right now and simply
roll back to the previous version.
That's what his future is in here for.
If you want to become a better taster and work with the
unofficial on officially release
versions of elemental that are still in progress.
This typically have plenty of bogs and issues.
So if you're interested in being
a bulk horns are four elements
or you can come in here right now and enable.
And then maintenance mode again.
If your site is under construction
or you're making some immediate changes,
you don't want anyone to be able
to access your site during that time.
You can come in right now and choose coming
soon or choose maintenance.
And then you will have to build a page Dolby
displayed for maintenance or
comments when you will choose that template right here.
And then while your pages
on the maintenance or coming soon,
you can choose who built to have
access to your website at the time.
Then finally, import, export kids.
You can export your template kits to use on,
on, on, on another website.
Or you can even import it's
implicated form an XML site if you wanted to.
So you simply click on the Input kits
and then right here you'll be able to do so.
I might show you how to do this a bit
later in the course.
And finally, finally, system info.
If you need to troubleshoot
your website and you go
to elemental support the SEC and they say,
Hey, can you provide us
with the information of your setup?
This is where you can provide
all the necessary information.
It's simply come in here and download system info,
sends it to support guys at elemental,
and then they will be able to help you.
So that's essentially it
for the main settings for elemental.
Thank you for watching and
I'll see you in the next class.