Validation XHTML

Et oui, on arrive à la fin de la partie HTML de la création du thème ! Maintenant, nous allons pouvoir valider notre thème auprès des instances qualifiées, le W3C. Le W3C est un consortium qui fixe les règles du web en termes de développement. Cette validation n’est pas obligatoire d’une certaine manière mais est très fortement recommandé car elle permet de voir les erreurs de code, mais des moteurs de recherche comme Google n’aiment pas trop les sites web avec de grosses erreurs non validées. Donc faîtes valider votre thème et vous serez tranquille.

Pour faire cette validation, il va nous falloir récupérer le code source, puisqu’on travaille en local (si vous travaillez en ligne, vous n’avez qu’à fournir l’URL de votre blog). Pour récupérer le code source, normalement c’est pas bien compliqué puisque chaque navigateur est censé le proposer dans un de ses onglets. Par exemple, sous Firefox, c’est sous l’onglet Affichage, puis Code source de la page.

Sélectionnez l’ensemble du code et allez sur le site de validation du W3C. Vous avez différentes manières de proposer votre fichier à la validation. Nous, nous allons copier notre code source directement sur leur site, plus bas sur la page, au niveau de “Validate by Direct Input”. Entrez votre code source et appuyez sur “Check”. Le résultat apparaît quelques secondes après, et si vous avez bien travaillé ;-), une jolie fenêtre verte apparaît en vous disant:

This Page Is Valid XHTML 1.0 Transitional!Et voilà ! Votre thème est valide ! On va maintenant pouvoir passer aux feuilles de style pour rendre l’ensemble un peu plus beau !!!

Fran6

Autres articles sur le même sujet:

