Finally, we come to the stage where it will be possible to fill our virgin site with concrete content. Many people I come into contact with fear this stage the most, asking the question "will I be able to", "will I be able to". Of course you will. As long as you are familiar with the computer keyboard and mouse and you happen to write texts in any editor such as Word, you are also able to do the same on your website. The only difference is the editor's interface, which you simply have to get used to and get to know its possibilities.

The purpose of a website is to share information with others, be it about your business, hobbies, interests etc. Once we have gone through the previous steps, i.e. we have WordPress installed and we have a theme installed, we can start adding content to the site.

WordPress as standard offers two types of content you can operate on. This "Pages", e.g. for subpages such as Contact, About, etc..., and "Entries"You can also create your own types of content, but this is a bit more complex topic for a separate article, so I will not bother you with it at the beginning.

So far in WordPress, we have been dealing with a simple content editor created on the basis of the TinyMCE script. It looked like the image attached below.

Standard content editor

Notice the central part of the image. You can see a field for entering content, and above it a familiar-looking toolbar for formatting text. The content was entered in the same way as in a typical text editor, and when everything was ready, all you had to do was click on the "Publish" button on the right. This way of editing content was, and in fact still is, very intuitive because you can still use it if you wish. You could quickly figure out what was where and what it was for if you only had experience with Word or a similar editor. This way of editing content on pages and subpages of a website running on WordPress has worked for many years. However, it is important to remember that WordPress was originally created as a blogging platform, mostly where uniform articles enriched with photos or videos dominated. However, the world moves forward, and WordPress long ago ceased to be a script used only for blogging. As you know, there are business websites, portals and online shops based on it. Sooner or later the change had to come.

Gutenberg editor

Counting from WordPress version 5, which was officially released on 6 December 2018, the existing the content editor has been replaced by a new one called "Gutenberg". With its advent, the virtually complete the management of website content is changing. The main limitation of the previous editor was that it did not allow for free arrangement of content layout. We could pack the text in the form of a single block interspersed with photos, which also had a rather limited way of integrating them into the article. Gutenberg changes this by introducing a number of elements that will allow you to more comfortably manage the content of the site and at the same time create it in such a way that it is attractive and keeps up with changing trends.

This, however, inevitably means that the previously very simple editing of content may now seem more complicated to people who have never experienced web management. In fact, Gutenberg has incomparably more options, which may scare you at first, but if you spend some time playing around with the tool you should quickly get the hang of it and suddenly you will find it hard to imagine working without it.

gutenberg editor

Let's put the content on the homepage

Let me skip the traditional editor in the following, because its days are numbered so it's simply a waste of time. By default, after installing WordPress, the homepage is a list of posts (articles). This is because WordPress was originally just a blogging platform. However, in our example, we do not want a list of articles to appear on the homepage, but we want to give some information about our company. For this to happen, we first need to create a page that will stand on the front of our site.

To do this, select "Pages > add new" from the menu

add page

This will launch the Gutenberg editor with which we will enter our text. At the start it will look more or less like this:

editing01

It is worth mentioning that unlike a classic editor, in Gutenberg we work on blocks, and each block (well, maybe almost each block) has its own properties. In our example, a block is both the title and the text below. Editing is very simple. By clicking on the title field - in the above screenshot is "Add title" you can enter your own title, in turn by clicking on the content areaWrite your story"You can enter any text you like. Gutenberg is not yet polishable, at least at the moment I'm writing this, but maybe when you launch it at home it will be different. After entering the content in those two blocks the effect is like this:

content

Note that when editing text, a pop-up toolbar with additional formatting options is visible just above the text. 

format

You can use it to add a link, bold parts, align the text to the left or right, etc... But that's not all. Take a look at the text block configuration window on the right.

properties

What you see here are additional content settings in our block. You can increase the text size, background and font colours or enable Drop Cap. An example of playing with the settings:

firmat

You wouldn't have been able to do something like this in the previous editor without digging around in the code. Whether this is good or bad, it's hard for me to say. If you are able to arrange the whole thing aesthetically, such functionality will certainly be beneficial for the reception of the site by internet users, but if you overdo it and make your site a real fair - which the current editor allows - the effect will be completely opposite. Everything is in your hands 🙂 .

But beware, beware. That is not all. The new editor allows you to precisely further blocks and not only text blocks. Clicking on the small icon with a plus will expand the list of available options:

blocks

By clicking on the selected one you can insert e.g. another paragraph, a photo, a gallery, a video and much more. Let's assume that in our example we will add a bullet list. So I click on the "Letter" and as a result a new block with the list will appear for me on the editing page.

list

Why the idea of blocks at all, after all such a list could be easily entered using a regular editor, as it has been done so far. Blocks, apart from what I have already mentioned (independent configuration of their properties) can be moved in relation to each other. If I wanted to change the order of the first part of the content with the bullet list in a normal editor, I would have to copy and delete it and paste it over the text. With blocks I can change their order with one click. This, as you will see many times, makes work easier and saves a lot of time. Play around with your installation by clicking on the button visible in the upper right corner of a given block.

move up

A very, very important element of the new editor is the possibility of arranging content in columns. This is probably what everyone, including myself, missed most in the traditional editor. Similarly to the above, we click on the plus icon, expand the list of blocks and select columns from it. 

columns

A block with two columns will jump into the edit area and now we can add more blocks to each of the columns. In our example, I put text in the left column and a picture in the right.

columns2

You can create more columns and below you can see what I wrote about above but in the form of a video.

In fact, a lot depends on your ingenuity. The new editor is a tool with many more possibilitiesIt is easy to use, but unfortunately it can also be a trap if you overdo it. The page should be readable, the user should be able to concentrate on the content, and not be distracted by water effects, all the colours of the rainbow, animated gifs, etc. ... If you feel that you are going in that direction, say stop and take a step back. A must.

Once you have entered your content, don't forget to publish your page. To do this, click on the publish button you will find in the top right corner of the editor.

OK So we have added a subpage "About the company". In the same way you can add new subpages and entries, e.g. on a blog or news subpage, as I mentioned above. Entries, unlike Pages, can also be categorised and tagged, but this is a subject for an article on running a blog or a section a'la tutorial with articles - think about it, by the way.

Let's go back to our subpage "About the company". Let's assume that we want it to be the main page of our service. In order to make it so, we have to go to the tab Settings -> Reading.

reading

And select for our home page the option "static page", and from the list select "About the company". Save the changes and you are done.

reading02

As you can see, it's nothing complicated. A few clicks and the whole philosophy. Everything boils down to knowing what is used for what, and by interacting with this system you will know more and more every day, becoming a real expert in this field.

Make your work easier, save time and money!

Select The Best OnLine Website Creation Course for Beginners.
 Create a functional website, blog or online shop.