website development using wordpress tutorial pdf

2022.04.26

The following is my personal website wp.my-soft.net.cn,Completely based onwordpressMake。Watch the sites of many companies,It will not be too weak to do the official website。It can also be combined herenginxConfigure some cache,Accelerate,For example, synchronize the homepage per second to generate a static page,ThennginxSpecify this static page。

website development using wordpress tutorial pdf

front page

(website development using wordpress tutorial pdf)

Environmental preparation

(website development using wordpress tutorial pdf)You need to follow the deployment diagram as follows【Official website construction scope】Prepare the environment。Recommended directlydockerTo runWordpress,MySQLas well asNginx。

website development using wordpress tutorial pdf

(website development using wordpress tutorial pdf)Deployment diagram


Steps

Buildmysqldatabase,Create the corresponding database,And set the user name,Do appropriate authorization。Then startwordpress,The browser access obtains the following interface。


website development using wordpress tutorial pdf

Initialization page


After the language is selected,Set the username and password。


Then visit the login,

website development using wordpress tutorial pdf

Settings page

Then log in to the system,

(website development using wordpress tutorial pdf)website development using wordpress tutorial pdf

(website development using wordpress tutorial pdf)Finish


website development using wordpress tutorial pdf

(website development using wordpress tutorial pdf)After logging in


website development using wordpress tutorial pdf

You can see the management page

(website development using wordpress tutorial pdf)

Development Homepage

Here is based onBootStrapFramework styleElitePress,Support the following configuration:


website development using wordpress tutorial pdf

ElitePressConfiguration item

Make an official website,Usually there is a cool homepage,Several elements that make up the homepage usually have a header、LOGO、Navigation bar、Ad column、Core Products、team、Partner、Latest dynamics, etc.。

(website development using wordpress tutorial pdf)Generally we have to makeLOGO,Then determine the color,Design layout,Determine the location of the element in the layout,Then fill in the content in each plate according to the factor。

  • 【Site identity】To defineLOGOWhenever website name
  • 【color】Used to set the background color of the website
  • 【Background image】Used to set the website background picture
  • 【menu】Used to set the navigation bar
  • 【small tools】Used to set the top crossbar content;And page、The content of the blank area of the foot
  • 【Homepage settings】Used to set the homepage content area; You can use it here【Homepage section settings】Replace
  • 【Theme appearance setting】Used to set the appearance of the theme;For example,as well aswidestill isbox
  • 【Header settings】The search bar that can be used to set the header, etc.
  • 【additionalCSS】Can be used to add custom style,E.g:
html{background-color:red!important}
p{color:blue!important}
  • 【Homepage section settings】Used to set the main content,Can set rotation、Serve、project、Dynamic
  • 【Footer settings】Used to set foot content,Information such as filing

Other pages development

(website development using wordpress tutorial pdf)For general pages,Can directlywordpressMake articles、page;

(website development using wordpress tutorial pdf)

website development using wordpress tutorial pdf


For some special content pages,can useH5Develop,Then give the link;

Complete the production of the page content according to the menu content;


Adjust the menu point


website development using wordpress tutorial pdf


You can enter the menu for custom


website development using wordpress tutorial pdf


Homepage static

usecurlaccesswordpressServe,Or homepage content,generateindex.html;followed bynginxAgent configuration on this static page。

返回列表
更多新闻资讯