The domain name uses a second-level domain name: blogzmrw.net (in the browser, you can preview the effect of ** after production in advance).
The server uses A2 Hosting
The theme uses the porto theme.
Access the domain name, and the following page appears, indicating that the installation is successful.
Backend login link:
Enter your account password to log in.
Modify the language and time zone
Modify the date display format
Modify the permanent link
Buy good porto themes from ThemeForest.
Please refer to the following link for how to purchase:
Select the Appearance theme
Upload a theme,
Enable the theme. 
Fill in the activation code
Check whether the system status is satisfied
Set up a child theme
Confirm that you are using a subtopic
Install the plugin
There are two main plugins installed: elementor, contact form 7
ps: If the installation of the porto functionality plugin fails, you can upload the installation from the ** package.
Install porto functionality
Enable the plugin
Select Demo Content Installation
I'm going to use Business Consulting 5 for ** deployment.
The display also requires the installation of the alpus plugin (which is included in the archive of **).
Install the alpus plugin
Enable the plugin
Install the Business Consulting 5 demo
This information is displayed to indicate that the demo content was successfully installed.
Visit the blogzmrw..net to see the demo**.
At this point, the Porto WordPress theme basic wizard is set up, and the next step is to decorate and personalize the page.
Modify the appropriate size of the logo
Set the menu according to your needs.
Revise**. Modify the message button.
Adjusted overall style.
Hover your mouse at the bottom and click Edit Footer
Click on the corresponding content to modify the information, and the final result is as follows.
Modify your own information as needed.
Modify**, by displaying the information, we know that the ** is using the intro contact of Contact Form7
Edit TNTRO Contact
Modify ** into Chinese and increase your ** needs.
[text* text-724 placeholder class:w-100 "Your name *"][text* text-540 placeholder class:w-100 class:mt-3 "Your***"][text text-540 placeholder class:w-100 class:mt-3 "Your***"][submit class:btn-br-4 class:w-100 class:mt-3 "Make an appointment now"]Modify the display styles of the two mobile terminals in turn.
Installation requirements align business needs.
If you feel that the columns are relatively small, you can copy two.
Modify partner columns, customer reviews.
With this in mind, optimize the service process page.
Revise my honors.
Optimized call to action
Optimize your blog column.
Optimize the message column.
At this point, the homepage is installed.
Entering the page, we found that it was displayed in English, which needed to be changed to Chinese in the page.
Go to the list of pages and click Quick Edit.
Just edit the title and click Update.
Follow this method to modify the blog center, contact us, homepage, service center, cooperation case.
Refresh the About Us page again, English has changed to Chinese.
According to the method of modifying the homepage, modify the columns of each part in turn and change it to conform to your own copywriting.
The only difference from the homepage is that there is a FAQ page at the bottom, the FAQ page retrieves all FAQs by default, and we can also control the FAQs displayed through FAQ IDS, and adjust the order of FAQs.
Let's revise the FAQ content below.
Modify the title and description.
Modify the other FAQs in turn
We can also add FAQs and set up categories for FAQs.
Refresh the About Us page again, the FAQ has been updated.
At this point, we have finished making.
The service center is mainly a fixed navigation, and there are some details that need to be paid attention to here.
First of all, complete the fixed navigation Chinese settings, assuming that our service has **production, **SEO, Google bidding, social media marketing.
Here you must remember to set the link: web-marketing, which is equivalent to a locator, which is used to directly locate the corresponding section, for example, the first section CSS ID is web-marketing
Modify the corresponding content in turn.
At this point, the service center is completed.
Contact us, just like the homepage and service center page, you can modify the information that needs to be displayed.
Contact us, there are fewer parts to modify, and it's relatively simple.
At this point, the contact us page is completed.
When optimizing the blog page, we found that it was not edited with Elementor like the previous page.
A blog page is different from other pages in that it is controlled by the theme.
We observe that there is currently no sidebar on the blog page.
We just need to modify it to the blog list option with a sidebar.
The following table shows the modified display result.
Similarly, the article detail page is set up like this.
If you want to modify the style of the post list display, you need to see that the template builder is controlling our blog style.
After clicking on it, I found that one is a blog and the other is a story.
What we're revising this time is:
Click to edit it.
With Elementor we control the style that each blog shows.
The number of impressions per page.
How many columns are displayed.
Adapt to your needs.
At this point, the blog list page and detail page are set up.
Click directly, and there will be an error if you don't accidentally.
The reason is that this page is also controlled by the theme, and you need to refer to the blog page to modify it, and find the corresponding module in the template builder to modify the archive story
Controlling the archive story style is controlled by the story type.
Modify the story type to control the style display.
So far, the optimization of the cooperation case has been completed.
We need to set up Elementor so that it allows modifying our blog pages because we're using the Porto theme and therefore disable Elementor's built-in styling as well.
Novices are not satisfied with the original layout, it is recommended that students who have just started to contact WordPress website building start to completely imitate the original template to build a website, and upgrade it after being familiar with it later.
After the launch, the most important thing is the release of the article, which will be the main part of our traffic and the top priority of our future work.
This concludes the tutorial on making a blog from 0-1 with WordPress**. I hope that students who want to learn Xi and build a website can gain something.
If you think the article is good, give oneFollow + Like + Favoritebar.
It will also be updated to use WordPress to make a B2B from 0-1.
Use WordPress to make an independent station from 0-1.