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

Ce tutoriel est le dix-septième d’une série d’articles sur la création d’un thème pour Wordpress de A à Z. Si vous prenez le train en cours et si vous souhaitez créer votre propre thème de A à Z, je vous conseille fortement de commencer par le premier tutoriel de la série.

Aujourd’hui, on va terminer la partie HTML de notre thème ! On va insérer les liens nous permettant de passer de page en page et d’article en article, insérer un peu de code pour guider le visiteur au cas où il tomberait sur une URL qui n’existerait plus (par exemple…), puis enfin nous validerons notre thème pour qu’i soit conforme aux règles du W3C.

1. Lier les différentes pages avec le “post nav link”

Quand on est sur la page de garde ou dans les archives par exemple, on a parfois envie d’aller voir un peu plus loin, de voir les articles précédents, donc d’aller aux pages précédentes. Pour ce faire, il va nous falloir insérer un peu de code dans l’index, sous le “php endwhile”, et avant le “php endif”. Ce code est le suivant:

1
2
3
<div class="navigation">
<?php posts_nav_link(' - ','page suivante','page pr&eacute;c&eacute;dente'); ?>
</div>

Tout d’abord, on enveloppe le tout par une classe “navigation”. Ensuite, on insère une requête “post_nav_link”, qui va donc ajouter des liens vers les pages précédentes et suivantes. Par défaut, ça va afficher “next page” et “previous page”. Pour avoir quelque chose en français, il va nous falloir fournir quelques informations supplémentaires. Ici donc, on aura “page suivante” et “page précédente”. Le signe ” - ” permet de séparer les deux précédent quand il y a une page précédente et une page suivante: “page précédente - page suivante”. Le signe “&eacute” permet d’afficher l’accent aigu.

Par la suite, on verra que l’on peut donner une apparence différente à ces liens, comme la possibilité de leur attribuer des flèches par exemple.

Enregistrez votre fichier, rafraîchissez votre navigateur et regardez ce que ça donne!

2. Lier les différents articles entre eux

Ici, on va reproduire un peu la même chose qu’au-dessus, si ce n’est que l’on va appliquer une requête pour pouvoir naviguer d’article en article. Pour cela, on va ouvrir le template single.php, qui affiche l’article seul, et toujours sous le “php endwhile”, et avant le “php endif”, on va insérer le code suivant:

1
<?php previous_post_link() ?> <?php next_post_link() ?>

Ici, la première fonction va appeler le billet précédent et la deuxième, le billet suivant. Enregistrez-le tout et allez voir le résultat sur votre navigateur, sans oublier de le rafraîchir !

Que ce soit pour la navigation de page en page ou de billet en billet, il y a plusieurs endroits où on pourrait les placer. Sur mon thème actuel, basé sur k2, naviguer d’article en article se fait au dessus du titre de chaque article. Ca c’est un peu au goût de chacun.

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

Il arrive parfois qu’une URL est disparue mais qu’elle soit toujours référencé par les moteurs de recherche. Le visiteur ne va donc pas trouver l’article qu’il cherche en venant sur votre blog. Il va donc falloir afficher un message pour lui dire que cette page n’exite pas ou n’existe plus ! Pour cela, on va insérer un peu de code, à la fois dans le template “index.php”, “page.php”, “search.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:

1. pour l’index.php:

1
2
3
4
<?php else : ?>
<h2>Oooopppsss...</h2>
<p>Désolé, mais vous cherchez quelque chose qui ne se trouve pas ici .</p>
<?php include (TEMPLATEPATH . "/searchform.php"); ?>

2. pour le single.php:

1
2
<?php else : ?>
		<p>Désolé, aucun article ne correspond à vos critères.</p>

3. pour le search.php:

1
2
3
<?php else : ?>
		<h2 class="center">Aucun article trouvé. Essayer une autre recherche ?</h2>
		<?php include (TEMPLATEPATH . '/searchform.php'); ?>

4. pour la page.php

1
2
3
<h2>Oooopppsss...</h2>
<p>Désolé, mais vous cherchez quelque chose qui ne se trouve pas ici .</p>
<?php include (TEMPLATEPATH . "/searchform.php"); ?>

Alors, que je vous explique un peu comment ça fonctionne. En fait, lorsqu’une requête pour un article est faîte, le loop va chercher dans la base l’article correspondant. S’il le trouve, il l’affiche. Mais s’il ne le trouve pas, il ne va rien afficher. Si on ajoute la commande “php else”, on va dire au loop ce qu’il doit faire s’il ne trouve rien. Et ici, on va insérer une phrase, de son choix, pour indiquer au visiteur que l’article ou la page n’existent pas. J’ai mis un gros “oops” en h2, mais vous pouvez très bien écrire ce que vous voulez, et de la taille que vous souhaitez !

