Use Gutenberg to type the page
Without further further, let’s get started and talk about how to use WordPress’s built-in visual page editor. I believe that only by mastering the most basic visual typography can I gain a deeper understanding of the advanced version of the extended visual editor Elementor.
Graphic layout
1. Log in to the BACKGROUND management page of WP, find the article, and add an article. As shown (I have cleared the previous example),
Once added, the list appears below.
Enter after adding articles, first add the title, fixed links, it is best to set their own, convenient SEO, classification, I write a case first. For demonstration purposes, we’ll talk about how to set up the categories. Once the setup is complete, we can click to save the draft. WP also saves in real time by default.
Below in order to avoid copyright problems, we first go to find an artifact, [bullshit impassability article generator], random generation of an article. After you have generated your articles, add them as follows
You can also press the Add Section on the left and drag the desired section into the content area.
We can drag an image directly from the left action bar to the beginning of the document. Images can come from urls or media libraries.
If we need to add a combination of images and text, we can use columns,
At any point in the article, we can add a column and select the column as needed. For example, let’s choose 7/3.
In the first column, we’ll select the image, in the second column we’ll select the text,
In fact, such multiple columns always seem to lack a lot of sense of violation, we can also use Gutenberg’s media image blocks,
With some typography, you can do something like this.
That’s it. It looks like a magazine layout. Now, let’s do multi-image inserts, make a gallery,
Just drag and select a group of images from your media library. Gutenberg will automatically typeset the images.
Finally, let’s put a cover for the article,
Post it. Let’s go back to the home page of the blog,
Okay, so that’s pretty much it for now. There are many more sections that students can use freely, such as inserting videos, graphs, subheadings, links to other sites, and so on.
QubelyGutenberg’s weapon of war
Go to the plugin to download a Qubely and complete the installation activation. We just need to use its free features.
Once active, let’s add a home page that serves as a front for our blog page. The following figure
At this point, we opened the home page for editing, found a lot of advanced blocks, can be dragged to the content area to experience.
We can now drag and drop an image and change the page template to Qubely Full Width, as shown below.
We select the image block, and in the action bar on the right, you can see the style of the block, and select the image from the media library from there,
This is just an example, now we can remove the image and add a row block to add more complex blocks. The following figure,
We can set the margins, margins and so on at advanced level. We can also add a background image to the row block to make it more layered. Adjust to your own feelings.
After the adjustment, we can directly add the article we just wrote to our home page,
According to their own needs, after completing some adjustment Settings, we click publish. After the release, we can go to the custom site and set this page as our website home page. The steps are as follows,
After confirming without error, click publish, namely find, now the home page has been designed by us. (If you think you do the home page is not good, do not set, it does not matter, we will have the opportunity to talk about more powerful page editor, only need a simple drag and drop, you can complete the page you want)
The page I made didn’t look good, so I deleted it and used the default page
Classification and labelling
Categorization is the grouping of articles in a tree structure. Categories can be combined with parent-child relationships. The main purpose of tag is to extract the core keywords of the article for search engine index. Don’t recommend more than five key words for an article.
Set classification, suggest alias use English, convenient SEO
I’m going to follow my programming plan and set things up. After completing the category setting, we went to customize the menu and made the category the menu.
Let’s start by creating a main menu.
In the administrative location, add the menu to the menu in the header
In this way, we can go back to the home page and see that the menu has been configured to the head of our home page.
I’ve already changed the order in which I want to display the menus in the menu.
Introduction to header and footer Settings
Headers and footers are briefly mentioned in this issue. I will post a few pictures, from left to right, you go to operate, you can immediately understand the meaning. Like the header,
Same thing with footers,
We can edit specific content. Like editing social media.
The tail down
So far, a basic blog site belonging to their own, has almost completed the setting, the rest of the function, the students need to go to more toss and toss. In the process of operation, I have been thinking about a problem, whether to upgrade the style of the blog more flowers in hu qiao some. And THEN I said no.
For us, the core purpose is to write the content, store the content, I think it’s simple, the user sees the content and goes. Don’t set up various pop-up ads to harass. Do not add too many plug-ins to avoid affecting the stability of the site and other problems.
Yet? Is this it? Over?
No, that’s not possible. I mean, the basic functionality of a blog site is there now, and we need to spend some time filling in some articles. Until we get to the next problem. For example, operations need to be optimized for SEO. Collect statistics on visits. Forms are needed to collect feedback, etc. Even, we need to sell some of our own products, and so on.
Since our main line is e-commerce, let’s start Woocommerce next.