Vivre du Web

Modifier le thème d’un site WordPress avec DreamWeaver

16 juin 2006

Utilisant Dreamweaver pour éditer les thèmes de mes sites WordPress, j’ai lu l’article : How to edit WordPress design with DreamWeaver avec intérêt. Il explique la méthode qu’il utilise pour modifier le design, il entend par là, la feuille de style, d’un site WordPress.

Cependant, j’ai noté qu’il passait à côté de certaines fonctionnalités de Dreamweaver qu’il est important, à mon avis, de souligner.

Tout d’abord, pour tirer réellement profit de DreamWeaver, je pense que la première chose à faire est de télécharger tous les fichiers du thème en local en conservant la structure du site WordPress : /wordpress/wp-content/themes/nomdutheme/

Cela permet de transférer, après modification, facilement les fichiers CSS en utilisant le bouton “put” de Dreamweaver. Cela en outre présente l’avantage de pouvoir télécharger les fichiers CSS par FTP. Cela évite d’avoir à modifier les droits d’accès .htaccess, ce qui est nécessaire lorsque l’on passe par l’éditeur de thèmes de WordPress.

Ensuite, la méthode que j’utilise personnellement, c’est d’ouvrir le site WordPress dans le navigateur et de sauvegarder la page que je souhaite modifier en html.

Pour cela, il suffit d’aller dans : Fichier -> sauvegarder la page, sauvegarder la page Web, HTML seul. Il est bien sûr important de sauvegarder la page dans le répertoire créé précédemment afin que ce fichier HTML se retrouve au même niveau que les fichiers CSS.

A partir de là, on peut travailler directement dans DreamWeaver. Une dernière chose est importante pour faciliter le travail, c’est de changer le lien vers la feuille de style. En effet, dans la page html créée, le lien vers la feuille de style est un lien absolu. Il faut le modifier pour qu’il pointe sur la feuille de style locale.

Pour cela, il faut repérer la ligne qui fait appel à la feuille de style :

<link rel=”stylesheet” href=”http://vivreduweb.info/wp-content/themes/tela001/style.css” type=”text/css” media=”screen, projection” />

Et la modifier ainsi :

<link rel=”stylesheet” href=”style.css” type=”text/css” media=”screen, projection” />

A partir de là, travailler sur la feuille de style devient un jeu d’enfant, puisque Dreamweaver affiche automatiquement le style de chaque élément de la page.

Mais à partir de là, tout habitué de DreamWeaver sait comment utiliser au mieux ce logiciel.

Avec cette méthode, il n’est pas nécessaire de chercher quel fichier php commande telle partie de la page, ni de créer du contenu bidon. Autant utiliser directement le contenu du site comme un cas concret.

Bien que l’utilisation de Dreamweaver pour modifier une feuille de style soit relativement facile, et encore plus avec la version 8 qui a apporté des améliorations notables à ce niveau-là, j’ai conscience de ne pas utiliser la moitié des fonctionnalités de DreamWeaver.

Dreamweaver se justifie lorsque l’on créé un site de a à z. En particulier, l’utilisation des templates Dreamweaver est très intéressante. Mais en ce qui concerne la modification d’un thème WordPress, je ne pense pas que ce soit l’outil le plus adapté.

J’ai à chaque fois l’impression de lancer l’usine à gaz alors que je pense qu’il doit exister des éditeurs spécialisés CSS probablement plus adaptés. Il faudrait que je trouve le temps de faire quelques recherches à ce sujet.

technorati tags : dreamweaver, wordpress, css

Article dans : WordPress