Glace te statique: namp;rsquoavez pas de site actif, pouvez les fichiers que jamp;rsquoutilise. Assurez de faire ce travail sur le site de développement et non sur place: ne voulez pas que le monde voie votre sujet jusquamp;rsquoà ce quamp;rsquoil soit prêt. Code de départ le site de départ namp;rsquoa que deux fichiers: notre index. Html et styles. CSS. Jamp;rsquoai délibérément simplifié mon site Web et utilisé une version simplifiée. Voici à quoi il ressemble:
Vous pouvez trouver le contenu du fichier index. Html et styles. CSS sur github je namp;rsquoafficherai pas de code ici parce quamp;rsquoil y en a trop! Remarque: il samp;rsquoagit damp;rsquoun ensemble de code de base conçu pour aider à créer des sujets. souhaitez lamp;rsquoutiliser pour un site en direct, devrez peut être ajouter des styles supplémentaires, etc. Il ne répond pas aux exigences du catalogue des sujets. Utilisez le simplement pour apprendre, pas pour alimenter le site. Pour créer un thème, devez définir un dossier dans votre installation WordPress. En utilisant lamp;rsquoéditeur de code ou le gestionnaire de fichiers, allez au contenu sujet WP et créez un nouveau dossier. Donnez lui le nom que voulez. Jamp;rsquoai nommé mon wpmudev theme Part1.
Copiez le fichier index. Html et styles. CSS dans ce dossier. Ils ne feront rien encore, mais ils le feront bientôt. Vous avez maintenant un dossier contenant deux fichiers. Tu vas commencer! WordPress ne sait pas que avez un thème. Deux fichiers sont nécessaires pour namp;rsquoimporte quel sujet: index. PHP et styles. CSS. Comme pouvez le voir en lisant cette série damp;rsquoarticles, avez généralement besoin de plus de contenu, mais ne pouvez utiliser que deux sujets. Commençons par ajouter du texte damp;rsquoannotation à la Feuille de style. Ouvrez le fichier de style. CSS et ajouter ce qui suit: charger la substance 2b693721668dba8bc578b8de9824642 Ceci fournit à WordPress les informations nécessaires pour reconnaître qu’il s’agit d’une feuille de style de thème. préférez, pouvez modifier les détails en ajoutant votre nom et votre URL et en changeant le nom du sujet.
La prochaine chose à faire est de changer
Marque le modèle. Créer des classes et des id générés automatiquement permet à WordPress de générer automatiquement des classes et des id css pour vos messages et projets. . Cela signifie que pouvez utiliser ces classes plus tard pour des styles, des types de messages spécifiques, des catégories, etc.
Ouvrez le fichier index. Php. Trouver Ouvert . Il sera Fermeture . Changez le comme suit: chargez la substance 2b693721668dba8bc578b8de9824642 Ceci utilise lamp;rsquoétiquette du modèle Body _ Class () qui détecte le type de page de vos visiteurs de site à un moment donné et génère une classe CSS basée sur elle. mettez à jour la page et vérifiez le Code, constaterez que WordPress ajoute automatiquement quelques classes css pour : téléchargez la substance 2b69372168dba8bc578b8de9824642, qui varie selon la page de votre site et le type de contenu qu’il visionne. Vous pouvez lamp;rsquoutiliser pour localiser CSS à un type de contenu spécifique, comme un seul message, une catégorie spécifique, ou tout ce que voulez.
Maintenant, faisons un post personnel pour . Trouvez cette ligne dans le fichier index. PHP: chargez la substance 2b69372168dba8bc578b8de9824642 changez la ligne comme suit: chargez la substance 2b69372168dba8bc578b8de9824642 Ceci utilise deux balises de modèle: tag the _ ID () pour récupérer lamp;rsquoID du message et lamp;rsquoutiliser pour fournir un ID unique pour le message. La balise post _ Class () fonctionne comme la balise Body Class () en ajoutant une série de classes à lamp;rsquoélément article qui correspondent au type de poste. Notez quamp;rsquoil ne fonctionnera pas correctement pour le moment parce que namp;rsquoavez pas récupéré les messages de la base de données, mais il fonctionnera correctement lorsque nous ajouterons la prochaine boucle. Ajoutez une période intéressante. À ce stade, le contenu de la page est codé en dur. Tu veux mamp;rsquoappeler?
Tutoriel thématique HTML à WordPress: Étape 1 – convertir HTML en PHP
