Thème WordPress - Structure

TP 27 – Thème WordPress structure

Thème WordPress - Structure Mettre en place un thème WordPress personnalisé

Dans ce TP et les suivants vous allez transformer « Le blog du Webmaster » en site dynamique, c’est à dire administrable depuis le back-office WordPress. 1- Copiez-collez le dossier [twentytwelve] 2- Renommez ce dossier [webmasterblog] 3- Supprimez tous fichiers et dossiers suivants :

4- Faites une capture d’écran de votre blog statique, collez dans photoshop et dimensionnez-là en 880px / 660px – nommée screenshot.png – enregistrée directement dans [webmasterblog] 5- Editez « style.css » dans Dreamweaver, modifiez le 1er bloc de commentaires en vous servant du texte actuel en exemple. Gardez bien les mêmes intitulés : Theme Name, Author …

1/3

http://www.31-place-web.net/

TP 27 – Thème WordPress structure

6- Supprimez tout ce qui suit dans la feuille de style. 7- Dans [webmasterblog] ouvrez editor-style.css. Copiez à partir de : /* =Alignment -------------------------------------------------------------- */ jusqu’à la fin de la page - dans la feuille « style.css ». Cette partie du CSS permettra de gérer la mise en page du code généré depuis l’éditeur du back-office (alignement des images, tableaux).

8- Copiez tout le contenu de « blog-style.css » (votre site statique) dans cette feuille dans « style.css ». 9- Copiez tout le contenu de « index.html » (site statique) à la place du contenu de « index.php » 10-Copiez les dossiers [fonts] - [img] – [js] du site statique vers le site dynamique.

11-Dans « index.php », supprimez : 







12-Dans « index.php », juste avant la fermeture de , ajoutez : 



13- Allez dans le back-office WordPress > Apparence. Votre screenshot doit apparaitre, activez votre thème. Visualisez. 14- Dans « style.css » refaites les liens vers les fonts et background- image si vous en avez (car la feuille de style n’est plus dans un dossier [style]). 15- Dans « index.php », maintenant que nous sommes en environnement WordPress, la source de l’image doit être précisée depuis le dossier racine, remplacez :

2/3

http://www.31-place-web.net/

TP 27 – Thème WordPress structure

Par