in this video I'm going to give you a
beginner's guide on how to use the block
pattern library in WordPress and speed
up the website creation process for you
so you can design beautiful looking
websites and Pages much faster let's go
before we start let me answer the simple
question for you what are WordPress blog
patterns let me show you instead of
explaining it to you on this beautiful
looking page right here you have a
simple design right you have a few
images using the circle mask in
WordPress they also have a specific
theme you also have some social blocks
some separator blocks and they're all
arranged in beautiful looking columns
you can design this entire block pattern
or the entire pattern that you see using
the blocks existing blocks in WordPress
but what if you didn't have to right
what if you didn't have to design this
from scratch and you could have this
entire block pattern or this pattern
already created for you and hundreds of
others and you can simply import them on
your site and customize them based on
your liking wouldn't that help you
create beautiful looking designs easier
and faster of course it would and that
was what the block pattern library is so
let me now give you a demonstration on
where you could find the block pattern
library and how to add block patterns on
your website let me just delete this
block pattern first let's go go right
here I'll remove this and we have back
to a simple looking blank page as you
would expect in any blank or any
starting WordPress site now I want to
add a block pattern right here right so
what I would do is go to the blog
section right here yes and this is a
familiar interface right if you've
created any website or use the block
editor this is what you already know but
have you ever noticed what this is the
patterns Library integrated right here
in WordPress if you click this you'll
see all the block patterns that are
available to you showing up right here
on your website and you can even filter
them you have the featured option you
have buttons
you have columns
you have galleries
and your headers you have text and you
also have some uh combinations with the
query Loop so you have a lot of
different options to choose from let's
go back to feature for a second let's
say I scroll down I'm looking at some
block patterns and one catches my eye
let's say this one I like it what I can
do is just click it
and the entire block pattern is now
added on my website how cool is that so
simple right and now I can what I can do
is close this option and I have this
beautiful looking block pattern right
here and if you go into the navigation
menu right here we'll see that this
block pattern is not a special block it
suggests a collection of blocks so this
has an image block right here it has
columns and inside the columns we have
three different columns we have a
paragraph we have another paragraph and
then we have button block so ultimately
it's still made or this block pattern is
made with the existing blocks already
used in WordPress but the design part is
already taken care for you so now what
you can do is customize this completely
on how you like so instead of having to
use this let's say if I click this image
option and I go to the block settings I
still get all the options that I would
get if I manually inserted this block so
I again have the option of setting it
rounded
adding an ALT text and all the options
of cropping linking and even using the
duotone filter in WordPress all these
options available to me I can replace
the image of course and I can also add
captions right here and I can click this
button and change the paragraph and
again controls with paragraphs that
means the text color the background
color typography all those patterns are
still present here I can utilize them
completely fully without any
restrictions and the best part is once
I've made the change let's say I want to
reuse this same pattern or all the
customizations I've done I want to reuse
them I can save this entire block or
this block pattern as a reusable block
so if I go here and if I select this and
the column
I can right click oops sorry I can do
this and I say add to reusable blocks so
this block once I've customized this can
become a reusable block and as you know
reusable blocks can be reused throughout
the website and they'll change
percentage persistently so if you make
make a change to one of the reusable
blocks it will change throughout your
website but you have the option of
changing that behavior so let's say you
want to just change the paragraph on a
certain page or post you can create a
reusable block but then convert it to a
regular block once you insert it on the
post and make your changes there so you
have complete flexibility of uh design
availability and everything you want to
do right here inside WordPress there's a
couple of additional things I want to
show you in the blog panel Library let's
go back right here
patterns and now you might have noticed
that okay this is not a best interface
because it's very hard to see uh with a
small screen that okay how the pattern
will actually look like on the side
right I I hope you agree so what you can
do instead of using this interface is go
to the top and click this explore button
so as soon as you click explore this
entire interface will change to this
full screen interface which again is
much better in my opinion and it's also
has a search box so if yeah if you
already know the name of Vlog you can
search for it and similar features we
are already seeing right here like for
example the filtering option I can click
the buttons columns Gallery headers text
and query
but this is again not the last place
where you can look for Block patterns is
that funny right you can also see block
patterns on a WordPress website for
example uh if you go to plugins you can
check out plugins right here from inside
the website using the plugins library
from the install page but you can also
go to wordpress.org and slash plugins
and look at the plugins there similarly
if you go to wordpress.org patterns you
can reach this page which is the block
pattern library for example I'll click
this and reach the home page and this
will again feature the same patterns
that we were observing right here on
this page so it's a complete interface
which you can use to explore block
patterns and there's a couple of things
here which I will highlight once I have
just given you an example of how the
interface works so you have the
filtering options once again you have
the Sorting options newest and popular
you can scroll through and just to give
an idea 192 pages of block patterns are
available here so fact let's say go to
page two you can just get an idea of how
many block patterns are available on a
single page so I'd say around 20 25 and
and you have 6364 pages of 20 25 block
patterns available to you so the
blockband library is exploring when it
started it started with just a handful
blocks but now the blocks are the number
of blocks has exploded because of a
particular reason and I'll tell you why
so once you explore the interface of the
patent block library now you know where
to find the block patterns from all
three different locations on your site
technically too but yeah a third
location or a second interface but you
might have a question in your mind that
how do I use the block patterns from
this interface on my website the first
two interfaces were pretty simple just
click and the automatically the block
patterns added to the page right how do
I do this so let me give you an example
let me go to the block pattern page
right here and you'll notice something
similar notice this is the exact same
block pattern that I added to the
website so how do I do that let me show
you very simply just hover over the
block that you want to copy or the
pattern that you want to copy and just
click the copy button it's that simple
once you copied it go back to your post
or page just create a new or click on
the page in the blank area make sure the
curse is active and just press Ctrl V
and the block pattern is instantly
pasted on your site and again you have
the same control right if I click the
image and if I go to these options you
can still see that I still have this
exact same options that uh the image
block has and I can click this and I'll
have the similar options to the
paragraph block and I can do all those
controls between uh modifying and
customizing this and again saving it to
a reusable block if I need so that's how
easy it is to use the power of block
patterns on your website before I give
you one last important piece of
information let me just clarify what's
the difference between block patterns
and reusable blocks block patterns as I
already demonstrated there are
predefined blocks that you can utilize
on your site and whenever you paste them
on a certain page and make
customizations the customization stays
on that particular page they don't they
are not persistent throughout the site
but once you convert it to reusable
block the changes actually persist
throughout the website so let me just
give you a simple example if I were to
make changes to this and save this as a
reusable block then any page I add it to
will have the same content so if I made
change to one of the posts all the posts
on the website which have the same
reusable block will show the same
changes the changes are persistent
throughout the website but you do have
the option of as I mentioned in the
beginning of the video to change a
reusable block once you've added to your
post to change it to a regular block so
if you want the pattern or the general
template to be the same but you want to
come content to be different you can
create a reusable block but then when
you add the block to your page you
convert it to a regular Block it's
pretty simple to do and probably will
have already have a video I'll try and
Link it up on the screen if you already
show or if you already have created a
video about that now we've covered
almost everything about understanding
block patterns and what they can do for
your website but there's one interesting
thing I'd like to show you so let's go
back to the block pattern Library let me
go to the first page
and you see two different options right
here which is favorites so you can once
you have created or logged into your
WordPress account I'm not logged in
right now you can see it so once you're
logged in you can also save your block
patterns as favorites so it's an easy
way to remember what you like and just
go back to those patterns quickly if
you're creating multiple pages on your
site and you also have this option
create new pattern so if you click here
this will bring you to the login page
and once you've logged in you'll be able
to create your own block patterns and
submit to the wordpress.org block
pattern Library using the block
interface and also using the code editor
now since this is just a beginner
introduction I'm not going to go into
details about how to do that but the
block editor is a starting point as I
mentioned the block patterns that we see
right here are exactly created with the
blocks that we see in WordPress so if
let's say you were able to create
something like this you can take this
exact thing and submit it to the block
pattern library and if you're
understanding or if you have
understanding of code then you can also
utilize code to create block patterns
and submit to the block pattern library
and that's it simple simple beginner
guide to WordPress blog patterns an easy
and Powerful way to start creating
beautiful looking pages and entire
websites using the power of Wordpress
although a good work done for you if you
enjoyed this video a like will be
appreciated and if you have any
questions then the comment Box is open
for you make sure to subscribe before
leaving and watch some of these
interesting videos right here because we
make easy to follow along WordPress
tutorials that will help you create
beautiful websites easily I'll catch you
in the next video