Créer ou modifier un thème de Wordpress avec Dreamweaver – Part 2
Commencez par afficher le front office du blog en cliquant sur le lien (Afficher le site »). Personnellement pour ne pas « perdre » mon back office lors de cette opération je fais un clic droit >> ouvrir dans un nouvel onglet, ainsi je peux aller du back au front sans problème…
Lorsque vous avez affiché le front office, aller dans le menu Affichage >> Afficher la source (pour MSIE). Copier l’intégralité de la source dans votre presse papier.
Allez dans Dreamweaver. Faites Fichier >> Nouveau >> Page vierge >> Type de page = HTML >> Mise en forme =<Aucune>. Mettez vous en affichage de la source. Supprimer le code existant et remplacez le par celui que vous avez dans votre presse-papier.
Enregistrez le dans le dossier Wordpress de votre thème avec une extension .htm ou .html. Vous pouvez conserver le nom du fichier d’origine du moment que vous avez bien modifier l’extension. Vous pouvez aussi l’appeler d’un nom différent par exemple index_html.htm !
Enregistrez tous les types de pages du blog de la même façon, à savoir : une page d’article, une page, une page de page ( !), une page de résultat du moteur, etc…
Dans chaque page, vous allez remplacer la ligne suivante :
<link rel="stylesheet" href="http://www.votre-site.com/wp-content/themes/nomdevotretheme/style.css" type="text/css" media="screen" />
par
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
Le fichier des styles CSS se trouve en effet au même niveau dans le dossier. Remettez-vous maintenant en mode création dans Wordpress : la page apparaît avec le design que vous souhaitez modifier !
Ouvrez le fichier style.css : à vous de jouer ! Il vous suffit de modifier les attributs de style (et notamment les appels d’image) pour personnaliser votre blog !
Dans le prochain billet, nous entrerons dans plus de détails et nous verrons comment personnaliser votre header.
/https%3A%2F%2Fassets.over-blog.com%2Ft%2Fcedistic%2Fcamera.png)