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écé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 “é” 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
![[]](http://m3.moostik.net/img/?pseudo=fran6art&option=invisible)
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.
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….;-)
vivement les feuilles de styles…
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 ?
ben oui je trouverais ça super…
C’est une des facette du web que j’aime; l’interaction.
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…
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
ce que tu appelles informations de navigation ce sont les liens vers les pages suivantes et précédentes ?
Oui, les infos de navigation est ce qui te permet de naviguer entre les pages ou les articles
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
Je te l’envoie demain !
merci francis !
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 !
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 !
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 > C’est normal qu’il te dise ça si tu as faire une recherche avec un mot qui n’existe pas dans tes articles !
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 ?
? 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 :\
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 ?
Oui, promis !
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
Fatigué moi ce soir… Ravi que tout soit arrangé Isabelle !!
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 > 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
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.
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é !!!
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.
Pas de soucis Edouard, tiens moi au courant !!
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…
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 !
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 > Si tu as fait 25 erreurs à la validation, c’est que tu as dû faire des erreurs quelque part !!
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 !
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
J’y prend gout moi hummm, je sens que je vais me mettre au developpement web moii
Merci encore Francis
Madoxer > De rien !!
toujours moi et cette histoire de article en relation !!!!
je peut la trouve ou
P**** ! 24 erreurs !
Je sent la chaleur du poele au fond de la classe
Boooon, on y retourne, no pasaran !!
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…
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
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
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…
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
Bien remplis d’articles pardon*
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!
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é).
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.
Merci Pierre pour l’info !
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.
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 > 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″ ?
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 !
Super ! merci Fran6
Salut,
Pourquoi il n’y a plus rien dans ce tuto ? du coup, je suis en panne…
C’est bon Katel, tout est rentré dans l’ordre… Désolé !
Merci
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/
Jiminix > Tu as résolu ton problème depuis ?
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 ?!
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.
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 !
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,
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
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 !!
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 ! ;>(
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 …
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!
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 ?
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.
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 !
Alain > t’as une URL à me proposer pour que je regarde ça ou tu as tout en local ??
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
ç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
Super Alain !! On se retrouve au prochain niveau alors !!
Salut Alain.
). 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é.
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
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
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.
Je viens pour des nouvelles.
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 
J’ai réussi à rendre valide mon blog. C’était une erreur de débutant
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
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?
En fait il me reste 2 erreurs que je ne peux résoudre… Quelqu’un pourrait m’expliquer celles-ci?
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???
Et il y a quoi exactement sur la ligne 26 ?
does anyone knows if there is any other information about this subject in other languages?
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==>
http://lunafataleonwow.free.fr....._local.txt
Débutant total je me suis contenté de faire des copier coller des codes et de le comprendre (en vérifiant en gros où les balises commençaient et se fermaient, etc).
J’ai donc 19 erreurs de 3 types mais qui font toutes références au caractère de fermeture d’une balise “>”.
Quelqu’un aurait une idée du pourquoi comment ? Car j’ai pas trop envie de me lancer dans le CSS si je ne passe déjà pas cette étape.
Pour voir j’ai copier le code source de mon site local avec le thème Forever Autumn-fr de Joni Ang et traduit sur ce même site, et je trouve quelques erreurs aussi.
Bref d’avance merci et encore bravo pour tes tutos (d’ailleurs j’attends de voir ceux sous photoshop, y touchant un peu je me demande quels conseils tu pourra nous apporter pour faciliter le design de mon site).
Salut fran6!
Pour la validation du code en local avec la barre de dev pr ff (pas tester les autres) il y a un raccourci. Je l’ai pas sur moi je suis avec flock la et j’ai pas encore installé mes plugins :$
Très bon tutos en tout cas! vraiment chapeau! A++ sur twitter ou ici
antoine > Tout ça me fait penser qu’il faut j’essaie flock moi aussi…
Bonjour Fran6,
J’ai suivi le tuto à la lettre mais j’ai dû commettre des erreurs (le codage c’est vraiment pas mon truc, j’adore l’aspect design par contre donc j’ai hâte d’attaquer la suite de tes supers tutos), j’ai 28 erreurs à la validation et 25 en utilisant ton fichier index. Peux-tu m’envoyer l’ensemble des templates pour me permettre d’avancer au chapitre suivant.
Merci d’avance.
Greg > Tu peux les récupérer sur le tuto 23 !
Bon j’ai récupéré les fichiers mais j’ai tjs 25 erreurs à la validation. Une suggestion ? Merci.
Greg > Tu as déjà des articles d’écrits sur ton blog ? Parce qu’à part ça, je ne vois pas très bien…
Oui j’avais un article et effectivement en le retirant je n’ai plus que 3 erreurs, je peux les ignorer ou il faut vraiment que je trouve une solution ?
Greg > Tu as des plugins d’installés ?
Non, pas de plugins, je n’ai rien fait d’autre que ce qui est écrit dans les tutos. J’essaye d’être méthodique.
Greg > Tu peux recopier ici les erreurs que tu as ?
Salut, voilà les erreurs :
Validation Output: 3 Errors
1. Line 129, Column 19: document type does not allow element “li” here; missing one of “ul”, “ol”, “menu”, “dir” start-tag.
PagesArchives
3. Line 139, Column 38: document type does not allow element “li” here; missing one of “ul”, “ol”, “menu”, “dir” start-tag.
Blogoliste
Et tu as regardé pour régler ces erreurs ? Visiblement, il manque un “ul” devant une liste aux lignes 129 et 139… Mais ce qui est bizarre c’est que j’ai validé plusieurs fois le thème et qu’il n’y a pas de soucis… les erreurs sont au niveau de la page archives et de la blogoliste.
si j’ai bien compris, la page index doit etre comme ceci?
parce qu’elle ne passe pas le test
”>
” title=”">
par |
Catégorie: |
Oooopppsss…
Désolé, mais vous cherchez quelque chose qui ne se trouve pas ici .
marin > Tu as dû faire une erreur quelque part… t’as essayé la validation ?
Bonjour,
N’y a-t-il pas une erreur ?
Ne manque-t-il pas un “” au point
3. “La page que vous recherchez n’existe pas !” – 4. pour la page.php ???
Bonne soirée,
Zoupine
Je viens de terminer ce remarquable tutoriel, pas à pas.
Je tenais à vous remercier, parce qu’il est extrèmement clair, et m’a beaucoup apporté, moi qui suis novice. Je vais donc tenter de me faire mon thème perso, en local avant de l’exporter !
Je vais m’attaquer maintenant aux CSS… enfin… ce soir, ou demain !
Merci beaucoup !
Bonne journée
Salut !
J’ai un problème pour la validation, c’est le même que aliosha et vymDiesel : quand je veux valider ma page je tombe sur le message :
” Sorry, I am unable to validate this document because on line 131 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 “\xE9″ does not map to Unicode ”
Petite précision : j’ai choisi “detect automatically”
Freak-Geek > c’est juste que sur la ligne 131 il y a un caractère qu’il ne peut pas interprêter. Ca veut donc dire qu’il y a une faute de syntaxe… Ca peut être un accent, un espace…
J’ai déjà corrigé des fautes sur de nombreuses autres lignes, et j’ai suivi tes instructions à la lettre !
Slt!
Tout d’abord merci pour les tuto car ils sont bien fait et faciles a comprendre.
J’ai lu pas mal de commentaires a propos de la validation. Mais moi j’ai un problème lors de la validation. Mon message est le suivant :
Sorry, I am unable to validate this document because on line 167 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 “\xA9″ does not map to Unicode
Si je comprends bien il y a une erreur ligne 167? mais le soucis c’est que dans le template index.php je n’ai pas 167 lignes. Donc si je pouvais avoir un peu d’aide svp!
Styx
Styx > En fait, il regarde ton code source pas tes templates. Dans la validation, tu peux faire afficher le code source et la ligne incriminée. Ca doit sûrement être le contenu d’un article…
Ok merci je vais regarder ça!
Super, merci Fran6 !
Voyons maintenant ce que tu nous as concocté du côté CSS.
Boulot monstre ces tutos, encore merci.
Bonjour,
Tout d’abord merci pour ce tuto mais j’ai un problème pour le template page.php.
Dans les grandes lignes : j’ai supprimé les meta data et j’ai ajouter le lien pour editer la page mais si je rajoute les lignes de code que tu as mentionné ci dessus entre le endwhile et le endif je vais tout le temps avoir le message :
”Oooopppsss… Désolé etc…”
Voici le code que me donne cette partie :
Oooopppsss…
Désolé, mais vous cherchez quelque chose qui ne se trouve pas ici .
‘, ”); ?>
Ne manque t’il pas un else ?
Oui c’est ça le problème. Il manque un php else avant le code à insérer dans page.php. Et si on suit ton tutoriel, il faut insérer ce passage après le edit post link et avant le endif.
C’est dans search.php qu’il faut l’insérer entre endwhile et endif car il n’y a pas de navigation dans ce template.
Sinon pour la validation W3C , il existe l’extension html validator pour firefox et ça contrôle automatiquement le code quand on cherche à voir le code source.
Bonjour Francis,
Merci tout d’abord pour ce didacticiel que tu proposes, pour un débutant ça aide !
Mais voilà j’ai quelques soucis avec le codage.
1/ Lorsque j’ajoute la “widgetisation” accompagnée du fichier “functions.php” l’accompagnant, celle-ci désorganise la sidebar (ex elle place la fonction “rechercher” sous les catégories créer des doubles puces etc). En l’enlevant, elle se réorganise comme il le faut.
J’ai pensé que cela pourrait se régler lors de la mise en page css, mais je n’en suis pas sûr.
2/ Les navs links (précédent, suivant) ne s’affichent pas sur la page bien que j’ai entré le code tag correspondant.
!!! ( A l’instant même j’ai trouvé la raison
)
Je laisse le deuxième pseudo-souci avec la solution affiché, ça pourrait servir
)
En fait je n’ai pas encore d’articles (je suis toujours sous “lorem ipsum”
J’en avais que trois et worpress 2.5 est réglé par défaut pour en afficher 10 par page; ce que je viens donc de faire c’est limiter provisoirement l’affichage à 2, et du coup le lien “précédent” apparaît pour afficher le troisième !
En fin de compte le premier problème pourrait être du même type que le second ?? (genre question de réglage dans le tableau de bord)
Bonjour Francis,
Finalement le problème avec la “widgetisation” s’est réglé, je ne sais trop comment mais c’était surement dû à un paramétrage dans le tableau de bord de wordpress.
Bonjour Francis,
J’ai un soucis au niveau concernant la validation !!
Lorsque j’essaie de valider j’obtiens 2 erreurs dont celle-ci :
Error Line 1, Column 0: character “” not allowed in prolog.
Re bonjour,
il y a du avoir un petit problème quand j’ai posté mon commentaire!
Donc en fait mon problème se situe au niveau de la validation, j’obtiens ces messages d’erreurs :
* Line 1, column 3: XML Parsing Error: Start tag expected, ‘
voici la suite :
J’ai tout bien fais comme il faut et n’ai eu aucune erreur ! Tant mieux !
Merci pour tous ces tutos bien pratiques !
Petit oubli,
il manque le “php else” pour page.php
tel quel, cela s’affiche toujours, même quand il y a quelque chose sur la page.
cordialement
Jérémie
PS : très bon tuto, par contre, en le suivant tel quel, ma sidebar est toujours en bas et pas sur le côté ; tu expliqueras cela plus tard, ou bien ai-je raté quelque chose ?
Merci
Bonsoir Fran6!
Tout d’abord bravo pour ton tuto, vraiment bien fait pour le moment, j’ai hâte d’avoir tout fini…
J’ai juste un problème sur cet article-là : dans les paragraphes 1 et 2 je ne vois pas (j’ai essayé avec Mozilla et IE) le code qu’il faut insérer après “ce code est le suivant” et “on va insérer le code suivant”…
Pourrais-ru me l’indiquer STP?
Merci par avance!
Ronan
Ronan > Effectivement, il y a un bug depuis que j’ai mis à jour hier le plugin pour le code dans les articles. Je vais essayer de mettre tout ça à jour aujourd’hui. Toutes mes excuses.
Très bon tuto.
Cependant, je pense qu’une erreur c’est glissé.
Pour la page.php, vous dites d’ajouter
Oooopppsss…
Désolé, mais vous cherchez quelque chose qui ne se trouve pas ici .
Ne manquerais t’il pas ?
Mckey,
Oula il y a eu un problème lors de mon précédent commentaire, pouvez vous le supprimez ?
Tuto très bien expliquer et facile à comprendre
Cependant, je pense qu’une erreur c’est glissé.
Pour la page.php, vous dites d’ajouter plusieurs chose, mais n’avez vous pas oubliez d’ajouter le else ?
Mckey,
McKey > Effectivement, je bosse actuellement sur une MAJ avec le “else”…
Ok, merci pour la réponse rapide et bonne continuation !
bonjour,
merci pour ce tutorial, bavopour la simplicité d’explications…
donc je suis créatif comme toi… c’est la problème, je n’ai aucune base pour le développement…
et là au moment de faire valider on me dit que j’ai 12 erruers… j’ai donc mal travaillé… ;((
je te joins le lien pour le code… si tu peux me donner un coup de main
http://validator.w3.org/check
merci du coup de main…
bravo encore
merci
Slais : On ne vois pas ton code.
Logiquement si tu as suivi le tuto depuis le début à la lettre tu aurais du avoir aucune erreur.
Slais > Est-ce que tu as des articles sur ta base ? Les erreurs proviennent très souvent des articles eux-mêmes… Vérifie en cochant la case qui te permet de voir la source du code
Bonjour Francis,
Je suis en local avec easyphp, et je suis arrivé à l’étape de validation XHTML:
j’obtiens 9 erreurs.
Est il possible d’avoir le code source exact, j’ai du mal à voir où sont mes erreurs.
MERCI D’AVANCE
Bruno
Voici mon code de la page index:
Untitled Document
<div class=”post” id=”post-”>
<a href=”" title=”">
par |
Catégorie: |
Oooopppsss…
Désolé, mais vous cherchez quelque chose qui ne se trouve pas ici .
Bonjour Francis,
Je suis en train de suivre plusieurs tutos pour les template. Un sur un site pour le css et le tiens pour la structure du template WP.
Juste une chose que j’ai remarqué (peut etre déjà signalé) c’est que pour le code suivant de page.php :
Oooopppsss…
Désolé, mais vous cherchez quelque chose qui ne se trouve pas ici .
Il manque juste :
Sans quoi le bout de phrase s’affiche. Je ne comprenais pas pourquoi il s’affichait sur mes pages jusqu’à ce que je remarque qu’il me manquait ce petit bout de code
Sinon, vraiment top comme tuto
Merci beaucoup.
Jay
Ma question était inutile.
En lisant mieux toutes tes réponses, j’ai trouvé les fichiers sources qui vont me permettre de corriger mon code.
Merci pour cet excellent tutoriel
Bruno
Tout bonnement génial ce tutoriel!
On se sent moins bête.
J’en suis à la validation avant de passer au CSS, et ce méchant W3C me signale encore erreurs, liées à des histoires de div.
Voici la capture du message d’erreur (lien direct : http://tinyurl.com/a8z2aw )
Html image :
imagik.fr
Merci de m’aider!
Elliott > Normalement, ce genre de soucis est dû au contenu même du blog et non à la structure… Donc plutôt au niveau d’articles ou du contenu de pages… Si ce n’est pas ça, va au tuto 23, récupérer les fichiers du thème !!
Pour le 4ème exemple, je pense qu’il manque le :
Francis, j aimerais savoir si il est possible de definir un nombre de poste maximum par page?
pour l instant ma page de garde affiche 10 posts. est-il possible d en afficher seulement 6 par page? merci!
Jeremy > Oui tu peux via la console d’admin dans les réglages…
Bonjour,
D’abord, merci d’avoir pris le temps de faire ce tuto, c’est vraiment très instructif !
Cependant, je me suis un peu emporté et avant la fin des tutos j’ai un peu bricolé en incorporant du mootools et autre jouet dans ce thème …
Il n’est plus vraiment valide ( voir plus du tout )
Pourrai tu m’envoyer une version saine du thème s’il te plaie ?
Je t’en serai, il va s’en dire, incroyablement redevable
Tu peut trouver le fichier complet avec tous de fait à la fin du groupe de tuto.
McKey > tu trouveras les fichiers au tuto 23 !
Francis : Je répondais à ta place pour aider Pigpen ^^
Bonjour Francis,
j aimerais savoir si il y a un moyen d avoir les numeros de page en bas de la page de garde:
1 | 2 | 3 | 4 etc…. au lieu d avoir ” page precedente” et “page suivante”?
ca eviterait de passer par chaque page lorsque qu on veut voir un vieux post…
merci! et merci encore pour ce tutoriel
Jeremy > Il existe le plugin wp_pagenavi qui fait ça très bien !!
effectivement!
merci!
je crois qu’a partir du 15 tuto tu commence a faire des choses qui sont pas bien expliquer j’ai rien piger dans ces derniers articles .
simokhan > é bé recommences !!
Bonjour,
Merci pour ces superbes tutoriels qui sont vraiment clairs.
Petite question concernant les liens pages précédentes, pages suivantes.
J’ai bien mis le code comme tu l’indiques mais rien n’apparaît sur la page d’accueil (même pas un message d’erreur, lol).
Doit-on avoir un certain nombre d’articles suffisant pour que le lien s’affiche?
Si le problème vient de là, où peut on régler le nombre à afficher par page?
Merci
Cordialement
PS le code de ma page index :
[code]
<div class="post" id="post-">
<a href="" title="">
par |
Catégorie: |
Oooopppsss...
Désolé, mais vous cherchez quelque chose qui ne se trouve pas ici .
[/code]
bonjour,
j’ai réussi les messages d’erreur. ( Je crois). Mais il n’affiche pas les accents. Que faire ?
De plus Fonctions marche mais dès que je me reconnecte sa ne marche plus il faut le supprimer.
merci
Tout d’abord, merci beaucoup pour ces tuto!
Lors de ma validation, il m’indique 10 erreurs alors la je sais pas trop comment réagir.
Dois-je tout annuler et tout recommencer ou est-ce possible de rattraper sans perdre encore 10h?
Merci
Marie > Regarde du côté de tes articles si tu en as, généralement les erreurs viennent de là et pas du thème !
Bonjour, je suis en train de créer un thème Wordpress comme tu dois te douter et une fois arrivé à l’étape fatidique de la validation W3C , je me retrouve avec une 17 erreurs donc recommençage (oui recommençage !) du début car je ne comprend rien aux erreurs. Donc deuxième tournée de php, et là belotte et rebelotte : 12 erreurs… c’est déjà mieux ! Mais là je dois dire que je ne sais pas trop quoi faire… une 3e fois… non alors je t’appelle à la rescousse Oh! Capitaine du Wordpress fait-maison ! la fusée est lancée, les en positions détresse ! Bon trèfle de flagornerie, que dois-je faire ? te donner mon code source ? mon résultats d’erreurs ?
Merci d’avance
Je suis sur Mac, Wordpress 2.7.1 en local, et n’arrive plus à accéder à l’admin wordpress… c’est vraiment le bordel…
Bien à toi Fran6 !
Ikiro, regarde le commentaire que j’ai posté juste au dessus du tien !!
Oooops!
Après avoir supprimé les articles il ne me met plus 10 erreurs mais 14.
Alors je sais pas trop quoi faire.
Bien vu, mais je ne vois pas pourquoi mes 2 articles (1er message par wordpress et un autre avec un titre bidon et une phrase courte sans commentaire (rien de transcendant).
Dans mes erreurs il me site des problème avec le D de (, 4 fois sur la même et une sur la div content, 2 sur des fermetures de balises de fermetures de balise body,…
Vu les erreurs, je ne comprends pas étant donné que les codes ne sont à la base des pages php et qu’à priori j’ai copypasté les codes…
Une dernière chose, comment se fait-il que je ne puisse accéder à mon admin wordpress (je sais ça semble idiot, mais c’est quand on a le nez collé devant qu’on n’arrive même plus à le voir !)
Merci encore pour tes conseils avisé et surtout pour ce site que je ne cesserai de recommander ! Voilà c dit !
Marie & Ikiro > Si vous n’arrivez pas à trouver vos erreurs, n’y passez pas non plus tout le WE !!
Allez directement au tuto 23 et vous pourrez récupérer les fichiers du thème ! 
Effectivement c beaucoup plus simple et plus rapide ! Merci encore
Merci beaucoup l’ami!!!!
Me revoilà…
(quelle pipelette celle là…)
alors voilà après m’être battue corps et âme pour passer au vert, deux WARNINGS subsistent et me laissent coi:
(le second n’a pas l’air bien méchant mais le 1er m’embête)
*Warning DOCTYPE Override in effect!
The detected DOCTYPE Declaration “” has been suppressed and the DOCTYPE for “XHTML 1.0 Transitional” inserted instead, but even if no errors are shown below the document will not be Valid until you update it to reflect this new DOCTYPE.
———————————————————————–
*Info Using Direct Input mode: UTF-8 character encoding assumed
Unlike the “by URI” and “by File Upload” modes, the “Direct Input” mode of the validator provides validated content in the form of characters pasted or typed in the validator’s form field. This will automatically make the data UTF-8, and therefore the validator does not need to determine the character encoding of your document, and will ignore any charset information specified.
If you notice a discrepancy in detected character encoding between the the “Direct Input” mode and other validator modes, this is likely to be the reason. It is neither a bug in the validator, nor in your document.
Karine > Compares ton DOCTYPE ( premières ligne du fichier header.php ) avec celui du thème “Default” pour voir s’il y a une différence et utilise celui-là si c’est le cas. Revérifie ensuite le tout pour voir si ça marche…
Yees en effet il y manquait un petit quelque chose à mon Doctype! :
Donc c’est ok! Je vais pouvoir attaquer la suite héhé! MERCIIII
Bonjour à tous et merci Francis pour ces tutos !
Je voudrais faire part d’un truc qui pourrait peut être en aider certains (si ce n’est pas déjà fait!) :
à la validation W3C j’avais 3 erreurs et 1 warning, et en fait il s’agit d’une fermeture de balise div qui était en trop dans index, et donc surement répercutée dans d’autres pages.
En effet il m’a suffit de corriger l’erreur dans index pour que tout rentre dans l’ordre!
Magnifique tuto!
Je découvre les joies de WP.
Je l’ai avalé en une journée.
Tout marche nickel excepté les liens “page suivante, page precedente”
Je ne comprend pas pourquoi.
J’ai bien mis le code entre les balise “endwhile” et “endif” dans ma page index.php.
Au secour !
merci
pas de réponses???
dommage…
Salut trstn, tu as raison de relancer, parce qu’avec toutes les questions que je reçois, certaines passent à travers les mailles du filet !
Pour ton problème, est-ce que tu as assez d’articles sur une page et tu as paramétré combien d’articles par page ?
bien vu ! merci je n’y avais pas penser! impec merci Fran6 !
Salut Fran6
J’ai un soucis au niveau de la validation W3C
Alors que j’ai vérifier l’intégralité de mes php en refaisant le tuto depuis le premier pourrez tu m’aidai stp.
D’avance merci
c bon trouvé mon problème
merci a tout ceux qui on mit un commentaire
Bonjour,
Tout d’abord un grand merci pour ces tutos très bien expliqués je m’y suis mis ce matin et j’ai pas décroché de la journée ^^
J’ai tout de même un soucis, ca peut paraitre ridicul mais je suis novice en création de site internet et j’ai voulu créer une page blog wordpress pour l’integrer à mon site, en la personnalisant à l’aide de ce tuto.
Mon soucis est que lors de la validation html, ca me toruve 13 erreurs. J’ai eu beau chercher dans toutes les pages, pendant bien 1h30 je n’en trouve pas une. De plus les erreurs sont indiquées par des n° de lignes et colones et je ne sais pas à quoi cela correspond.
Voilà si je pouvais avoir une réponse à ca, ca serai dejà très bien ^^ sinon je comprend pas pourquoi mais la sidebar veut absolument rester en bas à droite du contenu et le footer ne s’affiche carrement pas j’ai pourtant suivi les infos à la lettre avant de chercher à personnaliser moi même.
le lien vers la page c’est: http://maxence-lardy.fr/wordpress/
Merci d’avance
Les erreurs peuvent provenir du contenu. Tu as des articles dans ton blog ? Les lignes et colonnes sont les lignes du code source de ta page web et la colonne, c’est verticalement, il faut donc compter le nombre de lettres et d’espaces pour arriver à la bonne colonne…
Merci pour la rapidité de ta réponse Francis
C’est bien se que j’avais cru comprendre pour les lignes et colonnes, mais ca me met des lignes qui n’existent sur aucune page ^^ ou bien même j’ai fait le test, j’ai pris une erreur qui m’indiquait ligne 35, j’ai regardé dans toutes mes pages qui ont au minimum 35 lignes, et aucune ne correspondait à l’erreur indiquée.
Bon sinon pour la sidebar, problême resolu, en lisant les commentaires de cette page, j’ai vu que quelqu’un avait eu le même soucis et que cela est dut à une en trop dans le template index.php. Le seul soucis qu’il me reste vraiment c’est le fait que le footer ne veuille pas s’afficher.
Encore merci
Max > Pour les erreurs, il ne faut pas regarder le code de tes fichiers mais le code source de ton site. Tu peux l’afficher en cochant la bonne case sur la page de validation ou alors dans ton navigateur, il y a toujours un “afficher le code source”…
Haaaaa ok merci c’est cool j’aurai au moins compris ca même si maintenant que je sittu bien les lignes et colonnes dans mon code source, je remarque que les erreurs indiquées n’en sont pas. Par exemple ca va me dire à une certaine ligne qu’une balise n’est pas fermée, je regarde dans le code source et elle l’est donc bon…
Merci quand même d’avoir pris le temps de me repondre mais je crois que je vais faire l’impasse sur cette partie parce que ca fait quelques heures que je suis dessus et ca commence à me rendre fou lol donc tant que ca marche j’vais pas aller chercher plus loin :p
Bonjour, encore,
je suis bien embêtée, j’ai tout refait trois fois depuis ce matin 7h et plus ça va moins j’avance, je n’ai toujours pas ma sidebar à droite, mais toujours en dessous, il m’affiche “contenu de le sidebar”, mais pas tout le temps et j’ai 25 erreurs et 12 warning…
Et nouveauté de temps en temps je n’ai plus d’afficher le contenu des commentaires et des articles…la liste se rallonge…
j’ai peur…
je suis désemparée, je ne vois pas mes erreurs !
je reprends toujours tout à zéro, quelqu’un peut m’aider, je sais que je suis tout à fait nouvelle dans ce milieu, mais je pense ne pas être stupide !
Léa > Mais non tu n’es pas stupide !!
Tout comme pour max, il faut que tu regardes le code source de ton thème, j’ai expliqué plus haut où le trouver… Si tu n’y arrives toujours pas, tu peux aller chercher les fichiers du thème au tuto 23 ! 
Je n’ai pas de problème pour trouver le code…
C’est juste que je n’ai pas la sidebar à droite…et que tout disparaît au fur et à mesure que le temps passe sans que je ne touche à rien et ça j’ai du mal à comprendre…snif !
Léa > Tu travailles en local ?
Oui, je travaille en local !
Léa pour ta sidebar, essaye un truc tout bête pour moi ca a marché, dans ton template index.php, si tu comptes tes il y en a peut être un en trop donc supprime le et raffraichi ta page pour voir… J’ai lu ca dans un commentaire, j’ai essayé et ca a marché j’avais le même soucis que toi.
Si ca marche toujours pas je pourrai malheureusement pas t’aider étant aussi novice que toi et visiblement de le même style de galère lol
j’éspère que ca t’aidera @+
excuse j’suis bête sur ce coup là
la balise ne s’affiche pas dans mon precedant post… il s’agit d’une balise div de fermeture donc avec un (/)
Merci Max, en effet ça n’a pas fonctionné…
Je vais encore reprendre à zéro, mais plus je refais moins ça marche j’ai de moins en moins de choses qui apparaissent sur le pseudo thème que j’essaie de créer…je crois que je suis pas douée !
Léa > Pourquoi ne pas aller chercher les fichiers au tuto 23 ?
Merci Francis, je m’y suis rendue, je voulais comprendre mes erreurs et faire quelque chose de moi même, mais bon je ne suis pas encore assez douée.
J’ai déjà mille idées pour modifier ce thème, tout est sur papier
mais je pense que je n’y arriverai pas..enfin c’est sympa de bidouiller un peu là dedans, à force j’arriverai peut être à faire quelque chose, je lis et relis tes tutos…MERCI !!!
Léa > Je suis en train de préparer toute une nouvelle série de tutos qui aideront à créer un design… Et pour les erreurs, parfois ça vient de mes explications. Je me comprends mais c’est peut-être pas toujours facile pour les autres. Le but ici est que tu comprennes le fonctionnement d’un thème WP !
Je crois que j’ai compris en gros, mais je suis toujours incapable de changer quoi que ce soit
Enfin ça viendra…
Je vais lire et relire tes tutos, mais depuis ce matin je crois que j’en ai un peu marre pour aujourd’hui même si je n’arrive pas à me détâcher de ton blog pour comprendre et refaire encore et encore tout et changer au moins une couleur ou quelque chose…
Merci beaucoup !
Bonjour,
tout d’abord, bravo pour cette collection de tutos, simples mais efficaces !
Je souhaite ajouter un détail : avec ta technique, la validation ne passera pas sur la page de la recherche car l’ID du formulaire de recherche se trouve en double dans le code source, une fois parce qu’il est dans searchform, une autre fois parce que n’ayant pas trouvé d’article, tu re-proposes une recherche … (et donc code source en double = ID en double).
Je sens que je vais te faire un rétro lien par la suite sur mon nouveau site et ou blog (puisque je vais me payer le luxe d’avoir les 2 … j’ai une casquette dév web
)
Matthieu –> Exact.
Tout le code est validé aussi pour moi mis à part ces doubles ID quant au formulaire de recherche.
Il y’a les ID que l’on trouve dans le formulaire de recherche de la sidebar et ceux que l’on trouve lorsqu’on propose à l’utilisateur d’effectuer une nouvelle recherche en cas d’erreur (page ou article non trouvé).
Les ID concernés sont :
id=”searchform” [correspond à l'ID du formulaire]
id=”s” [correspond à l'ID du champs texte]
id=”searchsubmit” [correspond à l'ID du bouton de validation de recherche]
Et je confirme aussi qu’il manque un dans le code à insérer pour afficher un message d’erreur lors d’une tentative d’ouverture d’une page qui n’existe pas (pour le template “page.php”).
Sinon, RAS, super tuto, vraiment !
Et puis ces petites erreurs nous obligent à chercher un peu et sont aussi très instructives, c’est pas plus mal
Et je confirme aussi qu’il manque un “php else” [...]
Merci pour ces remarques, je vais essayer de modifier tout ça rapidement !
Francis –> Merci ! Et en attendant, je savoure un certain livre édité chez Pearson.
Le plus étonnant, c’est que j’ai découvert votre blog et acheté le livre la même semaine, sans savoir qu’ils étaient intimement liés.
Comme quoi, le web tourne rond parfois
Freezest
PS : Tellement rond d’ailleurs que j’ai découvert un genre de ‘trackback littéraire’ dans le livre ‘WordPress 2.7′ de Christophe Aubry (si je ne me trompe pas).
Au chapitre des Thèmes, il envoie son lecteur vers ce tuto afin d’approfondir ses connaissances sur le sujet.
Freezest > Je n’ai pas encore eu l’occasion de me plonger dans le livre de Christophe Aubry, mais c’est bien sympa de sa part en tout cas !
Bonsoir Fran6 ou plutôt bonjour vu l’heure ^^
je suis un peu insomniaque d’avance mais depuis que je me suis mis en tête de faire un blog sous wordpress avec un thème entièrement personnalisé c’est encore pire xD
Je voulais d’abord te tirer un énorme coup de chapeau pour ce magnifique tuto et la patience que tu accordes à tes lecteurs, merci.
J’ai cependant quelques soucis en ce qui concerne la fonction the_excerpt car j’ai toujours l’intégralité de mon article et également au niveau de la navigation entre les différentes pages qui ne s’affiche pas.
Je vais essayer de revérifier mes fichiers j’ai toujours pas sommeil :p
si tu as une idée du problème…
Là encore, on souffre d’une petite imprécision de vocabulaire : qd il est question de validation de thème, il s’agit en fait de validation de modèle (template) ! mais ça n’est pas bien grave !
Mouais… Dans le monde WordPress on parle de thèmes visuels et de modèles de pages donc je ne vois pas trop où se trouve l’imprécision… ni l’utilité de le mentionner d’ailleurs.
Question bête sur la partie page inexistante, pourquoi ne pas utiliser le template 404.php dédié à cette tâche ? il y a une raison particulière ?
au passage merci et bravo pour tous ses articles sur Wordpress
Florent > Non, tu peux très bien utiliser le template 404.php. Dans le tuto, j’essaie de minimiser le nombre de fichiers !
ok merci Francis, ça confirme mon intuition
Un validateur français:
http://www.validome.org/validate
>> Celui là me dit que le blog est valide, mais 8 erreurs trouvées sur le validateur W3C :p
Bonjour, merci pour le tuto!
Mais j’ai un petit problème au moment de la validation je me retrouve avec 24 erreurs!!!
Mais je ne comprend pas ces erreurs. Par exemples il me dit :
Line 167, Column 7: end tag for “div” omitted, but OMITTAG NO was specified
You may have neglected to close an element, or perhaps you meant to “self-close” an element, that is, ending it with “/>” instead of “>”.
Si quelqu’un pouvais m’aider sa serai cool merci
Super !
J’ai enfin eu ma validation !
Merci pour ce super tuto, j’ai déjà fait de la customisation de blog en CSS par le passé mais je trouvais ça fastidieux de tout recommencer à chaque fois.
Avec la maîtrise de tous les aspects du thème, ce sera plus facile de faire des modifs !
Je m’attèle tout de suite à la suite !
Bonjour,
)
tout d’abord un grand merci et bravo pour ton site, Francis.
Ces tutos sont une bible.
Moi qui débute en Wordpress, je n’ai pas trouvé d’équivalent (si il en existe, n’hésitez pas à me le signaler
J’ai une petite question concernant le code à insérer dans la page.php :
il ne manque pas le code avec “php else”, comme sur les autres fichiers, avant le h2 ?
Car chez moi, si je vais sur un article, j’ai systématiquement le “Ooops ….”
J’imagine que ça aurait été corrigé depuis le temps, et que ça doit être moi qui fait une erreur. Mais laquelle, ça je ne sais pas.
Encore bravo.
Salut Fran6art déja merci pour tes tutoriels, ils sont très instructif.
J’aimerais te poser une question je viens de finir le tutoriel 17 et la page d’acceuil de mon blog se présente sous une seule page es ce normal?
Je t’envois le lien vers mon blog quand tu aura le temps jette y un coup d’oeil rapide ” http://www.keitamohamedsamba.fr“