WP Engine
Video (04:41)
Bonus Notes
WP Engine is the host that I trust with my websites. They are the priciest of the options but their starting packages probably outperform easily the higher packages of the other hosts.
WP Engine is unique of all the hosts because it focuses 100% on WordPress. It does not host any other platform and the servers are set up for enterprise-level WordPress sites.
They have the best 24/7 support in the business. Their support staff can help from a simple issue of taking care of multimillion-dollar sites. They know WordPress and servers inside out. It is hard to find that in other hosts. The support may be great but they have to support so many different systems that they don’t have the level of knowledge that WP Engine support staff do.
Besides being the leading WordPress host in the market, WP Engine also has individuals who contribute vastly to the WordPress project. Again, they are invested inside and out to the WordPress ecosystem and a lot of their employees take time out of their work schedule to contribute to the open-source platform.
If you are interested in WP Engine, as of this course the pricing is as follows:
Additionally, use the code wpe3free to get a further discount with annual payments.
Bonus Materials
[00:00:11.480]
All right, so.
[00:00:18.760]
All right, so the title goes up here
[00:00:21.200]
and you take that out,
you can see that ad title
[00:00:24.800]
and we will place in our title and then
this is what we mean by blocks.
[00:00:30.360]
You click on this to add a new block.
[00:00:33.280]
You can also click on this.
[00:00:34.400]
Plus sign up here.
[00:00:37.240]
And then once you have a couple of blocks,
[00:00:39.080]
you'll also get a little plus over
to the right in the middle of the page.
[00:00:44.320]
These are some common blocks.
[00:00:46.840]
So we have an image block,
[00:00:48.840]
we have a heading block
and we have a gallery block.
[00:00:52.880]
But if you click on the plus,
you can see all of the different blocks.
[00:00:57.440]
So there's a, quote, block,
there's an audio block,
[00:01:01.160]
there's a cover block, which is an image
that takes up the full width of the page.
[00:01:06.800]
There's a paragraph block,
which is just normal text
[00:01:11.400]
we have here, common blocks.
[00:01:13.160]
So those were kind of the things
that were in common blocks.
[00:01:16.080]
We have formatting blocks.
[00:01:17.800]
So if you want to get into the custom
HTML,
[00:01:21.760]
if you want to do a combination
of the classic editor and the Block
[00:01:25.520]
editor, you can always add
a block that is a classic editor.
[00:01:29.960]
And I really recommend this.
[00:01:31.400]
If you're on the kind of you know,
[00:01:34.160]
you've done the classic editor, but you
want to learn how to do the block editor.
[00:01:38.280]
This is a great way to kind of just get
[00:01:40.120]
a quick block that will help you out
while you're transitioning.
[00:01:45.680]
We have layout elements so you can do
[00:01:47.760]
columns and this is
impossible in the classic Ed.
[00:01:51.280]
This is all new.
[00:01:52.880]
You can do columns, you can do buttons.
[00:01:55.320]
I really like this block,
which is media and text.
[00:01:58.160]
So you have kind of a two column layout
where the media is on the left and then
[00:02:02.960]
Texas on the right,
or you can switch that up
[00:02:06.520]
and then you can add any of the widgets
that you have available.
[00:02:10.520]
So
[00:02:12.880]
if you want to show kind
of the latest comments,
[00:02:16.760]
archives to different things,
[00:02:18.600]
the categories that you have
on your site can do that.
[00:02:21.960]
And then you have a lot
of options for embedding content.
[00:02:25.680]
So if you want to embed that YouTube
video, if you want to embed a specific
[00:02:29.680]
tweet, Spotify, SoundCloud, you'll see
a lot of things that you recognize here.
[00:02:39.200]
There's a lot of things I
don't recognize as well.
[00:02:42.200]
Kickstarter for kick starting your startup
[00:02:45.520]
screen cast is another
video smug mug for images.
[00:02:51.560]
Ted talks, WordPress TV, another
WordPress site, SlideShare and so forth.
[00:02:59.920]
And then lastly, this is
actually a plug in that is free.
[00:03:03.760]
It's called Ultimate Add on blocks.
[00:03:06.400]
And this has kind of very advanced blogs
[00:03:09.560]
that really help in the layout
and design of your site.
[00:03:14.040]
All right.
[00:03:14.600]
So let's go in and let's
just create a text block.
[00:03:22.400]
And I'm just going to copy and some what's
[00:03:24.960]
called lorem some text,
this is just a way to kind of get a bunch
[00:03:29.640]
of text to get an idea
of what that would look like.
[00:03:32.720]
So I'm going to go home, paste the end
and let's take a look.
[00:03:36.200]
So this block, each block will give you
[00:03:38.400]
additional
formatting options and additional options,
[00:03:42.960]
both at the top of the block
and then also on the right sidebar.
[00:03:47.800]
And these options might
be a little different.
[00:03:49.880]
So here we have something.
[00:03:52.200]
If we want to add a drop cap,
we can change that.
[00:03:55.040]
There can change the color settings,
the background color
[00:04:00.720]
and the text color.
[00:04:06.360]
Can be really creative with us,
[00:04:10.920]
and then we have kinds of font size,
so if you want it to be a bigger font,
[00:04:16.560]
size can go in and reset
and change that up.
[00:04:21.320]
So those are the options
for the whole paragraph.
[00:04:24.680]
So we're making options
for the whole paragraph.
[00:04:27.680]
You want to get into the nitty gritty
[00:04:29.480]
of just some of the content
you can use this far up here.
[00:04:35.200]
And here are some of the options
that you can align center.
[00:04:38.840]
Again, that did do the whole paragraph.
[00:04:41.280]
But its alignment, if you want to
fold maybe a small phrase,
[00:04:49.520]
you can go in and bold and still
use the shortcuts of Applebee or
[00:04:58.440]
control B on a PC.
[00:05:02.360]
Same thing with
[00:05:04.600]
the italicize.
[00:05:05.880]
You can go in and italicize and you
can use command or control a guess.
[00:05:13.880]
It's command now, not Apple
that's showing my
[00:05:18.360]
my age.
[00:05:19.640]
And then if you wanted to create a link
[00:05:22.280]
to something, you can click
on the link here and add a link.
[00:05:27.800]
You can type in
[00:05:30.240]
any title of anything on your
site and link it to that title
[00:05:37.240]
or you can go in and type in any address.
[00:05:43.160]
Oops, I'm one handing this
probably should.
[00:05:53.480]
And press enter to accept those changes
and then in the link settings,
[00:05:57.960]
you can open the link in a new tab so
you can have that link, open a new tab.
[00:06:04.960]
And I'm going to clear some
of this because some weird.
[00:06:10.560]
There we go.
So there's our link.
[00:06:13.480]
Unfortunately, when we change the colors
on that, it did not show us the link.
[00:06:17.080]
Very obviously,
[00:06:19.680]
if you click on this arrow,
you get some more options so you can have
[00:06:23.960]
an inline image and line
code strikethrough.
[00:06:28.280]
So some things are not as common,
but maybe you need it.
[00:06:34.200]
There's a strike through.
[00:06:35.760]
And then lastly, this is
the same for every block.
[00:06:39.120]
You have options to hide the block
[00:06:41.480]
settings such as hights,
the right side bar
[00:06:46.080]
to duplicate the the blocked insert a new
block before and after
[00:06:51.080]
to edit the block as each HTML
to add it to a reusable block.
[00:06:55.920]
So again, this is brand new for WordPress
[00:06:58.800]
idea of making templates or
something that's reusable.
[00:07:03.560]
I do this on my Techie Mamma site.
[00:07:05.560]
I have some kind of a block of text.
[00:07:09.800]
I want every site to show
my social media and so forth.
[00:07:14.040]
So I save that as a reusable block.
[00:07:16.640]
And then you can go in and when you add
a block, those reusable blocks come up.
[00:07:22.160]
And then lastly, if you want a group of
[00:07:25.520]
a group of blocks together,
you can click on group.
[00:07:28.760]
But we need a couple more
blocks before we do that.
[00:07:31.160]
OK, so let's add next,
[00:07:36.880]
an image block.
[00:07:38.040]
And again, we can use this
to insert before or after.
[00:07:41.960]
We can also click on the plus up
here and it will insert after.
[00:07:48.040]
So we want to do an image
[00:07:51.080]
and here we have the media
library can also upload a file.
[00:07:55.400]
I'm just going to take one of these I have
in my media library and there's our image.
[00:08:00.760]
And now if we wanted that image to appear
[00:08:03.080]
above this main block,
we would just click on the top.
[00:08:07.600]
And then now it appears above we
can go in and we can align center.
[00:08:12.400]
So if you want it to look
like that a lot of times.
[00:08:15.680]
So we want images to kind of be
[00:08:18.760]
the site that we want it to kind
of wrap with the text around.
[00:08:23.240]
So if we click on the alignment again
and we say align right now,
[00:08:28.760]
we have the text and we have the image
and image is kind of getting aligned.
[00:08:34.280]
Right.
[00:08:35.320]
This image is large and so there's no
text kind of wrapping around the bottom.
[00:08:39.600]
But if we resize it and you
can resize by these little
[00:08:45.240]
circles that come up,
[00:08:48.400]
usually there's one at least
at the bottom that comes up.
[00:08:53.600]
Then you can see how the text kind
of moves around the whole image.
[00:09:00.520]
Let's take a look at one other block.
[00:09:03.200]
You can get the idea with blocks kind
[00:09:05.800]
of you just select one and then you kind
of follow the directions are there,
[00:09:10.280]
but want to do one that was
kind of a little bit more
[00:09:15.040]
complicated, one of these layout elements.
[00:09:17.520]
So we want media and text.
[00:09:20.120]
So if we click on this one,
[00:09:22.440]
we'll see again kind of the options here
and then let's bring up the options here.
[00:09:27.840]
So here we can choose an
image from the media library.
[00:09:34.240]
I we'll grab a different image here
[00:09:37.280]
and then we can add content
and by default it starts with a header
[00:09:44.840]
and then you can paste in some text.
[00:09:50.800]
If you don't want the header,
[00:09:52.280]
simply delete it and go up
delete until it's all gone.
[00:09:56.640]
And then you're just left with the text.
[00:09:58.400]
Sometimes you want a header,
but often when I use this block,
[00:10:02.560]
I've realized that I don't
really want to hurt her.
[00:10:06.200]
So you have some different options.
[00:10:07.880]
There can you can resize now we're getting
kind of the the Cizre on the right.
[00:10:16.240]
So if you want kind of the layout to be
[00:10:18.400]
just a smaller image and more text,
you can definitely do that.
[00:10:22.640]
You can switch up the where the image
is showing this is a new option here.
[00:10:30.520]
You can vertically align top or
to the middle or to the bottom.
[00:10:35.240]
So you can see how the text is moving
depending on where I select.
[00:10:41.960]
And then lastly, you can choose
a wide with or full with.
[00:10:46.880]
And then again, these are the same options
[00:10:49.200]
that we've had in the text options
above in the paragraph block.
[00:10:54.160]
And then over on the right
we have options for mobile.
[00:10:57.840]
So stack on mobile because our mobile,
[00:11:00.840]
you most likely won't be
able to see the whole thing.
[00:11:03.760]
So you might want to stack them on mobile
[00:11:07.920]
and we might be able to see
what that looks like.
[00:11:10.760]
No, no, it's not stacking automatically.
[00:11:14.600]
OK,
crop image to fill the entire column or if
[00:11:19.600]
you resize it to something and say
we resized it to 10 percent.
[00:11:33.880]
And that's guess that's some.
[00:11:39.520]
If it was a large image, it would just
kind of focus right there and then
[00:11:45.600]
crop as much as it needed to
our right and then I'll text.
[00:11:51.280]
This is really important,
especially for SEO.
[00:11:53.720]
This is a description of the image
and text format.
[00:11:58.000]
So viewers that are blind would hear this
description instead of seeing the image.
[00:12:06.240]
And then it is also added into the code.
[00:12:09.520]
And so Google, who is blind and deaf,
[00:12:13.720]
can actually read this text,
whereas it can't see the image.
[00:12:21.160]
Let's see, uh,
[00:12:24.960]
clipboard
[00:12:29.240]
calendar.
[00:12:35.040]
Money and calculator.
[00:12:40.600]
So usually just something short and sweet,
[00:12:44.520]
but something that will describe,
well, the image that you have placed
[00:12:52.160]
and we have color settings so we can
do a background color if we wanted to.
[00:12:57.080]
That's a weird option
for background color.
[00:13:00.920]
Maybe we want it green to highlight the.
[00:13:09.320]
And then since this is a text,
you'll notice that this
[00:13:13.320]
bar here and then these settings
are exactly what we had up here
[00:13:20.280]
in the image settings, we did not
talk about the image settings.
[00:13:23.480]
You have a couple of different options.
[00:13:25.120]
We talked about the alignment,
[00:13:26.480]
if you want to switch out for another
image, can also click on this kind of swap
[00:13:32.800]
and then you can go into the media
library and choose a different image.
[00:13:37.440]
So do this image.
[00:13:41.840]
So they're looking at the money,
you can also link to something so you can
[00:13:47.120]
link to the media file or to the
attachment page, or you can add whatever
[00:13:53.600]
link you want
[00:13:57.760]
if it's going to a certain page.
[00:13:59.840]
And then you have some
resize options here as well.
[00:14:02.680]
You have some style options.
[00:14:04.720]
So if you want to mask it to maybe
[00:14:06.640]
a circle, which is hard
to tell on this one, but.
[00:14:12.800]
You kind of see how it kind of put it as
a circle, switch it out one more time.
[00:14:22.000]
And do something that we might
see the circle with, OK?
[00:14:26.000]
How about this?
[00:14:28.040]
So for one, this is a lot larger,
so we'll resize it.
[00:14:32.760]
So it's small.
[00:14:34.160]
And then if we do the circle
mask, there we go.
[00:14:38.240]
The all text again, the image size.
[00:14:40.840]
So if we want it to be a smaller image
[00:14:42.960]
size, we can resize that
and we can also do a percentage.
[00:14:47.560]
And so that will just resize the image.
[00:14:51.520]
So it's not quite so large now.
[00:14:53.760]
We could've done that right away when we
imported it and it was really, really big.
[00:15:01.480]
Have some options there.
[00:15:04.040]
All right, so that's the image block
the regular, just text block
[00:15:10.360]
one of the more advanced blocks,
which is the median text.
[00:15:14.720]
Let's do one last block.
[00:15:16.760]
Let's do one of the embed blocks.
[00:15:19.360]
So here we have
[00:15:21.400]
Facebook and WordPress and YouTube,
all kinds of different things to embed.
[00:15:28.280]
Let's say we want to embed
something from YouTube.
[00:15:32.120]
So all you have to do is enter
in a YouTube YORO and click on embed.