L'ensemble du processus de production de thème WordPress (3) : production de modèles statiques HTML

Précédemment, je vous ai présenté "L'ensemble du processus de production d'un thème WordPress (2) : Composition du fichier de thème". Cet article continue de vous présenter le "Processus complet de production d'un thème WordPress (3) : Production de modèles statiques HTML". jetez-y un œil ensemble. C'est vrai~

Vous devez connaître PHP pour créer WordPress, mais quoi qu'il en soit, votre page de blog est une page Web. La raison pour laquelle la page Web peut être affichée dans le navigateur est due au contenu final. envoyé au navigateur est HTML, CSS, JS, etc. Le code du terminal, qui contrôle finalement les résultats d'affichage du navigateur. La création de thèmes WordPress ne fait pas exception. Ce sont toutes des pages Web, et la partie la plus fondamentale des pages Web est le HTML. Si vous souhaitez créer un thème WordPress, vous devez d'abord concevoir l'interface du thème, subtile, simple, épaisse, débridée... le style dépend entièrement de vous, puis convertir votre concept de design en .html, et il pourra être affiché. normalement dans le navigateur.

Cette série de tutoriels ne vous apprendra pas comment concevoir l'interface d'un blog, ni les bases du HTML et du CSS. Au lieu de cela, il est supposé que vous possédez déjà les bases du HTML et du CSS si vous ne le faites pas. Je ne connais pas HTML ou CSS, ce qui suit peut vous sembler une bible.

Cette série de tutoriels utilisera le modèle html Aurelius fourni gratuitement par tutsplus comme exemple pour expliquer le processus de production des thèmes WordPress. La production d'autres modèles est similaire. Le fichier modèle HTML est disponible en téléchargement ci-dessous. Nous l'utiliserons pour nous entraîner à combiner des pages statiques HTML avec du code PHP pour créer des thèmes WordPress. Après le téléchargement, les fichiers html contenus peuvent être ouverts directement en double-cliquant.

Ce modèle n'est peut-être pas du goût de tout le monde, mais celui-ci suffira pour notre exercice de création de thème. De plus, vous pourriez être surpris, pourquoi est-il en anglais ? Ne vous inquiétez pas, vous saurez plus tard que peu importe que ce soit en anglais ou non. Parlons des utilisations de ces fichiers téléchargés :

• Page d'accueil : index.html
• Page d'archive : archive.html
• Page : page.html
• Page d'article : single.html
• Page de contact : contact.html
• Page sans bordure : full_width.html
• Photo : /images/
• Feuille de style : style.css
• Vignette : capture d'écran.png

Ce sont essentiellement les types de pages que la plupart des blogs peuvent voir. Vous avez peut-être remarqué que quel que soit le thème WordPress que vous utilisez, les différentes pages d'articles sont fondamentalement les mêmes, à l'exception du titre et du contenu. C'est ce qu'on appelle le modèle.

L'objectif aujourd'hui est de télécharger le fichier de page Web HTML statique que j'ai fourni ci-dessus, alors restez à l'écoute pour le contenu suivant.

Apprentissage recommandé : "Tutoriel WordPress"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!