Modification de thème wordpress

Ceci est un petit aide mémoire pour modifier le thème wordpress par défaut, et le modifier. Ceci suppose que wordpress est déjà installé sur le serveur et qu’il fonctionne.

Etape 1 : Création du thème

– Copier le réperoire /wp-content/themes/default/ vers /wp-content/themes/exemple/
– Modifier les premières ligne du fichier style.css de la manière suivante :

/*
Theme Name: WordPress Simple Clean Fr
Theme URI: http://www.nomdedomaine.fr/
Description: Un thème simple et propre par
<a href="http://www.nomdedomaine.fr/">Votre prénom, votre nom</a>.
Version: 1.0
Author: Votre prénom, votre nom
Author URI: http://www.nomdedomaine.fr/
*/

Oui, je sais, c’est un peu mégalo. Mais, bon, c’est wordpress qui veut ça.

ETAPE 2 : Modification du Css

Je suis reparti de zéro.
L’idée est tout à la fois de maîtrisertotalement la mise en page et d’éviter les bugs d’affichage des navigateurs qui me rendraient un jour ou l’autre la tâche difficile.

Il s’agit d’une mise en page semi-fluide :
– La largeur du texte est de longueur variable (60%)
– La colonne sur le côté est de largeur fixe.

La largeur du texte est de longueur variable pour permettre à l’utilisateur de visualiser le site dans de bonnes conditions sur les différentes configurations (800 x 600, 1024 x 768, 1280 x 1024).

La largeur de la colonne est fixe pour permettre un rideau descendant décrivant une marge pour une meilleur lisibilité.

J’ai dû ajouter une ligne pour le hr : display none; afin de ne pas afficher les barres qui ne sont pas compatibles avec ma mise en page.

ETAPE 3 : Modification des Php

– Modification sur le header.php :
Suppression de la partie css affichant le background.
Suppression de la balise h1 pour des raisons de sémantique et de référencement. (à mon sens la balise h1 doit baliser le titre de la page, et non le nom du site.)

– Modification de single.php :
Modification de h2 par h1.

– Modification du footer.php

pour modifier la signature du site.

C’est fini !

 

Publicités

One Response to Modification de thème wordpress

  1. khalil dit :

    bonjour,

    Je débute sur wordpress et je cherche justement à modifier un theme pour me faire la main. J’ai pris le theme twenty ten (default en général à ce qu’on me dit)

    Comment s’appelle la partie css dans le header pour le background, je ne la trouve pas….

    merci d’avance pour votre aide

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion /  Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion /  Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion /  Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion /  Changer )

Connexion à %s

%d blogueurs aiment cette page :