WordPress Website Building Tutorial / Website Setup Roadmap
This roadmap is for first-time website builders: first clarify what the website is for, then prepare a domain and hosting, install WordPress, and finally check content, search, and analytics. A simple website can usually go live in a few days, with common basic costs around 500-1000 RMB/year.
Published on Recently Updated
Page Operations
Due to browser security restrictions, the webpage cannot directly add bookmarks for you. You can manually bookmark the current page using the following methods:
Open WeChat, scan the QR code to view the current page.
Themes, plugins, and design can be chosen gradually. First figure out the URL, hosting, WordPress, and ongoing maintenance, and the website will have a basic framework.
Think of building a website like opening an online shop: first have a URL (domain), then find a place to host the website (server space), install WordPress (the website program/decoration), and finally gradually fill in content (operations).
If you want to build a website yourself but are not sure where to start, you can follow this roadmap step by step. If you only want to install WordPress, you can directly seeInstallation Tutorial。
Willing to spend some time getting familiar with domains, hosting, and WordPress, and later update posts, pages, and basic settings yourself.
Want to start hands-on with a basic budget to create the first version, and later add features or upgrade hosting based on actual needs.
If you want someone to deliver a finished product directly and do not plan to maintain it yourself, you can learn about paid website building or maintenance services; you don't necessarily have to learn from scratch.
Domain and hosting are the main expenses; a common basic budget is around 500-1000 RMB/year. Themes, plugins, and hiring help can be decided as needed; remember to compare first-year and renewal prices together.
| Item | Common Range | Description |
|---|---|---|
| Domain | 50-100 yuan/year | Domain renewal each year. It is recommended to choose a stable registrar, not just the first-year low price. |
| Server / Hosting | From about 100-1000 RMB/year | Prices vary by configuration. Check the renewal price before purchasing, and confirm whether backups are included. |
| Theme / Plugin | Free to several hundred RMB | You can start with free tools; consider paid options only when you really need extra features. |
| Time | Create the first version in about 1-7 days | Basic websites are relatively quick; the more content and pages, the longer the preparation time usually is. |
| Hire help | Charged per issue or project | When encountering difficulties with hosting, installation, pages, or launch checks, you can hire someone to handle only the stuck parts. |
You don't have to finish these 18 steps in one day. Treat it as a roadmap: prepare first, then build and launch, and continue maintaining afterward.
First determine your website goals and budget, then prepare a domain name, server, or hosting. This makes it less likely you'll have to redo work during the build later.
First think clearly about what the website is for: writing a blog, introducing a company, showcasing products, or letting customers contact you. Different goals mean different pages and content to prepare later.
Domain names and hosting are the main expenses. You can start with free themes and plugins, and pay only when you really need to. When comparing prices, don't just look at the first-year discount—also check how much you'll pay for renewal each year afterward.
Try to choose a domain name that is short, easy to remember, and related to your brand or business. If the website will be hosted on a server in mainland China, you must complete website filing (ICP registration) first; before purchasing, confirm with the server provider whether the domain name meets the requirements.
First see where your visitors are mainly located, then choose the data center. VPS or cloud servers give you more things you can adjust yourself, but also require you to maintain them yourself; shared or managed WordPress hosting is usually less hassle.
First make sure the URL opens and WordPress can be logged into. Don't rush to add complex features for now; getting the basic steps running stably is more important.
When using a VPS, you first need to install the software required to run the website (WordPress hosting does not require this step), such as the web service, PHP, database, and HTTPS. A control panel can simplify some operations; the WP Panel is recommended.
Domain name resolution means telling the browser: where this URL should go to find the website. After pointing the domain name to the server, wait for the settings to take effect, then open it with the URL to check.
WordPress is suitable for blogs, business sites, foreign trade independent websites, and content sites. Beginners should prioritize getting the installation process working before considering complex features.
After installing WordPress, first set the site name, post URL format, and time zone, then create a few basic pages.
First choose the basic appearance, complete the homepage, About, Contact, and product or service pages, then prepare some useful content.
The theme determines the general look and page layout of the website. First choose a stable, easy-to-maintain solution; don't switch frequently just because the demo looks good.
Plugins are not better the more you install. First add the needed features such as search optimization, speed, security, and backup; add others later.
The homepage should let visitors quickly understand who you are, what you offer, and what they can do next—you don't need to cram everything into it.
Prepare basic content first—About, Contact, Products or Services, Privacy Notice, etc.—then add a few articles that answer visitors' questions. AI can help you outline or draft, but remember to verify before publishing.
Before launch, check page titles, the sitemap, analytics, secure connections, and backups to ensure both visitors and search engines can access the site properly.
Search engines need to understand what each page is about. Write clear titles and descriptions for important pages, and link related pages to each other.
Analytics tools can tell you whether anyone is visiting, which pages appear in Google search, and whether visitors submit forms or contact you.
Before launch, check whether the site opens properly, whether accounts are secure, and whether backups can be restored when needed.
After the site goes live, first confirm Google can access important pages, then submit the sitemap. After that, regularly check whether pages have been indexed.
After the site goes live, you also need to update content, maintain security, and adjust pages and contact paths based on traffic.
Continuously publish useful content so visitors can find the information they need. You can update on a fixed schedule or adjust topics based on search and traffic data.
Once the site has steady traffic, you can consider product sales, service inquiries, or other revenue streams. Also keep software updated and check backups regularly to avoid scrambling when the site has problems.
These questions affect whether you should self-study, what to buy, and when to seek help.
Not necessarily. With WordPress and a suitable theme and plugins, you can usually build a blog or a corporate website. A little coding knowledge makes things easier, but building the first version of a website does not require you to know how to program.
You need at least a domain name and a server or hosting. A VPS lets you adjust more settings yourself, but you have to maintain it yourself; shared or managed WordPress hosting is usually less hassle. After that, you also need to install WordPress and choose a theme.
If you are willing to learn server management and want to adjust settings yourself, consider a VPS; if you do not want to worry too much about server maintenance, choose shared or managed WordPress hosting. Also consider where your visitors are, whether ICP filing is involved, and the renewal price.
It can help, for example by organizing website sections, drafting copy, and explaining error messages. But buying a domain, setting up hosting, and checking whether the website works properly still need to be done by you. Verify the content AI gives you, and test code on a staging site first.
A basic website may be set up in a day or two; if you also need to prepare pages and content, set up search and analytics, and then run a pre-launch check, it usually takes a few days to a week. The more content you prepare, the longer it takes.
If you get stuck on choosing hosting, installing WordPress, setting up a secure connection, migrating, or checking before launch, you can hire someone to handle just that part. You do not have to outsource the entire website from the start.
You can first follow the roadmap and do it yourself. If you get stuck on choosing hosting, installing WordPress, arranging pages, or the pre-launch check, contact me to talk it over and see whether I should work through it with you or just solve one specific problem.
Come and study hard
I built a website, but it feels messy. Although all the necessary functions work, I applied the WoodMart template overall, used visual editing for some modules, and edited separate styles with HTML for others. It's just that many areas are not unified.
I need to change the domain and server now, and I'm struggling with whether to rebuild or directly transfer the current website. I don't know if this lack of uniformity will have any impact on the website. If the impact is significant, I will rebuild.
I am a beginner. Building this website has basically been a bit of this and a bit of that, without a clear direction. So, please answer my doubts, thank you.
If you think rebuilding will be better than the current one, then rebuild. If it will be the same as now, then just transfer directly.
Great guide! In 2024, building websites with intuitive tools has become even easier. I like how you break down the steps: from choosing the right domain and hosting to using website builders like WordPress or Wix. The sections on SEO and mobile optimization would be a useful addition! This is the next task that helps add value.
May I ask, what should I do if element and the simple table of contents are incompatible? When I turn on element, I cannot use element's table of contents for jumping (although the table of contents can still be generated, I cannot click on it to jump to the corresponding location).
You can consider installing a table of contents plugin as a replacement.