commencez par un site HTML (+ CSS), n’avez pas à tout jeter lorsque passez à WordPress. Vous pouvez convertir HTML en WordPress et lancer votre site Web sur une plateforme WordPress dynamique (plus puissante maintenant). Peut être pas. Peut être voulez juste savoir comment convertir le design HTML du client en thème WordPress complet. Alternativement, voudrez peut être apprendre la programmation WordPress de base (+ PHP) des aspects HTML les plus familiers. Quelle que soit la raison pour laquelle êtes ici aujourd’hui, ce tutoriel WordPress présentera les bases de la création de thèmes WordPress à partir du HTML. Vous pouvez suivre ce guide pour créer un thème à partir de zéro, ou aller à github et le thème initial de wpexplorer, qui fournit une toile vierge pour créer un thème qui contient tous les fichiers modèles et le Code dont avez besoin pour démarrer. Donc, si êtes lrsquoune des personnes qui aiment apprendre en lisant le Code, téléchargez le sujet initial, sautez le Guide et voyez comment les choses se passent non, obtenez un éditeur de code (jrsquoutilise et recommande Notepad + + ou sublimitext) et un navigateur prêt à lemploi, alors suivez ce guide simple.
Nommez d’abord votre thème WordPress et nous devons lui donner un nom unique, ce qui n’est pas nécessaire si Créez simplement un thème pour votre site. Quoi qursquoil en soit, nous devons nommer votre sujet afin qursquoil so it facile à identifier lors de lrsquoinstallation. Supposons que ayez votre propre feuille de style drsquoindex. Html et CSS sont prêts. Vous avez une installation WordPress de travail avec au moins un thème, par exemple 214 avez créé un dossier de thèmes dans lequel enregistrerez les nouveaux thèmes WordPress. Revenons aux thèmes WordPress nommés. Ouvrez lrsquoéditeur de code, copiez et collez le contenu de la Feuille de style dans un nouveau fichier et sauvegardez le sous forme de style. CSS dans le dossier sujet. Ajoutez les informations suivantes en haut du fichier de style. CSS que venez de créer:
Th
Emename: Theme name Theme Uri: Theme URL Description: Theme version: 1.0 or any other Brief description of the version you want Author: Your Name or WordPress. Nom d’utilisateur URI de l’auteur de org: votre URL Tag: localisez l’étiquette du thème dans la galerie de thèmes WordPress * n’ignorez pas l’étiquette des commentaires ( *. * ). Enregistrer les modifications. Ces informations indiquent le nom du thème WordPress, l’auteur et des ajouts similaires. La partie importante est le nom du sujet, qui permet de sélectionner et drsquoactiver le sujet à partir du tableau de bord du WP. Ce tutoriel suppose également que les modèles HTML sont disposés de gauche à droite: en tête, contenu, barre latérale, pied de page. avez une conception différente, devrez peut être travailler un peu avec le Code. Crsquoest amusant, super simple.
Lrsquoétape suivante consiste à créer quatre fichiers PHP. Utilisez lrsquoéditeur de code pour créer un index. Php, title. Php, barre latérale. PHP et pied de page. PHP et lrsquoenregistrer dans le dossier sujet. Tous les fichiers sont vides pour le moment, donc ne attendez pas à ce qursquoils fassent quoi que ce soit. Pour plus de commodité, jrsquoutilise le fichier index suivant. Feuilles de style HTML et CSS: index. HTML Comment convertir des modèles HTML en thèmes wordpress wpexplorer
Crsquoest la section titre. Placez votre logo et drsquoautres détails ici.
Crsquoest le principal domaine de contenu.
Crsquoest la barre latérale.
Crsquoest le pied de page.
Feuille de style css
Nouvelle ligne {marge: 0 automatique largeur: 95% marge supérieure: 10px hauteur: 100%} Titre {largeur: 99,8% bordure: 1px solide 999 hauteur: 135px} Contenu {largeur: 70% bordure: 1px solide 999 marge supérieure: 5px} Barre latérale {flottante: droite marge supérieure: 54px largeur: 29% bordure: 1px solide 999} Pied de page {largeur: 99,8% bordure: 1px solide 999 marge supérieure: 10px} Srsquoil nrsquoy a rien à gérer, pouvez utiliser les deux codes. Copiez les et collez les dans votre éditeur de code, sauvegardez les et créez les quatre fichiers PHP que nous avons
Je viens de le mentionner et jrsquoai préparé la prochaine partie. Ouvrez lrsquoen tête. Php nouvellement créé (et vide). Connectez à votre installation WordPress existante, allez dans l’éditeur Look gt gt et ouvrez le titre. Php. Copier tout le Code entre les étiquettes Et collez le dans le fichier drsquoen tête. Php. Voici le Code que jrsquoai obtenu à partir du fichier. Thèmes PHP 2014:
ltmeta charset=quot
ltlink rel=quotpingbackquot href=quot ltscript src=quot Ensuite, copiez le contenu de la barre latérale et de la section pied de page dans lrsquoindex. Le HTML est affiché séparément dans la barre latérale. PHP et pied de page. Php. Ajouter des messages votre modèle HTML est sur le point de devenir un thème WordPress. Nous avons juste besoin drsquoajouter votre message. avez des messages sur votre blog, comment les verrez dans le thème personnalisé
Maintenant, regardez votre message dans la section contenu du modèle drsquoindex. Php, copier et coller le code suivant entre les étiquettes Et Comme indiqué
Ce qui suit:
To, debar, footer Layout. Vous suivez? Les cinq fichiers doivent être enregistrés dans le dossier sujet. Nommez le dossier au besoin et Compressez le dans lrsquoarchive zip en utilisant WinRAR ou lrsquoéquivalent. Téléchargez votre nouveau thème dans votre installation WordPress, activez le et regardez vos thèmes se transformer en action! Crsquoest facile, non? Vous pouvez façonner votre thème comme le souhaitez, mais la plupart des fonctionnalités que nous aimons dans WordPress restent inactives parce que Ce tutoriel présente les bases de la conversion des modèles HTML en WordPress et devrait être utile aux débutants. Dans le prochain tutoriel, nous examinerons plus en détail d’autres aspects de la programmation WordPress (tels que les fichiers Template et les balises template) qui permettront de convertir des modèles HTML comme le souhaitez. Attendez avec impatience!
