Table of Contents
1. Basic preparation
2. Start building the website
3. Basic elements (article page)
Home Backend Development PHP Tutorial Use wordpress to quickly build a beautiful website (1)

Use wordpress to quickly build a beautiful website (1)

Apr 02, 2017 pm 02:48 PM
wordpress

WordPress is a blogging platform developed using PHP language. Users can set up their own website on a server that supports PHP and MySQL database. Through the wordpress platform, creating a website is as easy as setting up your own QQ space.

Xiao Xianer I summarized the following article based on the tutorials of Ninghao.com, hoping to make progress and learn together with other website building enthusiasts.

1. Basic preparation

1. Download wamp (under windows). The function of wamp is to integrate a series of software required to develop a dynamic website or a server, so with wamp, you can create your own website on it. Wamp integrates apache, mysql, and php. So using a wamp is enough to support us in building a unique website. After downloading and installing wamp, start wamp and wait for the icon to turn green

            2. If you want to write a website built with the wordpress platform, you need to download a wordpress, download it from the wordpress.org website , then unzip it, rename the unzipped package to the name of the website you want, and then put it in the www folder in the wamp directory.

2. Start building the website

1. Before building the website, open wamp and select PHPadmin. After a page appears, select the database option to create a database for your own website as shown below

2 2. Now, because we have put the decompression and renamed WordPress in the www in the WAMP directory, now open the browser The wordpress configuration interface can appear.

3. Since many arrogant little users do not want to enter the extra characters of localhost, some users want to remove this localhost and directly enter the website name and / to have their own website appear. We have to provide This is built using Virtual Host

C:\Windows\System32\drivers\etcAfter configuring this file, you can directly enter the name of the website you want to edit in the address bar. Okay, instead of entering localhost, use Editor to open the hosts file, and then enter 127.0.0.1 website name in it. This 127.0.0.1 represents the IP address of this machine, which is equivalent to the local Computer, the latter part (originally localhost) is a small alias of the local computer, which is equivalent to giving the local computer a new name. This is the function of the virtual host. It is not completed. You still need to open the file C:\wamp\bin\apache\apache2.4.9\conf (this address is different for different users, depending on your wamp installation address) and find httpd .conf file, write a paragraph in it Code, configure the virtual host, tell Apache, after typing in the website name, enter the host and restart wamp

The code to be written
Include conf/extra/httpd-vhosts.conf (remove the # sign in front of this code), and write the following code at the end, change the following content according to the website name and wamp installation path
<VirtualHost *:80>
        
Document
Root "c:/wamp/www/memorypub"
        ServerName memorypub
        
Dir
ectoryIndex index.php
        <Directory  "c:/wamp/www/memorypub">
            Options Indexes FollowSymLinks
            AllowOverride None
            Order allow,deny
            Allow from all
        </Directory>
</VirtualHost>
Copy after login

4. After completing the above steps, enter the website name directly, and the wordpress configuration interface will appear. This configuration interface is as shown below


The name of this database must be Write the name of the database previously generated in PHPadmin. The username must be root, and the password is blank by default. For mac users, the password is also root, and other default values ​​are sufficient. After filling in, click Submit, and a message will appear. Web configuration interface, this is the last step to generate your exclusive website, isn't it a little exciting?

5. Improve the configuration interface

Enter some of your private information, and then you can install wordpress, which is just the prototype of the website you want to build in the future.

3. Basic elements (article page)

Most websites display articles and pages to users, so this is what I call the basic element, but some readers may have questions, ## How to deal with #VIDEO and PICTURE? In fact, to some extent, the video is just an article without text and only video, and the same is true for pictures.


The picture above is the backend interface of the main editor of WordPress. We can gradually improve our website based on this interface. Writing an article is the first step. Click on the article. By choosing to create a new article, you can write some articles based on our theme and the content that the website needs to display to viewers. It is particularly important to pay attention to typesetting. The advantage of WordPress is that it allows us to see the preview directly. Windows users can preview by pressing Ctrl and viewing the article. If you want to add your own css style, you can click on the text field in the upper right corner of the article editing bar (the default selection is visualization), and you can see that this includes some HTML language. We can add our own styles and some

HTML tags that we want.

One good thing about wordpress is that you don’t need to publish it in time. Scheduled or scheduled delivery provides great convenience for future website maintenance and updates.

Generally, articles are dynamic, while pages are

static. The author, publication time and other content can be displayed below the article. These displayed contents can be selected, as can the comments on this article. Optional.

The above is the detailed content of Use wordpress to quickly build a beautiful website (1). For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to adjust the wordpress article list How to adjust the wordpress article list Apr 20, 2025 am 10:48 AM

There are four ways to adjust the WordPress article list: use theme options, use plugins (such as Post Types Order, WP Post List, Boxy Stuff), use code (add settings in the functions.php file), or modify the WordPress database directly.

What are the plugins for wordpress blocking ip What are the plugins for wordpress blocking ip Apr 20, 2025 am 08:27 AM

WordPress IP blocking plugin selection is crucial. The following types can be considered: based on .htaccess: efficient, but complex operation; database operation: flexible, but low efficiency; firewall: high security performance, but complex configuration; self-written: highest control, but requires more technical level.

How to build a website for wordpress host How to build a website for wordpress host Apr 20, 2025 am 11:12 AM

To build a website using WordPress hosting, you need to: select a reliable hosting provider. Buy a domain name. Set up a WordPress hosting account. Select a topic. Add pages and articles. Install the plug-in. Customize your website. Publish your website.

How to cancel the editing date of wordpress How to cancel the editing date of wordpress Apr 20, 2025 am 10:54 AM

WordPress editing dates can be canceled in three ways: 1. Install the Enable Post Date Disable plug-in; 2. Add code in the functions.php file; 3. Manually edit the post_modified column in the wp_posts table.

How to change the head image of the wordpress theme How to change the head image of the wordpress theme Apr 20, 2025 am 10:00 AM

A step-by-step guide to replacing a header image of WordPress: Log in to the WordPress dashboard and navigate to Appearance &gt;Theme. Select the topic you want to edit and click Customize. Open the Theme Options panel and look for the Site Header or Header Image options. Click the Select Image button and upload a new head image. Crop the image and click Save and Crop. Click the Save and Publish button to update the changes.

How to write a header of a wordpress How to write a header of a wordpress Apr 20, 2025 pm 12:09 PM

The steps to create a custom header in WordPress are as follows: Edit the theme file "header.php". Add your website name and description. Create a navigation menu. Add a search bar. Save changes and view your custom header.

What to do if there is an error in wordpress What to do if there is an error in wordpress Apr 20, 2025 am 11:57 AM

WordPress Error Resolution Guide: 500 Internal Server Error: Disable the plug-in or check the server error log. 404 Page not found: Check permalink and make sure the page link is correct. White Screen of Death: Increase the server PHP memory limit. Database connection error: Check the database server status and WordPress configuration. Other tips: enable debug mode, check error logs, and seek support. Prevent errors: regularly update WordPress, install only necessary plugins, regularly back up your website, and optimize website performance.

How to display wordpress comments How to display wordpress comments Apr 20, 2025 pm 12:06 PM

Enable comments in WordPress website: 1. Log in to the admin panel, go to "Settings" - "Discussions", and check "Allow comments"; 2. Select a location to display comments; 3. Customize comments; 4. Manage comments, approve, reject or delete; 5. Use &lt;?php comments_template(); ?&gt; tags to display comments; 6. Enable nested comments; 7. Adjust comment shape; 8. Use plugins and verification codes to prevent spam comments; 9. Encourage users to use Gravatar avatar; 10. Create comments to refer to

See all articles