The whole process of WordPress theme production (3): HTML static template production

I introduced you to "The whole process of WordPress theme production (2): Theme file composition". This article continues to bring you the "Full process of WordPress theme production (3): HTML static template production" , let’s take a look at it together~

You need to know PHP to make WordPress, but no matter what, your blog page is a web page. The reason why the web page can be displayed in the browser is because it is ultimately sent to The browser is terminal code such as HTML, CSS and JS, which ultimately controls the display results of the browser. Making WordPress themes is no exception. They are all web pages, and the most basic part of web pages is HTML. If you want to create a WordPress theme, you must first design the theme interface, subtle, simple, thick, unrestrained... the style is completely up to you, and then convert your design concept into .html, and it can be displayed normally in the browser.

This series of tutorials will not teach you how to design the interface of a blog, nor will it teach you the basics of HTML and CSS. Instead, it is assumed that you already have the basics of HTML and CSS. If you don’t know HTML, you can If you don’t know CSS, the following stuff may seem like a bible to you.

This series of tutorials will use the html template Aurelius provided free of charge by tutsplus as an example to explain the production process of WordPress themes. The production of other templates is similar. The HTML template file is provided for download below. We will use it to practice how to combine HTML static pages with PHP code to create WordPress themes. After downloading, the html files inside can be opened directly by double-clicking.

This template may not be to everyone’s taste, but it will suffice for our theme making exercise. In addition, you may be surprised, why is it in English? Don’t worry, you’ll know later that it doesn’t matter whether it’s in English or not. Let’s talk about the uses of these downloaded files:

• Homepage: index.html
• Archive page: archive.html
• Page: page.html
• Article page: single.html
• Contact page: contact.html
• No sidebar page: full_width.html
• Picture: /images/
• Style sheet: style.css
• Thumbnail: screenshot.png

These are basically the types of pages that can be seen on most blogs. You may have noticed that no matter which WordPress theme you use, different article pages are basically the same except for the title and content. This is the so-called template.

The focus today is to download the static html web page file I provided above, so stay tuned for the following content.

Recommended learning: "WordPress Tutorial"

The above is the detailed content of The whole process of WordPress theme production (3): HTML static template production. For more information, please follow other related articles on the PHP Chinese website!