Adapter le thème Pratic34

de | 1 novembre 2011

Thème Pratic34Tutoriel pour adapter le thème Pratic34 à votre site. Un soupçon de traitement d’images avec GIMP, une pincée de HTML dans un éditeur de texte, et le tour est joué !

 

1. Se procurer le thème Pratic34

– Téléchargez le thème ici (bientôt !).
– Décompressez l’archive.

2. Modifier la photo du header

– Ouvrez la photo de remplacement, ses dimensions ne doivent pas excéder 463 x 100 (px).
– Sélectionnez l’intégralité de votre photo et copiez.
– Dans le dossier “images”, ouvrez le fichier template.xcf à l’aide de Gimp.
– Dans la fenêtre calques sélectionnez le calque photo (le calque de gauche, pas le masque noir de droite).
– Collez. Votre photo remplace la photo d’origine.
– Toujours dans l’image template.xcf, sélectionnez à partir du coin supérieur gauche un rectangle de dimensions 1024 x 120 (px).
– Dans le menu Edition, effectuez “copier visible”.
– Collez comme nouvelle image. Enregistrez sous fond_header.png. Vous avez votre fond de header !

3. Modifier le fond de l’écran

– C’est l’image fond_body.png. Attention, elle se répète horizontalement : si vous faites un dégradé, vérifiez qu’il soit bien horizontal.

4. Modifier le sigle de l’académie

– Ouvrez l’image du sigle de votre académie. Ses dimensions maximales doivent être de 171 x 96 (px), si possible sur fond blanc ou transparent.
– Copiez l’intégralité de votre image.
– Ouvrez l’image “sidebar.xcf”.
– Sélectionnez le calque “Calque Copié #1”.
– Collez. Enregistrez sous “sidebar.png”. L’image du sigle de votre académie est en place.

5. Modifier le logo de l’académie

– Ouvrez l’image du logo de votre académie. Ses dimensions maximales doivent être de 146 x 139 (px), si possible également sur fond blanc ou transparent.
– Copiez l’intégralité de votre image.
– Revenez à l’image sidebar.xcf, sélectionnez le calque “Calque Copié #2”.
– Collez. L’image du logo de votre académie est en place.

6. Modifier le nom du site

– Vérifiez que vous ayez bien installé la police Assiduous sur votre ordinateur.
(http://www.acidfonts.com/typeface/assiduous.htm)
– Toujours dans l’image sidebar.xcf, sélectionnez le calque “PRATIC34”.
– Sélectionnez l’outil texte et double-cliquez sur la zone sélectionnée dans l’image.
– Une zone de saisie apparaît : saisissez le titre de votre site. Vous pouvez adapter la taille des caractères et la couleur.
– Cliquez sur le bouton “fermer” lorsque vous avez terminé.
– Vous pouvez répéter l’opération pour le calque “Pour réussir avec les TIC”. Cela permet de rajouter un sous-titre. Vous pouvez également effacer ce texte.
– Enregistrez votre image sous sidebar.png.

7. Modifier l’url verticale

– Encore dans l’image sidebar.xcf, sélectionnez le calque “pratic34.ac-montpellier.fr”.
– Lorsque vous cliquez sur le texte, un dialogue vous demande ce que vous souhaitez faire de ce calque texte modifié. Sélectionnez “Créer un nouveau calque”.
– Dans ce nouveau calque, saisissez l’url de votre site.
– Sélectionnez l’outil “rotation”, cliquez sur ce calque et faites-le pivoter d’un angle de -90°.
– Sélectionnez l’outil de déplacement et positionnez votre url de manière à ce qu’on puisse la voir en entier.
– Enregistrez votre image sous sidebar.png.

8. Modifier les liens du bas de page

– A l’aide de votre éditeur de texte préféré, ouvrez le fichier “liens_du_bas.php”.
– Modifiez le code HTML pour y insérer vos liens.
– Enregistrez.

9. Modifier la ligne de liens internes du pied de page

– A l’aide de votre éditeur de texte, ouvrez le fichier “footer.php”.
– Modifiez le code HTML des 20 premières lignes pour y insérer vos liens.
– Enregistrez.

10. Modifier la description de votre site dans le pied de page

– Toujours dans le fichier “footer.php”.
– Modifiez le code HTML de la ligne 24 pour y insérer la description de votre site.
– Enregistrez.

11. Installer le thème

– Transférez les fichiers par FTP dans “wp-content/themes/”.
– Sélectionnez le thème.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*