Enfin, petit plus que j’ai trouvé sur le thème par défaut et que je trouve assez sympa, c’est la possibilité de proposer au visiteur de faire une recherche pour essayer de trouver l’article. Les formulaires n’étant pas toujours facilement accessibles, c’est une bonne manière de lui proposer de ne pas s’en aller tout de suite ailleurs ! D’où la dernière ligne, qui va appeler le template “searchform.php”.

4. Validation XHTML du thème

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 !!!

Tutoriel n°18: “Présentation de la feuille de style”

Fran6

125 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.

  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….;-)

  3. 3

    vivement les feuilles de styles… ;)

  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 ?

  5. 5

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

  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…

  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 ;)

  8. 8

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

  9. 9

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

  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

  11. 11

    Je te l’envoie demain ! ;-)

  12. 12

    merci francis !

  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 !

  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 ?

  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 ?

  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 !! ;-)

  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

  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é !!! ;-)

  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 !! ;-)

  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…

  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 !

  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 !

  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 !! ;-)

  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 !!

  36. 36

    Hello !!
    Tout d’abord, merci beaucoup pour ce tuto très amusant que j’utilise pour un nouveau blog que je souhaite customiser de A à Z !
    J’ai suivi toutes les étapes à la lettre, pourtant, lors de la validation, comme d’autres, je me suis retrouvée avec 4 erreurs concernant des balises “div” !
    Après avoir un peu tâtonné dans le code, il m’a semblé comprendre que, à partir de la page index (celle qu’il nous a fallu copier ensuite pour créer single et cie), nous avions une balise de fermeture div en trop…
    Je ne sais pas trop pourquoi ni comment, mais sur chacun de mes fichiers .php, je me suis retrouvée avec une balise de fermeture div juste après la ligne avec le “endif” !!!!
    A tout hasard, j’ai supprimé toutes les balises qui me semblaient en trop dans mes fichiers et maintenant, j’ai le joli cadre vert qui me dit que tout est ok ! :-)
    Si ça peut aider quelqu’un…

  37. 37

    Salut Francis, je continue tes tutoriaux avec plaisir, et j’ai une question :

    Pour l’insertion des liens inter-page et inter-article, tu dit

    “sous le ??php endwhile?, et avant le ??php endif?, on va insérer le code suivant:”

    *insertion du code*

    Y à t’il une raison particuliere ? et pourrai tu expliquer en quelques mots à quoi servent ces balises PHP, tu l’a surement dit dans un tuto précedent mais cela m’est vraiment sorti de la tete et je ne vois vraiment plus.

    Peut on insererce code ailleur (par exemple devant le titre de l’article) ou devont nous la placer via CSS ?

    Merci encore francis :)

  38. 38

    Salut Francis, c’est encore moi, je suis au niveau de la validation W3C… pourrai tu m’informé sur l’erreur que j’obtien ?

    ” Sorry, I am unable to validate this document because on line 322 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication.

    The error was: utf8 “\x99″ does not map to Unicode ”

    Et aussi j’ai remarqué que lorsque l’on insere du contenu syndiqué depuis youtube par exemple, cela fait pas mal d’erreur (j’ai scanné une url avec du contenu syndiqué)

    Est ce que cela fou le bordel au niveau du référencement ? que faire ?

    Merci encore pour tes tutos et le temps que tu prend pour nous répondre

  39. 39

    vymDiesel > Alors concernant ta première question, tu peux placer le code où tu veux. Je l’ai placé là et entre ces balises pour que les liens apparaissent à ces endroits là du thème, mais tu peux très bien les mettre ailleurs. Concernant ton deuxième problème, c’est quoi ce x99 ? Il me semble que c’est un problème de syntaxe…

  40. 40

    Pour le 2ieme probleme je n’en ai AUCUNE idée, j’ai suivi tes tutoriaux à la lettre et je n’ai eu aucun probleme, (par contre je travail en ligne sur mon blog deja bien remplis de commentaires … peut etre que cela vien de la (ou des liens syndiqués que j’ai poster depui youtube ou autre)

    Je ne sais meme pas ou regarder pour savoir d’ou vien le probleme

  41. 41

    Bien remplis d’articles pardon*

  42. 42

    Wow!!! Bon d’une part je n’arrive pas à mettre les pages précédentes/suivantes (pourtant j’ai essayé, je suis même allée vérifier dans le fichier sur le ftp voir que les lignes de codes y étaient bien)… Et j’ai quand même 5 erreurs lorsque je valide et toutes sur deux balises , je vais essayer de trouver toute seule.
    En gros j’ai ces trois messages: end tag for element “div” which is not open, unclosed end-tag requires SHORTTAG YES et XML Parsing Error: expected ‘>’
    Pfff, je vais y arriver et impressionner mon homme!

    Mariette , le 4 sept 2007 à 14:34
  43. 43

    Youpi This Page Is Valid XHTML 1.0 Transitional!
    J’ai tout repris, je me suis plein de commentaires et on y arrive!!! Par contre je pense que dans la partie footer il y’a quand même une balise en trop, car ce coup ci je l’ai directement viré (ainsi que le formulaire de recherche car pour moi je n’en vois pas l’utilité).

    Mariette , le 4 sept 2007 à 18:50
  44. 44

    Bonjour Fran6
    Voilà un excellent tuto, clair et bien fichu. Bravo.
    Un petit truc en plus, pour faciliter la validation par le W3C dans le cas d’un blog en local. Télécharger l’extension Web Developer Toolbar pour Firefox. Elle possède sous “Tools” une commande “Validate local HTML”. Un clic, et la validation est lancée.

    Pierre K. , le 29 sept 2007 à 11:14
  45. 45

    Merci Pierre pour l’info ! ;-)

  46. 46

    J’ai également la même erreur que vymDiesel.

    « Sorry, I am unable to validate this document because on line 157 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication.

    The error was: utf8 “\x99″ does not map to Unicode »

    Quand j’affiche mon code source, je remarque que l’encodage utilisé est UTF-8. Même en spécifiant cet encodage et XHTML 1.0 Transitionnal, cela me retourne la même erreur.

    J’ai, comme vymDiesel, suivi point par point votre tutoriel…
    Bon, je me passerai de la validation pour l’instant, mais ça sera intéressant d’élucider ce mystère ! :)

    Aliosha.

  47. 47

    Salut Fran6
    Voilà j’ai terminé les 23 tutos mais je viens de me rendre compte que lorsque je fais une recherche d’un mot inexsistant, il me renvoit une page blanche (avec la sidebar,..etc).
    Or j’aimerais qu’il m’affiche un message d’erreur et qu’il m’include la zone de recherche en dessous …
    Est-ce que tu saurais m’aider stp ?

    Thomas , le 4 oct 2007 à 17:38
  48. 48

    Thomas > Je vais regarder ça de plus près. Je suis un peu en ce moment au niveau temps, mais je te promets de regarder tout ça la semaine prochaine ! ;-)

    Aliosha > Tu as regardé d’où venait le “utf8 ??\x99″ ?

  49. 49

    Thomas > J’ai modifié le tutoriel pour avoir un texte sur le template search.php quand il n’y a pas d’articles qui correspondent à la recherche ! ;-)

  50. 50

    Super ! merci Fran6 ;)

    Thomas , le 16 oct 2007 à 19:51
  51. 51

    Salut,

    Pourquoi il n’y a plus rien dans ce tuto ? du coup, je suis en panne…

  52. 52

    C’est bon Katel, tout est rentré dans l’ordre… Désolé ! ;-)

  53. 54

    Salut Fran6…bon je me suis enfin mis au Tuto..et je dois avouer que tout c’est très bien passé, essentiellement grâce a la clarté de tes propos!
    Mais…je suis arrivé jusqu’ à la fameuse validation xhtml..et là….
    j’ai vérifié tout le code…j’obtiens 13 erreurs…mas connaissances en prog étant assez limités, je viens demander de l’aide au Maitre…
    J’ai bien vérifié la fermeture de mes balises..si tu peux jeter un coup d’oeil..
    d’avance merci!

    http://meryl.marques.free.fr/

  54. 55

    Jiminix > Tu as résolu ton problème depuis ?

  55. 56

    PAs vraiment, mais, sauf erreur de ma part, tu devais m’envoyer les fichiers php nickel au niveau valide xhtml, et je n’ai rien reçu..!
    un oubli ? ou moi qui suis trop tête en l’air ?!

  56. 57

    Bonjour,
    je viens de passer a l’étape de la validation W3C
    et le validator me trouve 5 ereurs dans le code source.
    Comment rectifier des ereurs dans le code HTML alors que j’ai travaillée sur des fichiers PHP ?
    Merci d’avance.

  57. 58

    Julie > tu peux me donner ton URL si le site est en ligne ou tout au moins m’envoyer une copie d’écran du résultat de la validation ?

    Il se peut que ça vienne des templates, mais normalement tu ne devrais pas avoir ce genre de souci. Si tu as déjà des articles, ça peut aussi provenir de là…

    Tiens moi au courant !

  58. 59

    Salut Fran6,
    alors encore un bravo de plus de la part d’un néophyte qui ne pige rien au code (mais depuis ce tuto j’ai l’impression d’avoir grandement évolué! donc Mille Mercis).
    Voilà , cela fait donc 2 fois que je refais les Tuto depuis le début, en lisant bien tout (même les commentaires), et jusque là tout va bien … j’arrive encore à suivre ! :-)
    Mais lors de ma validation W3C, hé bien j’ai donc 6 erreurs que je ne trouve pas (sachant que ce sont des n° de ligne qui ne correspondent pas avec la totalité de mon code source … donc encore plus difficile à trouver!).
    Bref j’ai beau essayer de trouver les erreurs … je sèche !
    J’ai contrôlé mon index.php avec celui que tu as posté, je n’ai pas d’erreurs à ce niveau là. Ce sont apparement des balises “ul” et “li” qui posent probleme, ainsi que des XML parsing error.
    J’implore ton aide, je perds des neurones à chaque fois que je relis ces lignes de code !!!

    Dirtyphonik , le 29 jan 2008 à 18:02
  59. 60

    Dirtyphonik,
    Comme toi, je ne connais rien aux codes, mais je m’accroche…
    Le tuto de Fran6 est vraiment super pour nous.
    Moi, je suis devenu accro… à ce tutorial.
    J’en suis à la leçon 15… les “sous-templates”.
    A raison de deux cours par jour.
    Dès que j’arrive à la leçon 17… je te dis si j’ai trouvé.
    A moins que ce diable de Fran6 t’ai répondu avant.
    Bon courage et à bientôt.
    Alain

  60. 61

    Excusez-moi les amis, je suis un peu souffrant ce soir donc je n’ai pas pu vous répondre… Je regarde tout ça demain promis !! … à moins que j’aille encore moins bien !! :mrgreen:

  61. 62

    Soigne-toi bien… Fran6. On compte sur toi !
    Alain
    P.S. :à propos, où trouvez-vous vos emoticons sur le site !
    Moi, j’en ai pas ! ;>(

  62. 63

    Bonjour (regardez pas l’heure du post, je suis en indonésie et c’est déja le matin).
    Alors j’ai tout refait cette nuit, parce que devenant accro à ce truc … je me suis dis qu’il fallait que je trouve. J’ai donc tout refait avec DW CS3, et lors de sa propre validation interne en XHTML 1.0 Transitional, hé bien pas d’erreurs. ( J’en ai corrigé quelques unes qu’il m’a indiqué au passage). Donc tout fier de moi, je retente la validation W3C … 6 erreurs, et ce ne sont pas forcément les memes qu’avant ! :-(
    Ca devient rageant, mais je ne perds pas la foi … l’obstination est mon maître, et la patience ma religion !
    PS : Fran6, je t’envoie du soleil balinais, ca devrait te faire aller mieux … ;-)

    Dirtyphonik , le 30 jan 2008 à 2:23
  63. 64

    Fran6, ne penses-tu pas que, au stade de la validation xhtml, tu devrais peut-être proposer en lien tout les fichiers des cours précédents valident en téléchargement…cela permettrait de continuer à avancer. Moi je n’ai toujours pas repris à cause de mes erreurs, et depuis quinze jours maintenant, alors que j’avais démarré sur les chapeaux de roues!

  64. 65

    Jiminix > j’y pense depuis un petit moment figures-toi… Je vais les mettre en téléchargement dans les prochains jours mais plutôt au niveau du dernier tuto, le 23 parce que certains passent la validation mais se plantent dans les CSS…

    Dirtyphonik > Tu es sur Bali ?? J’adore !! Tu es où exactement, sur Denpasar ?

  65. 66

    Bonjour à tous …
    J’ai lâché l’affaire un petit moment … plage et farniente … revenu bien détendu et les neurones aérés … et voila je recommence … tranquillement, et relisant bien tout ce que j’ai fait … et voila le résultat tant attendu : This Page Is Valid XHTML 1.0 Transitional! (avec un joli bandeau vert). Et j’ai même des petits cadeaux (2 icones) !! :-)
    Ca fait vraiment plaisir après toute cette galère, et je me sens un peu plus “évolué” !
    Donc, pour ceux qui galèrent et qui ne connaissent rien aux codes, ne perdez pas espoir, c’est juste qu’il faut pas s’acharner et refaire le tout dans le calme et la sérénité ! ;-)

    Je suis sur Kerobokan, à 2 kms des plages de Pettitenget. Le soleil vient juste de se coucher, le ciel est tout orange … et je te dédicace ce fabuleux sunset pour ton excellent tutoriel.

    Dirtyphonik , le 30 jan 2008 à 11:49
  66. 67

    Tout pour toi, Dirtyphonik ;>))
    La plage, le soleil rouge et… la validation.
    J’enrage….
    Bon ! je m’y remets aussi… et passerai le temps qu’il faut, mais j’y arriverai.
    Na !

  67. 68

    Alain > t’as une URL à me proposer pour que je regarde ça ou tu as tout en local ??

  68. 69

    Si tu as le cœur de regarder, je t’en serais infiniment reconnaissant…
    Voilà une URL : http://alain.dublanchet.free.fr/Blog1/
    Il y a 10 erreurs… m’a-t-on dit !
    Par avance merci.
    Alain

  69. 70

    ça y est… ! J’ai gagné mes galons… comme Dirtyphonik.
    L’examen de validation passé avec succès, mais non sans mal… et crises de nerf, je vais pouvoir attaquer au feuilles de style.
    Un vrai bonheur !
    Donc, pour ceux qui galèrent et qui ne connaissent rien aux codes, on peut aussi s’acharner et refaire le tout dans la douleur et l’énervement !
    A chacun selon son tempérament.
    Alain

  70. 71

    Super Alain !! On se retrouve au prochain niveau alors !! ;-)

  71. 72

    Salut Alain.
    J’ai bien suivi tes tutos depuis le n°1 mais c’est ici que j’ai les plus gros problèmes.
    Déja à l’étape de la création du template archive.php j’ai eu un petit souci (je n’y ai pas laissé de commentaires car ceux ci sont fermés ;) ). Mes trois articles de texte (remplis par du générateur de texte latin) ne sont pas tronqués. Je les voie dans leur intégralité.
    Mon deuxième problème est l’invalidité de mon blog à cette étape-ci. Le validator me trouve 13 erreurs et étant assez peu doué je ne comprends pas vraiment la nature de ces erreurs. J’en ai corrigées 8 sur les 13 mais il m’en reste 5 que je n’arrive pas à corriger.
    Elles sont dues à des balises de div à ce que j’ai compris, mais pas moyen de trouver comment y remédier :D

    Bref, si tu pouvais m’éclairer un peu sur le template archive.php et sur mes erreurs ce serait très sympa.
    Pour jeter un coup d’oeil au blog par toi même, en voici l’url : http://jokari.fr/blog/

    À bientôt je l’espère.

  72. 73

    Je viens pour des nouvelles.
    J’ai réussi à rendre valide mon blog. C’était une erreur de débutant :D J’avais mis le div du header avant même d’avoir ouvert la balise . Et dire que j’ai mis tant de temps à trouver d’où venaient ses erreurs. Je me sens petit :D

  73. 74

    Quentin,
    Ravi d’apprendre que tu as réussi tout seul… Je me suis trouvé comme toi à un moment, prêt à lâcher mais la volonté a été plus forte et j’ai fait comme toi. Heureux finalement d’avoir abouti.
    Bonne chance pour la suite.
    Alain

  74. 75

    Bonjour, j’ai essayé de faire valider mon XHTML, mais mon blog contient environ 8 erreurs, dont certaines que je ne comprends pas? Cela peut-il provenir de la version 2.3.3 française de Wordpress?

  75. 76

    En fait il me reste 2 erreurs que je ne peux résoudre… Quelqu’un pourrait m’expliquer celles-ci?

  76. 77

    Salut Salut!
    Moi j’ai un problème, voici mon code de index:

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

    mais quand je rafraichi, voila ce que j’ai:
    “Parse error: syntax error, unexpected T_ELSE in C:\xampp\htdocs\wordpress\wp-content\themes\Creation theme\index.php on line 26″

    Que faire???

    Greg-J , le 26 fév 2008 à 21:12
  77. 78

    Et il y a quoi exactement sur la ligne 26 ?

  78. 79

    does anyone knows if there is any other information about this subject in other languages?

  79. 80

    Salut tout d’abord merci pour tes tutos. Je voulais simplement modifier un thème existant pour mon site mais autant faire tout la structure soit même ^^.

    Bref là je bloque comme beaucoup sur la validation.
    Mon code==>