36 Commentaires pour “Création Thème Wordpress | Tutorial #17: navigation, page non trouvée et validation XHTML du thème”


  1. 1

    Pour cela, on va insérer un peu de code, à la fois dans le template “index.php”, “page.php” et “single.php” et directement sous les informations de navigation, que ce soit de page en page ou d’article en article. Pour le template “page.php”, vous insérerez le code sous le “php endwhile”, et avant le “php endif”. Voici donc ce code à insérer:

    Oooopppsss…
    Désolé, mais vous cherchez quelque chose qui ne se trouve pas ici .

    tu dis qu’on va insérer un peu de code, à la fois dans le template “index.php”, “page.php” et “single.php” et ensuite tu dit d’insérer du code seulement dans le template page.php. Faut t’il faire de meme pour les deux autres templates ???

    Merci.

    PS: j’ai validé le xhtml après rectification de en trop.

    david , le 7 juin 2007 à 15:31

  2. 2

    En fait, ce que j’ai dit c’est que pour les templates index et single, il faut placer le code après les infos de navigation, et pour le template page, comme il n’a pas ces infos de navigation, il faut placer le code après le endwhile et avant le endif. Ca te paraît plus clair ?… Pas toujours évident ces histoires de template….;-)

    http://www.fran6art.com/

    Francis , le 7 juin 2007 à 16:02

  3. 3

    vivement les feuilles de styles… ;)

    http://www.creart-studio.ch

    Seb , le 7 juin 2007 à 16:52

  4. 4

    C’est clair ! Personnellement, c’est ce que je préfère, les CSS… D’ailleurs, je me demande si je vais pas faire appel aux lecteurs pour proposer des astuces et des trucs pour les CSS sous Wordpress… Ca serait sympa si tout le monde pouvait participer, non ?

    http://www.fran6art.com/

    Francis , le 7 juin 2007 à 18:03

  5. 5

    ben oui je trouverais ça super…
    C’est une des facette du web que j’aime; l’interaction.

    http://www.creart-studio.ch

    Seb , le 7 juin 2007 à 18:09

  6. 6

    le web 2.0 quoi !! Faut que je réfléchisse encore à comment mettre ça en place. Le but n’est pas que chacun nous montre son thème, mais qu’on se focalise sur des sujets précis qui permettent de tirer profit des CSS…

    http://www.fran6art.com/

    Francis , le 7 juin 2007 à 18:14

  7. 7

    exactement c’est bien le 2.0 :)
    Je trouve aussi que c’est mieux de faire des sujets bien ciblés qui parlent de l’application du CSS à Wordpress. Je trouve dommage de seulement présenter son thème où le côté apprentissage disparaît.
    Mais c’est vrai que pour appliquer cette idée c’est pas tout simple…si j’ai une idée je te la transmet ;)

    http://www.creart-studio.ch

    Seb , le 7 juin 2007 à 19:08

  8. 8

    ce que tu appelles informations de navigation ce sont les liens vers les pages suivantes et précédentes ?

    david , le 7 juin 2007 à 20:51

  9. 9

    Oui, les infos de navigation est ce qui te permet de naviguer entre les pages ou les articles

    http://www.fran6art.com/

    Francis , le 7 juin 2007 à 20:54

  10. 10

    j’ai la rage j’ai copié le code source général pour le validé avec le W3C et j’lai collé dans l’index.php ce qui fait que tout ce que j’ai effacer le contenu original. Bref si quelqu’un a le contenu de l’index.php peut il me l’envoyer :
    boudouba@gmail.com

    Merci

    david , le 7 juin 2007 à 22:11

  11. 11

    Je te l’envoie demain ! ;-)

    http://www.fran6art.com/

    Francis , le 7 juin 2007 à 22:14

  12. 12

    merci francis !

    david , le 7 juin 2007 à 22:21

  13. 13

    urmph.. j’ai fait comme dit (il me semble) mais le message qu’il ne trouve rien n’apparait pas. :\ je sais pas trop comment faire pour le faire apparaitre… :\ hellllpppp !

    Isabelle , le 19 juin 2007 à 19:48

  14. 14

    Bonsoir Isabelle, tu peux me donner un peu plus de précisions ? ;-) Je ne suis pas sûr de quoi tu parles là… Tu parles de la validation ? A très vite !

    http://www.fran6art.com/

    Francis , le 19 juin 2007 à 21:36

  15. 15

    3. “La page que vous recherchez n’existe pas !”

    J’ai mis ce qu’il faut aux endroits donnés et ça fonctionne pas. Lorsque je fais un search avec un mot que je sais qui n’est pas dans mon blog, ça ne me dit pas Désolée, mais vous cherchez quelque chose qui ne se trouve pas ici ?!

    Je sais pas ou j’ai pas fait correct… mais c’est la 2e fois que je reprend du début. Même résultat…
    :(

    Isabelle , le 19 juin 2007 à 22:53

  16. 16

    Isabelle > C’est normal qu’il te dise ça si tu as faire une recherche avec un mot qui n’existe pas dans tes articles ! :D Maintenant, si c’est pas le bon texte qu’il s’affiche, es-tu bien sûr d’avoir mis le code dans tous les fichiers ? A partir de quelle page fais-tu cette recherche ?

    http://www.fran6art.com/

    Francis , le 20 juin 2007 à 11:06

  17. 17

    À partir de la première page, je tappe quelque chose qui n’existe pas, parce que le but, c’est de me dire qu’il y a quelque chose qui se trouve pas là non ?

    Et là, je suis foutue, j’ai mis mon CSS. La sidebar se place sous mon content au lieu d’à ses côtés. le header est centré. le footer est complètement à gauche.

    J’ai re-re-re-commencé depuis le début et ça marche passsss.

    Est-ce que quelqu’un peut m’envoyer un fichier zip de tout les PHP & CSS question que j’étudis où je fais une erreur ?

    Merci !!!

    Isabelle :\

    Isabelle , le 20 juin 2007 à 14:39

  18. 18

    Je t’envoie tout ça de suite, mais à une condition: c’est que tu viennes nous dire après ce qui n’a pas marché…OK ?

    http://www.fran6art.com/

    Francis , le 20 juin 2007 à 15:00

  19. 19

    Oui, promis !

    Isabelle , le 20 juin 2007 à 15:01

  20. 20

    Voilà… en fait, je me suis trompée (pas mal) dans l’index.php. Ce qui s’en a suivi dans la création des sous-templates.

    1- J’avais mis en haut de … au lieu d’en dessous.

    2- j’ai fait ça :
     
    Oooopppsss…
    Désolée, mais vous cherchez quelque chose qui ne se trouve pas ici .

    au lieu de ça :

    la page que vous recherchez nexiste pas ou nexiste plus…

    Voilà… en espérant que ça peut aider d’autres… et merci beaucoup Francis !!! Ton blog m’aide beaucoup à apprendre et à me remettre dans le codage. Je connais que le HTML. Y’a longtemps que j’ai pas fait de page web… alors je dois réapprendre du début… (presque) !

    Ciao,
    Isabelle

    Isabelle , le 20 juin 2007 à 16:34

  21. 21

    Fatigué moi ce soir… Ravi que tout soit arrangé Isabelle !! ;-)

    http://www.fran6art.com/

    Francis , le 20 juin 2007 à 17:29

  22. 22

    J’ai suivi les étapes pas à pas jusqu’à cette leçon (ces tuto sont vraiment plein de pédagogie !! Bravo) mais au moment de valider j’ai eu des gros problèmes avec les balises de listes. Le site internet me dit que j’ouvre des balises Li alors que je n’ai pas le droit car il manque des balises Ul. Je ne comprend pas très bien où est le problème. Pourrais-tu m’expliquer le principe de l’intéraction entre ces deux balises que je comprenne comment régler le problème. Merci beaucoup.

    Edouard , le 27 juin 2007 à 12:46

  23. 23

    Edouard > Les balises ul créent une liste, les balises li créent chaque ligne de ta liste. Vérifie donc qu’avant toutes tes lignes, tu as bien ouvert la liste avec une balise ul

    http://www.fran6art.com/

    Francis , le 27 juin 2007 à 14:38

  24. 24

    Pardon ! J’espère que tu n’as pas passé de temps à esayer de répondre à ma question, j’avais mal recopié et en recommançant toute la sidebar j’ai fait disparaître les messages d’erreur concernant les listes. Par contre j’ai, parait-il, une balise de fin “” qui ne correspond pas à une ouverte. Admettons ! Mais là où je m’étonne c’est que l’erreur se situe à la ligne 169 alors que je n’ai que 155 lignes ? Help !! Moi pas comprendre.

    Edouard , le 27 juin 2007 à 15:01

  25. 25

    Parfois le nombre de lignes n’est pas équivalent d’un soft à un autre. T’aurais pas oublié de fermer la div “page” par hasard ? Vérifie une nouvelle fois tes templates…désolé !!! ;-)

    http://www.fran6art.com/

    Francis , le 27 juin 2007 à 15:11

  26. 26

    Le problème c’est pas une balise que j’ai pas fermée, en fait le problème c’est une div que je ferme mais qui n’est pas ouverte et je ne comprend pas très bien comment faire pour savoir laquelle. J’ai regardé mais je n’ai pas trouvé (dans le template “page” les div s’ouvrent et se ferment correctement). De toute façon je suis arrivé à la fin du tutoriel mais ça ne s’affiche pas du tout comme ça devrait (y’a un peu de tout partout) donc je crois que je vais abandonner temporairement, garder ce blog dans mes favoris et commencer la lecture d’ouvrages sur le CSS, le PHP et l’HTML. Merci de tes réponses et encore toutes mes félicitations pour le travail effectué et celui que tu projettes de faire.

    Edouard , le 27 juin 2007 à 19:46

  27. 27

    Pas de soucis Edouard, tiens moi au courant !! ;-)

    http://www.fran6art.com/

    Francis , le 28 juin 2007 à 10:23

  28. 28

    Femme au bord de la crise de nerfs…. voilà ce que ce (merveilleux) tutorial a fait de moi…
    tout allait pour le mieux dans le meilleur des mondes (mis à part que mon frigo est vide) quand j’ai tenté, confiante, la validation W3C… et là, horreur malheur, il y a des erreurs… Or, j’avais tout suivi à la lettre !
    Vu que j’ai déjà laissé la plupart de mes neurones dans la lecture et l’exercice je suis toute couillonne pour essayer de soigner le problème.
    Bon, je vais essayer…

    Ana , le 4 juil 2007 à 16:30

  29. 29

    Salut Ana,

    est-ce que tu pourrais me faire une copie d’écran de ce que te dis la validation ? Quelles sont les erreurs ? Ne te prends surtout pas trop la tête non plus ! Si t’as besoin d’un break, tu peux toujours aller faire des courses !!! ;-) a très vite !

    http://www.fran6art.com/

    Francis , le 4 juil 2007 à 16:34

  30. 30

    salut francis,

    Moi aussi j’ai un probleme avec la validation puisqu’il me sort 25 erreurs or j’ai tout suivis a la lettre :s
    je te file un screen: http://img508.imageshack.us/im…..ilefy6.jpg

    j’espere que la solution sera vite trouvé si tu as besoin mon index.php dis le moi ;)
    merci.

    Madoxer , le 7 juil 2007 à 19:37

  31. 31

    Madoxer > Si tu as fait 25 erreurs à la validation, c’est que tu as dû faire des erreurs quelque part !! :D Regardes les erreurs et répare les. Sinon, dans les commentaires du tuto 19, j’ai mis mon fichier index pour ceux qui avaient des soucis… Bon courage !

    http://www.fran6art.com/

    Francis , le 9 juil 2007 à 9:58

  32. 32

    YEAH VALIDATE XHTML !!
    Oui j’ai bien vérifié le fichier index mais je n’avais aucune erreur d’en celui si j’ai fais des erreurs stupides dont même moi j’ai honte. Maintenant place au CSS :D
    J’y prend gout moi hummm, je sens que je vais me mettre au developpement web moii

    Merci encore Francis

    Madoxer , le 9 juil 2007 à 18:37

  33. 33

    Madoxer > De rien !! ;-)

    http://www.fran6art.com/

    Francis , le 9 juil 2007 à 18:48

  34. 34

    toujours moi et cette histoire de article en relation !!!!
    je peut la trouve ou ;)

    delman , le 11 juil 2007 à 1:57

  35. 35

    P**** ! 24 erreurs !
    Je sent la chaleur du poele au fond de la classe :)
    Boooon, on y retourne, no pasaran !!

    http://www.31000emploi.com

    florent , le 1 août 2007 à 23:47

  1. 1 Créez votre thème Wordpress de A à Z ! Pingback on 7 juin, 2007 à 11:35

