Update: J’ai décidé d’aller plus loin dans les tutoriels en proposant une toute nouvelle série de tutoriels pour réaliser le design de votre blog. Donc, une fois que vous aurez fini tous les tutos proposés ici, n’oubliez pas d’aller voir la suite ici, où l’on utilisera notamment Photoshop pour réaliser un blog unique, le vôtre.
Peut-être que vous aimeriez créer votre propre thème pour votre blog et que vous ne savez pas trop comment vous y prendre ? Et bien, dans les semaines qui vont venir, je vais vous expliquer les différentes étapes à suivre, pas à pas, pour que n’importe qui (ou presque) puisse créer son propre thème. On va voir l’installation de Wordpress sur votre ordinateur, les différents types de fichiers, leurs hiérarchies, et les interactions entre eux. On va ensuite apprendre à créer un thème relativement simple avec Photoshop et comment l’intégrer dans les différents fichiers. Enfin, on verra comment mettre tout ça en ordre grâce aux fichiers CSS.
Quoi qu’il en soit, quelques petits prérequis seront nécessaires. Mieux vaut avoir quelques connaissances en CSS (Cascading Style Sheets), XHTML, voire php et mysql. Mais pour ces deux derniers, si vous suivez bien les différentes étapes, vous ne devriez pas avoir besoin de tout comprendre. Ce thème va nous mener sur pas mal de semaines, donc je vous demanderai d’être patient 
On va évoquer les différentes étapes et aborder aussi bien le design que l’intégration d’un thème sur Wordpress. Cet article sera mis à jour au fur et à mesure des articles publiés. Si, au cours de cette thématique vous avez des questions précises, posez-les via les commentaires pour que tout le monde puisse en profiter.
Je ne dis pas que la méthode que je vais présenter est la meilleure mais en tout cas, elle est celle que j’utilise !
”Stay tuned!” comme disent nos amis anglosaxons, les prochains jours et prochaines semaines vont être chargés !
Articles déjà en ligne:
Leçon #1: Installer Wordpress en local sur votre ordinateur
Leçon #2: Pourquoi créer son propre thème ?
Leçon #3: Présentation des Templates
Leçon #4: Hiérarchie des Templates
Leçon #5: Création des Templates
Leçon #7: Introduction au Loop Wordpress
Leçon #8: Le Loop Wordpress, 2ème partie
Leçon #9: Le Loop Wordpress, 3ème et dernière partie
Leçon #10: La sidebar: le formulaire de recherche
Leçon #11: La sidebar: Calendrier, Catégories et Pages
Leçon #12: La sidebar: Suite et fin
Leçon #13: Widgetisez votre sidebar pour Wordpress 2.2
Leçon #15: Création de “sous-templates”
Leçon #16: Insertion des commentaires
Leçon #17: Navigation, page non trouvée et validation XHTML du thème
Leçon #18: Présentation de la feuille de style (CSS)
Leçon #19: CSS: placement des différentes parties du thème
Leçon #20: CSS: customisation du header et du contenu
Leçon #21: CSS: customisation de la sidebar et du footer
Leçon #22: CSS: customisation des commentaires
Deuxième partie: Création du design avec Photoshop:
Présentation de la partie créative du projet
Leçon n°1: Tout commence avec un croquis !
Leçon n°2: Réflexions autour du design d’un blog… !
Sources et références utilisées pour la création des différents tutoriels présentés ici:
![[]](http://m3.moostik.net/img/?pseudo=fran6art&option=invisible)
Por fin !!! comme diraient nos amis españols
trêve de bavardage! au boulot man, on y croyait plus
(rien de tel qu’un tit coup de pression supplémentaire pour accélerer les choses)
Ouaip, j’en ai bien besoin parfois !!! Ben là, ça semble bien parti !! Demain, première leçon !!!!
C’est bien! Ceux qui ont déjà créé leur propre thème vont peut être aussi apprendre quelques trucs.
Pour ma part je suis parti d’un K2 3 column que j’ai un peu modifié surtout au niveau des css. Avant j’avais mon propre thème monté tout à la main mais j’avais envie d’Ajax. Et comme j’avais pas trop envie de me charger de plugin, j’ai préféré partir d’une base K2. C’est quand même plus simple et rapide que de tout refaire.
ca c’est un bon teasing!
I have a dream
et ce rêve est entrain de se réaliser
merci francis
ciao
Oh ben dites donc, si j’avais su que ça allait faire plaisir comme ça, je me serais bougé plus tôt !!!
N’hésitez pas à communiquer ce nouveau thème autour de vous. Plus on sera nombreux, plus les échanges seront intéressants !!
salut
super idée…j’attends avec impatience les premières leçons de master Fran6 !
cool cool
LOmiG
Lomig> Le premier est déjà en ligne my friend !!
Tutorial excellent, j’attends avec impatience la partie sur la sidebar et le reste… merci beaucoup !
Ca ressemble beaucoup au tutorial diffusé sur WPdesigner.
Etant également un blogger français observant ce qui se passe dans la communauté anglophone, je me pose la question de savoir dans quelle proportion les idées que l’on a vues ailleurs peuvent devenir les notres.
C’est le principe du web 2.0 n’est-ce-pas? Apporter ses propres idées/thèmes ou récupérer une idée vue ailleurs et la traiter en y apportant son angle de vue, son ton.
A partir de quel niveau de “personnalisation” une idée devient-elle la notre?
Et si c’est une idée originale, la tienne et rien d’autre, je trouve son traitement trop proche d’une “simple” traduction.
Qu’en penses-tu?
Ange > Pour faire ces tutoriels, je me suis inspiré de divers sources, comme Wordpress.org ou encore WPDesigner. En fait, j’ai pris ce que j’ai pensé être le meilleur des deux tout en restant proche des thèmes par défaut de Wordpress. C’est ce qu’à fait Small Potato. Je ne pense pas que l’on puisse parler de contenu “original” dans ce cas parce qu’il n’y pas 36 manières de parler de templates. Des idées viennent de différentes sources et de ma propre expérience de Wordpress. J’aime beaucoup WPDesigner tout comme Wordpress.org mais dans un cas j’ai trouvé les explications trop simples (donner des lignes de code sans les expliquer), et la construction peu évolutive (tout dans le fichier index.php). Certains aspects de la construction étaient quelque peu inutiles à mon sens. J’ai donc apporté mes propres réponses sur des sujets comme le titre, la hiérarchie des templates, l’oragnisation de ces templates, les feuilles de style CSS ou encore l’explication détaillée du Loop Wordpress. Qui plus est, SP s’est arrêté sur un minimum de CSS. J’ai l’intention d’aller jusqu’à la customisation des différentes pages, pour que chacun puisse personnaliser un maximum son thème.
Et puis, concernant les docs Wordpress, que tu n’abordes pas mais qui m’ont beaucoup servies, je les trouve souvent inaccessibles, trop confuses pour être bien appliquées. J’ai lu pas mal d’articles provenant d’autres sources et dont je ferai une sorte de récapitulatif à la fin des tutoriels. Je ne pense pas que ce que je dis dans ces tutoriels soient mes idées. J’ai appris à faire un thème avec différentes sources et j’en donne mon interprétation, ma vision sur comment faire son thème Wordpress. Je suis parti d’une base, disons WPDesigner et Wordpress.org, que j’ai amélioré avec différentes lectures et beaucoup de pratique dans les templates. C’est sûr que le contenu est en grande partie déjà vu sur ces sites anglophones, mais, je le répète, il n’y a pas 36 manières de créer un thème. Ce que j’apporte en plus, ce sont des explications, des détails, une manière propre de baliser ou d’optimiser le titre par exemple. Des choses comme ça quoi ! J’essaie de partager ce que j’apprends sur le web. Donc, ce n’est pas mon idée, c’est juste une retranscription personnelle de ce que j’apprends chaque jour sur Wordpress et sur le web.
PS: j’en ai d’ailleurs profité pour mettre la liste des sources dans ce billet plutôt que d’attendre la fin des tutoriels
Merci pour le développement
Tu apportes aussi de la doc en français, ce qui n’est pas négligeable (même si la population des bloggers en France est infime comparée aux Usa).
En tous cas, tu m’as convaincu de revenir ici plus souvent.
Re- Ange,
Concernant les tutoriels, j’ai ajouté une liste des différentes sources utilisées dans mes tutoriels. Tu y trouveras peut-être des articles intéressants
Et puis, ça lève aussi une ambiguité. Je comptais établir cette liste à la fin de cette série parce qu’on découvre de nouveaux articles chaque jour mais je crois qu’il est quand même bon d’en citer certaines ici, ne serait-ce que pour la transparence.
Merci pour ce super tuto vraiment accessible à tous, bravo à l’auteur !
Alors la bravo enfin un tuto complet qui permet de comprendre (en français) le fonctionnement d’un thême de blog Wordpress.En tout cas bravo pour ton boulot et merci tu m’as beaucoup aidé en fesant cela. En effet je doit développer un espace Web 2.0 qui sera un mix entre CMS,blog et forum donc un grand merci.
Salut,
Excellent ce tuto merci mais j’ai un enorme probleme qui est entrain de me faire peter les plombs …. >:(
J’ai tout bien fait comme c’est expliqué dans le tuto,j’ai créé dans le dossier “themes” un nouveau dossier “Perso01″ dans lequel j’ai créé un dossir “images” et mes fichiers head.php,index.php,sidebar.php,footer.php et style.css.
Mais avec rien ne s’affiche (juste la petite croix rouge) alors qu’avec des liens externes genre là l’image correspondante s’affiche ???
J’ai essayé en mettant toute l’adresse C:/…../test.jpg mais ça change rien…
Help !!!! ça me fout les nerfs !!! depuis hier que je suis là dessus et que je cherche partout sans succès et là je suis sur de pas m’etre planté dans la syntaxe …
Merci d’avance
PS:je travaille en local pour l’instant,avec EasyPhP et Wordpress 2.2.1
Ooops désolé les codes html sont effacés apparement.
Je parlais de la balise IMG et avec comme adresse src=”images/test.jpg” versus src=”http://www.site.fr/image.jpg”.
Seb > Le problème provient sûrement de ton installation en local…
Encore mes felicitations pour cette série de tuto vachement bien réalisée.
Bonne continuation cher francis
Merci VymDiesel, c’est super sympa !
Salut…Vraiment très très bon les tutos…J’ai un petit pb cependan :
Lorsque je veux accéder à mon espace Administrateur de wordpress (en tapant :”http://localhost/wordpress/wp-login.php” dans mon navigateur) j’ai alors ce message qui apparait au dessus de la boite ou je suis censé tapé username et password :
”Warning: Cannot modify header information – headers already sent by (output started at C:\xampplite\htdocs\wordpress\wp-content\themes\Creation_theme\functions.php:5) in C:\xampplite\htdocs\wordpress\wp-login.php on line 12″
Quelqu’un pourrait-il m’aider ?
Mike8 > problème de syntaxe dans le template functions.php, vérifies ton code
Salut Fran6, débutant dans le blogging j’ai le probleme suivant (je n’ai pas trouvé de solution sur le net)
Mon blog : http://stageweb.nostalgie.be (qui est en fait mon rapport de stage) n’affiche pas les accents.
J’ai modifié le fichier config en laissant charset vide, cela ne change rien.
J’ai testé avec différent theme, le probleme ne vient pas de l’a.
On m’a parlé d’un probleme de MYSQL (le probleme est subvenu apres le test des plugins xanthi et text-control … pour essayé de pallier le probleme d’autoformatage de wordpress, qui vire automatiquement mes balises PHP meme quand elles sont entre
As tu une idée du probleme ?
Merci
salut fran6
j’ai dévoré les 23 tutoriels (als – aux) en 2 jours, très instructif – merci
par contre je cite ton intro :
”On va ensuite apprendre à créer un thème relativement simple avec Photoshop et comment l??intégrer dans les différents fichiers. Enfin, on verra comment mettre tout ça en ordre grâce aux fichiers CSS”
j’ai pas trouvé ça et autant te dire que ça m’intéresse drôlement – étant donné que je suis plus photoshop que tout le reste – alors si j’ai raté un lien quelque part merci de me le dire
à plus
537718> Non non, tu n’as rien loupé. C’est prévu mais j’ai fait un break pendant les vacances et là on s’est attelé au référencement. Mais on va passer à Photoshop avant la fin du mois ! Promis !! Et peut-être même avec des tutos vidéos !
haaa chouette alor
j’ai hate, meme si je sais comment cela fonctionne j’aimerai voir de quoi en retourne tes futurs tutoriaux
Au sinon, je voudrai te demandez si (j’avoue je n’ai pas poussé les recherches et je le ferai mais) tu ne connaissai pas un systeme qui me permettrai d’afficher des news ( que je rédigerai moi meme) sur mon wordpress.
J’ai penser crée un TEMPLATES news mais je ne pense pas que c’est comme cela que cela fonctionne… ou alors crée une PAGE news.
Qu’en pense tu ?
nouveau template avec un loop où tu ne fais qu’apparaître les articles de la catégorie “news”.
Ah vui, je vais regarder, si je n’y arrive pas je te le ferai savoir ^^
Merci
Bonsoir Francis
Encore une fois merci pour ce tutoriel vraiment unique.
Ca fait bien une semaine que je suis dessus à faire des essais et là je crois que je vois le bout du tunnel.
Pourtant lorsque j’ai commencé je me suis trouvé bloqué à hauteur de l’exercice 7 ou 8 à cause de 2 lignes de codes manquantes. A force de chercher, j’ai trouvé tout seul comme un grand (j’ai d’ailleurs laissé un commentaire pour ceux à qui ça arrive). Mais arrivé au 17 patatrac le validateur m’a envoyé une bordée d’injures qui ont fait que j’ai tout arrêté et recommencé depuis le début.
Le second essai ayant vite tourné au vinaigre j’ai arrêté là aussi. En fait je voulais aller plus vite que la musique et refaisait les mêmes couillonnades qu’au premier essai.
Donc là depuis hier, j’ai tout repris calmement, en faisant des pauses (pas de télé sauf rugby/foot et F1 et pas de minots autour).
Donc ce soir j’y suis presque en fait c’est depuis midi que j’en suis là. Donc si je dis presque c’est parce qu’il y a un truc qui va pas et j’ai beau chercher, je ne trouve pas. C’est tout simplement le template archive.php qui ne va pas alors que les manip à faire pour le créer sont vraiment pas compliquées.
1/ J’ai créé le fichier archive.php
2/ Dedans j’ai copié/collé le contenu de l’index.php
3/ J’ai remplacé la ligne par
4/ J’ai enregistré ce fichier, c’est bien ça ?
Et bien apparemment il y a quelque chose qui coince quelque part. En effet tout s’affiche correctement que ce soit la page de démarrage, la page A propos, les articles, les catégories mais une fois dans les archives le texte prend toute la largeur de la page et renvoie donc la sidebar dessous.
Comme le gros du contenu de ce template vient de l’index.php je me suis dit j’ai une (ou plusieurs) erreurs dans mon index.php aussi j’ai pris le tien mais c’est idem.
Est-il possible d’avoir le code de ce template archive.php afin que je le compare avec le mien.
J’aurais eu une autre question à poser mais j’ai déjà fait assez long comme ça on verra plus tard.
Déjà si je pouvais arriver à résoudre ce problème ce serait pas mal.
Encore une fois merci pour ce travail énorme qui m’aura fait cogiter et comprendre pas mal de choses.
Bonne soirée.
Aaaah je me suis fait avoir avec le code, je voulais bien sûr dire :
3/ J’ai remplacé la ligne the_content() par the_excerpt() plus le code autour qui va bien
Excellente initiative que ces didacticiels ! Et en plus, ils sont clairs et précis…
Je les ai découvert juste au moment où je prévoyais de refaire mon site personnel.
Jusqu’ici, je me contentais de modifier des thèmes existants, mais grâce à ce blog, je vais me lancer dans la conception d’un thème de A à Z, en partant de rien, ce qui est tout de même plus gratifiant.
Merci Fran6 !
Salut,
J’ai suivi attentivement les tutos de création d’untheme sur wordpress… mais je voudrais maintenant le mettre en ligne.
Je suis chez Nuxit et je voudrais savoir quels fichiers je dois uploader (tout ce qu’il y a dans MAMP ou seulement htdocs+db ou….)
Merci beaucoup pour tes brillants tutos et pour ton aide
Thomas
thomas > Tu prends le dossier du thème que tu as créé et tu vas aller le copier dans le dossier thèmes du blog sur le serveur. Ensuite, tu vas dans l’onglet du thème et tu l’actives, c’est tout !!
Je cherche qq pour me crée un thème wordpress
Rémunération : 20 -100 euros suivant le taff
Mon mail knaike@gmail.com
Salut
Beau travail, mais il me reste une question à poser :
En cas d’oubli dans le formulaire de commentaires (nom, mail, logg, etc.), Wordpress renvoie vers une page d’erreur via la fonction wp_die(’…’).
Comment “customiser” cette page pour lui donner le look du thème perso (ce serait pas dans le dossier wp_admin, par hasard) ?
Je suis preneur d’une réponse !
jfh
jfh > Je regarde ça demain et te tiens au courant !
Bonjour,
Un grand merci pour vos tutoriels ! Ils sont vraiment très biens faits. Etant un complet novice j’ai presque tout compris. J’avais juste une question: J’aimerai bien “décoller” le footer de la sidebar afin que ce footer apparaisse à la fin de la page et non pas en-dessous de la sidebar (et en plein sur le texte par la même occasion
.
Pourriez-vous m’éclairez un peu sur ce point ?
D’avance merci beaucoup et bonne journée !
Jul
jfh > j’ai regardé mais je ne crois pas que ce soit possible, vu que wp-comments-post.php est un fichier de base de Wordpress. Tu peux toujours demander sur le forum de Wordpress francophone, mais je ne crois pas que ce soit customisable… désolé !
jul > vous souhaiteriez que votre sidebar soit toujours collée en bas de la fenêtre du navigateur ?
Bonjour,
En fait j’aimerais que la sidebar reste à gauche et en-dessous du header (si c’est possible) (donc en-haut du navigateur) et que le footer apparaisse à la fin de l’article et non pas sur le texte de l’article.
Bonne journée
jul > “et non pas sur le texte de l??article” tu pourrais me faire une copie d’écran pour voir ce que ça donne en ce moment ??
Bonjour,
J’ai chargé le printscreen dans mon FTP,
l’adresse est la suivante:
http://www.jbauerconseil.fr/do.....screen.JPG
Bonne journée
jul > le problème peut venir de plusieurs choses. Mais avant de commencer, essayez de faire vos tests sous Firefox et non IE. IE ne respecte pas les standards web. Regardez ce que ça donne et dites moi ensuite si les problèmes sont les mêmes.
a très vite
Bonsoir,
Je retrouve le même problème sous Firefox. De plus, quand j’active mon thème les liens se mettent à clignoter.
Bonjour ! Un très grand bravo pour ce tutoriel et un énorme merci pour la débutante que je suis
谢谢 ！
Hello Fran6, je suis hyper impatient de voir la suite … c’est pour quand mon petit ?
Bonjourd Francis,
Je me suis rendu compte qu’aucun thème Wordpress de base n’était en téléchargement sur le web, j’ai donc pris l’initiative de mettre celui que j’ai créé tout au long de cette série de tutoriel en téléchargement sur mon blog.
N’hésite pas à m’envoyer un mail si tu souhaite que je l’enlève !
Jérémy.
Bonjour à tous,
Je tenais juste à remercier l’auteur de ce blog et de ce tutorial extrêmement bien ficelé …
J’ai pu grâce à cela mettre en place mon blog et lui crer un thème.
Pour info j’ai inséré un lien vers ce même tutorial et j’ai cité le nom de l’auteur. Si cela représente un souci surtout que l’auteur n’hésite pas à me le signaler et je retirerai les deux liens !
Bien à vous tous
et encore merci à l’auteur
AL.
Et bien merci à vous Archibald pour tous ces compliments. Et merci pour le lien c’est très sympa !! A très bientôt j’espère pour de nouveaux tutos !!
Merci Fran6 pour ce blog… et les articles et le tutoriel sur la création d’un thème. Je cherchais depuis quelque temps à “comprendre” WordPress… c’est tout à fait ce qu’il me faut… merci bien vivement. Me voilà fan de ton blog !
Je me suis pris à lire les articles et j’apprends des foules de choses…
Une petite question leçon 4 du tutoriel que tu as écrit, il y a une image expliquant la hiérarchisation des templates… illisible !
Est-il possible d’en avoir une image plus lisible ?
Salut, j’ai lu tous tes tutos … magnifiques. Ils m’ont permis de créer mon propre thème !!!
Sinon, je trouve dommage que les tutos sur le design soit … en cours de création?!!!
En tout cas merci.
@++
Dans le créationTheme que tu proposes en téléchargement, il y a cette ligne dans le footer : clear: both;
Perso je sais à quoi elle sert, mais ce serait peut-être intéressant de rééditer ce passage du tuto (car elle n’y figure pas) pour en parler, c’est quand-même important.
Encore merci pour ce super cours
Merci PtitLoop j’avais pas vu !! je vais mettre le tuto à jour dans les prochains jours !!
Salut Fran6,
Voila, après une recherche infructueuse sur le forum, je viens te demander de l’aide
J’ai mon wordpress installé sur le serveur, jusque la aucun problème, par contre j’ai crée un répertoire galerie qui contiens mes photos.
Lorsque je tape l’url en DUR dans le navigateur : http://www.vymdiesel.be/galerie/machin.jpg (par exemple) le blog m’affiche “la page du thème” => cette page est introuvable, la page que l’on demande d’afficher si la page est introuvable ( dans le code)
Hors, j’aimerai afficher l’image justement, mais je ne sais pas comment faire.
J’ai bien penser mettre le répertoire “Au dessus” de celui de wordpress mais wordpress est a la racine donc
Merci d’avance
Merci d’avance
Problème résolu, je notais le répertoire PUBLIC_html (malgré que je sois bien dedans) et le lien direct sans public_html cela fonctionne, je n’ai pas très bien compris pourquoi.
Si tu pouvais m’éclairer, ^^ si pas tant pis
Merci et désolé de polluer tes commentaires >
Désolée du dérangement, Eureka j’ai trouvé c’était dans un fichier à part que jvs pas ouvert.
Super tes tuto, j’en ai fait mon livre de chevet !
Merci
Bonsoir,
après 2 jours de boulot, le premier pour créer les fichiers de template et le second la page de css ” basique” ( tout ça sans trop faire de copier/coller pour apprendre) je suis passée à la customisation d’un blog à partir du thème de site déjà existant auquel je veux ajouter un blog : et ça marche ! Je n’y croyais pas ….
Pour voir, regardez dans ma signature
Merci Fran6…. sans toi je n’y serais pas parvenue !
Salut la poupée russe. Super boulot sur ton blog pianiste
J’suis impressionné !
Merci Laurent… tu te promènes par ici toi aussi…. le monde du web est petit !
Ben, c’est pas le tout d’avoir un blog.. il va falloir le remplir et je ne compte pas sur ma pianiste pour ça ! Je vais donc essayer de parler de la vie d’une maman de pianiste et des compositeurs pour le piano. En tout cas j’essaie d’écouter tes conseils, si tu te souviens de ce que tu m’avais dit à Toulouse il y a … plus d’un an maintenant !
Bibi
à bientôt
merci beaucoup pour les tutoriels
Je n’ai pas encore fini de tout lire, mais merci pour les tutos, ils sont vraiment bien fait :-p
Salut Fran6
Merci beaucoup.
J’ai énormément galéré à tenter de modifier des thèmes wordpress existants.
Finalement c’est ton tutoriel pour creer son thème de A à Z qui m’a fait me lancer dans l’aventure.
Et je suis fichtrement content du résultat.
Si tu as un moment, j’aimerai avoir ton avis sur mon site:
http://www.argosdesign.fr
FraG > jolie personnalisation !
Bonjour,
tout d’abord merci pour ce tutorial très bien fait ! J’ai suivi tout à la lettre, cela fonctionne très bien. J’ai quand même un problème venu après coup : la personne pour qui je fais le site désirait faire du multilingue et j’ai installé le plugin gengo. Cela fonctionne au sens où il peut effectivement éditer dans les deux langues et les articles sont liés. Cependant l’interface ne se traduit pas correctement et l’utilisation du calendrier mène toujours sur l’anglais (langue par défaut). J’ai suivi les indications concernant l’installation des langages, sans succès. Je viens de tomber sur un article qui dit que le thème doit être prévu pour le multilinguisme sinon cela ne fonctionne pas… Qu’en est-il ? Et comment faire pour rendre le thème multilingue ?
Meilleures salutations
Christelle
Bonjour,
Un grand merci pour ce tuto qui m’a permis de créer mon thème wordpress alors que je ne connaissait pas du tout wordpress. vous pouvez voir le résultat:
http://blog.sansgluten.fr
Merci encore
Malvina
Très utile, merci.
J’ai suvi avec grand intéret ce tutoriel, étant donné que j’aimerais développer un thème simple pour remplacer le thème K2 que j’utilise actuellement.
J’ai tenté d’ajouter une seconde sidebar (une à gauche une à droite) comme décrit un lien de ce tutoriel. Voila ou je bloque: le css.
Je devrais donc avoir un header, un footer, et entre les deux une zone comprenant sidebar1, contenu, sidebar2… malheureusement rien n’y fait, je n’arrive pas à positionner correctement mes div.
Est ce que quelqu’un serait intéressé de jeter un oeil à mes fichiers?
Merci d’avance.
Sympa toutes ces explications. Mon blog est sur la photographie . y a-t-il des photographes parmi-vous? j’aimerai bien voir vos blogs. Qu’en pensez-vous du mien? http://tfrancisco.wordpress.com/
merci pour ce beau tuto mais jai un ptit souci qui ne me laisse pas guerre avancé
tout va bien jusqu’à ce que j’active le thème jai un msg d’erreur le voici
Le thème courant est endommagé. Retour au thème par défaut.
breathofdz > Tu as dû faire une erreur quelque part… Récupères les fichiers au niveau du tuto 23 !
salut
jai refait la manip plusieurs fois jai copié et recopié les scriptes mais toujours la même chose mais bn je vais essayé avec la page 23 et je vais voir merci encore vous êtes très gentil
Merci beaucoup pour ces tutoriels qui m’ont convaincu de créer mon thème Wordpress.
Je ne trouvai pas de thème (gratuit) spécifiquement dédié à la vidéo, maintenant j’ai le mien, c’est vraiment super et gratifiant.
Encore merci et bonne continuation.
Bonjour,
Et moi qui passait des heures à trouver un thème pour un blog !!
En quelques minutes, et en suivant ce tutoriel, j’ai intégré la charte que j’avais fait pour le blog d’un ami !
… par contre, je n’arrive pas à afficher le contenu des pages, articles ?! Je ne pas de message d’erreur, j’ai essayé en utilisant the_post() et the_content()…
voici le code :
<div class=”post” id=”post-”>
…
Désolé, mais vous cherchez quelque chose qui ne se trouve pas ici…
<?php edit_post_link(’Modifier cette page’, ”, ”); ?>
… le code est mal passé ?!
<div class=”post” id=”post-”>
…
Désolé, mais vous cherchez quelque chose qui ne se trouve pas ici…
<?php edit_post_link(’Modifier cette page’, ”, ”); ?>
Merci Fran6 pour ce tuto super complet et… Simple. Il m’a permis de faire mon propre thème très rapidement et de mieux comprendre comment fonctionne la Bête
Encore Merci
Bravo pour ce superbe tutoriel, j’ai appris plein de trucs, merci !
Salut et merci pour le tutoriel. Il est vraiment bien.
En fait je sais déjà faire les thèmes en CSS, mais j’ignorais comment fonctionnait le “squelette” de wordpress. Maintenant c’est bon^^
Ces tutoriels sont excellents, merci d’avoir passé du temps à les rédiger, ils m’ont permis de créer un thème, mais surtout de comprendre l’architecture et la technique WordPress.
Ce tuto est super !! Merci ♥
Bonjour,
tout d’abord bravo et merci pour vos tutoriels !
J’ai commencé à travailler sur un thème perso mais je souhaiterais faire apparaitre une image en page d’accueil à côté du résumé de l’article (style lesinrocks.com). Jusque là j’y arrive mais si l’image est plus grande que le résumé de l’article, l’article suivant commence tout de suite après chamboulant la mise en page.
J’ai utilisé un plugin mais le résultat est le même…
Je précise que j’ai créé un champ supplémentaire img_une.
Voilà
@polo
Bonjour polo,
Essaie de voir du côté de la propriété CSS ‘clear’ …
Tu dois certainement avoir un ‘float’ sur ton image, il va falloir que tu ajoutes un nettoyeur ! ^^
Regarde du côté de cette page :
http://www.aidenet.com/css/css38m.htm
ou celle-là :
http://www.zonecss.fr/style_cs.....clear.html
Ou juste essaie “clear css” dans google !
Bien à toi
al.
@ Archibald Leaurees
merci ! merci d’abord pour ta réponse rapide et en plus j’ai réussi grâce à toi ! bon j’ai un peu réussi en testant sans trop savoir bien où je devais mettre le clear: left mais j’ai fini par trouver.
Encore merci
@ polo
Bonsoir à toi et aux autres,
Mais je t’en prie tout le plaisir était pour moi !
Merci au passage à Francis qui a corrigé ma coquille…
Bien à toi & à tous
al.
Bonjour,
Bon alors là j’ai un sacré problème, impossible de me reconnecter sur wordpress aujourd’hui car apparemment après avoir essayé 1000 fois, je n’arrive pas à retaper mon mot de passe correctement, et je ne sais pas si j’aurais dû, mais j’ai demandé à ce qu’on me renvoi un nouveau mot de passe par email, email que je ne reçoit pas… je ne sait pas quoi faire et je commence à me sentir désemparée…
Karine > Si tu as installé ton blog en local, tu ne vas jamais recevoir ton mot de passe !
Fais une nouvelle install de WP en gardant ton thème et tout rentrera dans l’ordre !
Oui c’est bien ce que je me disais, comme je suis en local, je ne vais jamais recevoir de mot de passe, en attendant je me me suis inscrite sur le forum wordpress.org et je pensais suivre les instructions du Village Idiot WordPress Emergency Password Script…
http://www.village-idiot.org/a.....-recovery/
qu’en pense tu?
Effectivement, tu peux utiliser ce script !
yes ok merci je me lance
ça a fonctionné! yeepee!
Il serait bien de mettre un petit récapitulatif sur chaque page avec un [code]le résultat de la page après avoir suivi le tuto[/code]
ça permet de voir et comparer le code si on a bien suivi le tuto
Bonjour à tous.
Que pensez-vous de ce thème : http://www.informatique-interim.com ???
Slt Francis
je voulez savoir comment faire pour créer 2 blogs sous WordPress
D’avance merci
Re
Possible avec WordPress simple ou avec WordPress MU ?
Merci
Il faut installer WordPress MU !!
Ok merci Francis
Sinon juste comme sa tu continu les tutos pour la création d’un thème WordPress ?
Je continue de bosser dessus mais ça prend bcp de temps…
ok merci Francis de faire partager ces magnifique tutos
juste pour info je l’ai ai fait en 2 jours
mais la c vrai que je voudrai voir un peu comment créé l’esthétique tu blog
même si g bidouillé un autre thème mais c mieux de savoir exactement ce que l’on fait
j’attends avec impassiance mai je suis passiant donc prend le temps qu’il te faudra
Salut,
déjà merci du tutoriel, il est clairement expliqué
Sinon chez moi le thème n’est installé qu’en local, alors comment faire pour qu’il soit installée sur un serveur ftp par exemple pour que tout mes lecteurs voie le nouveau thème de mon blog wordpress ?
Bonjour a tous,
Nous projetons de voyager avec ma copine pendant un an autour du monde. Pour donner des nouvelles, partager nos recits de voyages et photos, pour donner des conseils, des bonnes adresses…. nous voudrions faire un blog.
Ca fait quelques semaines que je me renseigne pour trouver la plateforme de blog qui nous conviendrait le mieux, mais c’est pas si simple d’y voir clair pour un novice comme moi.
wordpress.com nous plait pas mal, a l’air bien et personnalisable. Cependant je me pose pas mal de questions :
Notre principale contrainte est qu’il faut que l’on puisse mettre a jour nos articles depuis n’importe quel ordi (on se connectera depuis des cyber cafes sur notre trajet). Si l’on veut modifier l’interface, utiliser un theme autre que les 60 themes gratuis disponibles sur wordpress.com, ajouter des plugins, est-ce possible en gardant l’access « en ligne » (je veux dire sans avoir un ordi avec nous ou on aurait notre site en local qu’on uploaderait a chaque fois qu’on modifie un article).
En fait je suis pas mal emballé par le theme gratuit « options » qui n’est pas disponible en ligne sur wordpress.com, mais doit être télécharge séparément. Il est très personnalisable, a une page d’accueil « statique » ce qui me plait bien. Mais je crois comprendre que pour l’utiliser je dois faire mon blog en local et le faire héberger.
Bref, j’ai besoin d’explications et de conseils. Si vous avez d’autres plateformes à nous conseiller et qui correspondraient a l’utilisation que l’on veut en faire…..
Merci d’avance,
Vincent
merci mon prof wordpress
Un très, très, très grand merci pour ces tutos, que j’ai suivis à la lettre, pas à pas.
J’avais déjà fait une tentative il y a quelque mois, qui s’était soldée par une véritable catastrophe !
Mais ce coup-ci, c’est la bonne !
Merci, merci encore, je suis très fière de mon travail, et surtout… grâce à vous !
Cordialement
Grâce à ce tuto très complet (j’attends avec impatience le suivant d’ailleurs
) et quelques tâtonnements peu fructueux j’ai pu réaliser un thème qui me correspond à 100%. Merci beaucoup 
Très bon tuto effectivement.
Mais n’ayant plus assez de temps pour faire un theme wordpress je rechercher ne personne charitable pourrait elle me le convertir en wordpress ou alors le faire suivant la version html ?
Merci
Super tutal
Merci beaucoup pour tous ces tutos ca a du être très long à réaliser. En tout ca m’a permis de créer mon premier blog WP et ca a plutôt bien marché !
Merci.
Merci pour le tutoriel, je découvre wordpress, alors j’y connais rien du tout, mais grâce à toi j’ai pu facilement commencer en local et c’est déjà un bon début. Bravo c’est très clair et facile, si moi qui suis un noob j’ai pu le faire, alors tous le monde peut le faire. salutation grand chef, je vais continuer à te lire et qui sait, un jour peut-être, je vais publier mon propre blog….
Salut,
Bravo, excellents tutos
Une question avant d’essayer :
Quand on fait le design de A à Z, ça ne change rien au fonctionnement de WP ? Je veux dire par là, si j’installe des plugins par exemple, ils vont fonctionner normalement ?
Merci pour ta réponse
Sacha > Bien sûr !! Ca ne change absolument rien !!!
Ok vendu, demain je me lance alors
Merci.
Bonjour
je voulais juste attirer votre attention sur le faite que certain des liens du tutorial ne fonctionne pas.
Exemple : lorsque je clique sur la lesson 6 j’ai ce message d’erreur “MySQL server has gone away on line: 124″. Prière de faire le nécessaire pour corriger ces erreurs car je trouve que ce tuto est super bien expliquer, prafique et simple et j’aimerai qu’il soit ma référence.
Je vous remercie pour votre réponse.
Bonjour.
Merci pour ces tutos.
J’utilise WP 2.8.4-fr en local avec EasyPHP.
Je précise que je débute.
A la fin du tuto5, après avoir respecté (selon moi) les différentes étapes, j’obtiens ceci à l’affichage :
{\rtf1\ansi\ansicpg1252\deff0\deflang1036{\fonttbl{\f0\fswiss\fcharset0 Arial;}} {\*\generator Msftedit 5.41.15.1515;}\viewkind4\uc1\pard\f0\fs20 {\rtf1\ansi\ansicpg1252\deff0\deflang1036{\fonttbl{\f0\fswiss\fcharset0 Arial;}} {\*\generator Msftedit 5.41.15.1515;}\viewkind4\uc1\pard\f0\fs20 \par \par \par \par \tab \par \par \tab \par \tab \par \tab\par \tab \par \tab \par \tab \par \tab \par \tab \par \par \tab \par \tab \par \tab \par \par \par \par } � \par \par \par } �
Le titre du blog s’inscrit normalement dans la fenetre du navigateur. Est-ce liée à la version de WP que j’utilise ? Est-ce grave Docteur ?
Merci de vos prochaines réponses.
Bien cordialement.
Salut Fran6 merci pour sais cour magnifique mai y’a un truque que j’arrive pas a faire et plusieurs personne aussi ! comment rendre un thèmes comme studiopress extensible 100% ?
Alicia > Qu’entends tu par extensible à 100% ?
Qui prend tout la largeur de l’écran de l’utilisateur que mon site prenne tout l’écran d’un 17 pousse d’un 15 pouce …
Même 2 ans après sa publication, ces tutos sont très efficaces!
Bravo et merci
Vraiment ravie de ce tutoriel. Très bien expliqué et détaillé.
Extrêmement facile à suivre. Et c’était une très bonne idée de faire par leçons.
Je me suis “empiffrée” du tutoriel en une soirée. (du moins la partie HTML, le CSS je gère).
Merci à toi.
salut fran6art, à te lire, J t’aime Dja !! LOL
mais j’aimerai savoir si un nul et novice comme moi je peux deja moner mon site et bien sur mon theme ???
Bonjour,
Je transforme un thème en localhost et prépare des articles et pages avant de le mettre en ligne.
Je suis parti de votre “création de thème” du livre Wordpress, Le Campus, Ed Pearson.
Je ne souhaite pas faire apparaître la mention “Editer” à la suite de chaque titre d’article ou page.
J’ai bien réussi à supprimer cette mention pour les articles, mais pas pour les pages statiques. Où dois-je intervenir pour terminer cette modification ?
@OLIVIER : J’ai bien réussi à supprimer cette mention pour les articles, mais pas pour les pages statiques. Où dois-je intervenir pour terminer cette modification ?
— Je pense que vous devez regarder dans le template PAGE.PHP, en effet c’est le template de vos pages donc je suppose que vous saurez en mesure de régler votre problème
Amicalement
merci pour cet blog
Bonjour,
j’ai lu avec passion votre article.
c’est très clair et je vais suivre vos idées pour tenter de générer le mien
toutefois, j’hésite un peu
j’ai vu dans cette boutique ce produit : http://www.mephishop.fr/artist.....r-v2x.html
ca semble pas mal !
d’ailleurs j’ai vu que vous aviez une pub sur votre site sur artisteer
mais avant d’investir (je fais des sites des sites pour des assos sous joomla), j’aimerais connaitre votre point de vue sur ce produit
Cordialement
Ahmed > Je pense qu’il faut essayer même si personnellement, je ne conseille que de faire les thèmes soi-même, c’est ce qu’il y a de mieux…
Ahmed> personnelement j’aime pas ce genre de produit, la plupart du temps il se contente de faire un rendu visuel propre sur ie8 et c’est tout , le reste est que si tu regarde le code tout est mal foutu (rien ne remplace le codage manuel).
De plus 50% du temps leurs site ne tourne pas sur tout les navigateur ce qui est un GROS malus.
Si il n’y a pas de version d’évaluation je te conseil de ne pas investir plus que cela.
Pour Artisteer il vous est tout à fait possible d’évaluer le logiciel :
www.artisteer-france.fr
Un conseil : évaluez et vous jugerez par vous-même du gain de temps et de la qualité du résultat.
Je confirme
Produit testé avec Joomla et Wordpress
Fonctionne nickel
quelques retouches mais c’est du BON
Bonjour,
Merci pour ce tuto qu’il est vachement bien…
Saurais tu me donner un coup de main pour afficher dans ma page index le contenu de la page “a propos” ou ID=xxx au dessus des x derniers articles…
J’ai cherché un peu partout sans y arriver (je connais plus spip et débute sur wp)
Merci
J’ai trouve :
<?php wp_reset_query(); ?
Merci pour ce tutoriel
Bonjour,
J’ai suivis vos tuto à la lettre jusqu’à la fin, d’ailleurs au passage, c’est très bien fait, je ne me suis pas pommé !
J’ai donc commencé à travailler en locale, arrivé à la fin du 23e j’ai voulu uploader en ligne pour voir, pour tester si il y avait un problème, j’ai bien fait, j’ai remarqué deux choses, la première est dans le tableau de bord :
”Warning: Cannot modify header information – headers already sent by (output started at /homez.318/calaisis/www/wp-content/themes/calaisistv/functions.php:4) in /homez.318/calaisis/www/wp-includes/functions.php on line 790
Warning: Cannot modify header information – headers already sent by (output started at /homez.318/calaisis/www/wp-content/themes/calaisistv/functions.php:4) in /homez.318/calaisis/www/wp-includes/functions.php on line 791″
Et ensuite j’en est une autre quand j’active le thème (et que je vais sur la page d’accueil) :
”Warning: Cannot modify header information – headers already sent by (output started at /homez.318/calaisis/www/wp-content/themes/calaisistv/functions.php:4) in /homez.318/calaisis/www/wp-includes/pluggable.php on line 868″
Si vous pouviez m’aider ce serait sympas, merci d’avance !
Bon ben c’est décidé je m’y met de suite !
interessant
Merci pour les tuto, car depuis le temps que je cherche quelque chose de clair pour me guider ça vas bien m’aider.
Bonjour,
Je n’arrive pas à me connecter au server MySQL, le fichier tmp/mysql.sock est manquant, que dois-je faire ?
Je suis sur MacOSX et je précise, je ne suis pas développeur.
merci pour votre aide
bonjour,
je recherche quelqu’un pour me faire un thème wordpress personnalisé
j’ai déjà un site, ci-joint, et j’ai refait des autres avec des thèmes gratuits mais je trouve que la plupart des thèmes sont trop chargés et pas original
je recherche quelque chose de très simple
alors, pouvez vous voir mon site et me dire si vous pouvez faire un thème idem
et me dire combien vous facturerez, car j’ai fais ce site sur Dreamveawer et pour changer les photos et texte, c’est pas simple
je souhaiterai le travail via wordpress
merci