Hi, and welcome to Learn WordPress. Myname is Wes Theron. If you're new to the
Block Editor, you are at the right placefor a brief summary to set you up for
success. The Block Editor has beenlife-changing for WordPress users. The
Editor uses blocks to transform the wayyou create content, it turns a single
document into a collection of componentsfor adding content.
With the Block Editor, you will be ableto do more with fewer plugins, create
modern multimedia heavy layouts, andwork across all screen sizes and
devices. Today we will learn how to nameall the Block Editor terms, create the
content for a post or page using blocks,and design a layout using multiple
blocks. Let's start by introducing youto the Block Editor terms. At the top is
the Block Toolbar which you will use tomodify text and content. Below the
toolbar, you will find your BlockContent and on the right you'll be able
to edit your settings in the BlockSettings Sidebar. When we start a new
block they are a range of options tochoose from. For example 'Text', which
includes things like paragraphs andheadings. 'Media', such as images and
galleries. 'Design' for adding columnsor page breaks, for example, 'Widgets',
like a calendar or social icon,
a 'Theme' for things like post titlesand lists. And lastly, embedding a
YouTube or song from Spotify to nameonly a few. As you can see, the Block
Editor allows you to quickly add andcustomise multiple media and visual
elements. So the great thing is thereare multiple ways to add a block.
Firstly, click on the Inserter on theright hand side of the empty block. I'm
going to add a heading
and call it the 'Block Editor'.
Secondly, click on the Inserter in thetop left corner of the toolbar.
And now I will choose an image.
I'm going to pick a photo from my MediaLibrary as I've already uploaded an
image from my computer.
You may also wish to add a block byusing the Slash Command. I'm going to
add another image.
Media Library,
Select.
Please note you may use the arrows toplace a block where you want it.
Lastly, you can also click on the threedots to add a new block before or after
an existing block.
As you will see, I've decided to inserta paragraph block after the heading,
and you'll see the more time you spendwith the Block Editor the more
comfortable you will feel adding andchanging content. So let's see the Block
Editor in action by using a few featuresto build a post and a page.
So firstly, let's add a new post.
Choose a suitable heading for your post.
Mine is 'Help Protect Our WaterResources".
Now I'm going to add a gallery.
Go to the Media Library, choose thephotos which you want to use, and create
a new gallery.
As you will see, I've got three columns,but you can change it to two and then
the one will appear bigger.
Thereafter I'm going to add anotherblock and this time, I'm going to choose
a quote
and my quote says "If there is magic onthis planet, it is contained in water",
and it was written by Laureen Eiseley.
Now we are going to embed a video fromYouTube.
Copy and paste your URL in the block andembed, and now you can also change the
width or the alignment and I'm going tochange it to full width.
Next we are going to insert a designblock called Columns,
and you can choose how many columns youwant to add. Today I'm only going to add
two.
As you can see, my page is all aboutwater so I'm going to create a heading
and say 'How to save water'
and then I will insert a paragraph andI've already copied my content and I
will paste it there.
On the right-hand side I will addanother heading and this time I will say
'Amazing water'
and add eight
interesting facts to the paragraphblock.
And as mentioned, you could have added athird column if you wanted to. The last
thing I want to add to my post isanother image. So go to images, upload
it from your Media Library or computerand click Select. If you would like to
replace this photo, go to the Replacebutton next to the three dots, open your
Media Library, and click on the photo ofyour choice. I will also change this
image to full width so that you can seeit across the whole screen.
Now we will move on to create a newpage, go to pages and click on Add New.
Choose the title for your page. In thiscase, it will be an About page. And now
I'm going to add a cover photo for mypage.
Upload it from your computer or MediaLibrary and select.
I'm going to choose full width
and then I'm going to change the opacity
to 0%. Now I'm going to add an image toshow viewers or users the person behind
the website. So let me introduce you toGeoff
and then I will add a bit of informationabout him.
Lastly, I'm going to choose social iconsso that people can reach him via
WordPress,
Facebook,
or Twitter.
And once we've published we can go downto the bottom left and view the page.
All About Geoff.
So let's make our way to the last post.Now you may decide to move a block
wherever you wish to by using the arrowsup or down.
But you may also decide to delete theblock. So go to the three dots on the
right and right at the bottom clickRemove block. You are now ready to start
your journey with the Block Editor.Visit Learn wordpress.org for more
workshops and training material.