Laisser un commentaire

Bienvenu seb (Changer) (Fermer)



Recevez les prochains articles du blog ! Déjà 597 abonnés !

Tutoriels:

créez votre thème Wordpress de A à Z !

Derniers commentairesRSS

Articles les plus Populaires

Derniers ArticlesRSS

brèves du webRSS

» Ca se passe par ici et c’est plutôt joli et réussi !! ;-) (via Hongkiat)

Update: Y en a d’autres par là d’ailleurs….

Breve Commentaire

» L’autre jour, je vous ai présenté ce très beau thème pour Wordpress. Celui-ci vient d’être mis à jour et est désormais Widget Ready !

Breve Commentaire

» Y en a qui n’ont vraiment rien d’autre à faire… Des tee-shirts et autocollants à gagner…

Breve Commentaire

Flickr RSS

f6a_maintenanceInvitation exposition chez Jay'sExhibition Jay's indian restaurant 1Exhibition Jay's indian restaurant 2

Liens sponsorisés

Text Link Ads

C dla merde

Création : Max & So

« Blogbang, parce que vous aussi vous pouvez faire de la pub »

BlogBang, The Creative Contest!

Les bons gestes 1

Création : Les Filmistes Associés

« Allégez votre empreinte écologique! »

Empreinte écologique

Pages du blog

Categories

Laissez un commentaire

« 1er test video