Tutoriel vidéo Wordpress : Créer un thème wordpress

saliminds (Jeudi 15 Octobre 2009 à 19:38):

cool merci

Baptiste (Jeudi 15 Octobre 2009 à 20:00):

Salut Graf!
il a vraiment l'air sympa ce tuto! en plus c'est vraiment utile, ce CMS est super! et expliqué par toi ça va être encore mieux!

@+

Jaya (Jeudi 15 Octobre 2009 à 20:37):

Merci vivement qu'on puis payer par Allopass

par exemple 2€ pour 31 jours sa serait cool ^^

XnEoZ (Jeudi 15 Octobre 2009 à 21:26):

Magnifique tutoriel, super bien expliqué.

Eski (Jeudi 15 Octobre 2009 à 23:43):

wow !! le design est vraiment magnifique !!

leknoppix (Vendredi 16 Octobre 2009 à 08:52):

Peut on payer par sms?

walken.ca (Vendredi 16 Octobre 2009 à 15:02):

J'ai payer, et bizarrement je ne suis pas encore Prenium ?

walken.ca (Vendredi 16 Octobre 2009 à 15:07):

Fausse alerte! Merci pour tutoriel.

mixnico (Samedi 17 Octobre 2009 à 18:25):

super tuto!

quent1du58 (Dimanche 18 Octobre 2009 à 13:16):

Je viens d'installer wordpress, vivement qu'il soit en ligne :D

Harry (Dimanche 18 Octobre 2009 à 16:42):

J'ai remarquer une erreur sur Deezyne.fr et dans le tuto :
Tu as mis display:bock; pour

#col21 #commentform input[type=text]

C'est donc pour ça que tu disais que ça voulais pas se mettre tout seul et au passage que tu as du mettre width:100%;

Boudda (Lundi 19 Octobre 2009 à 21:48):

Un grand merci pour se tuto que j'attend depuis si longtemps...Merci pour le tuto ..Merci pour la qualité ....bigup grafikart.
Peace...

ZiPo (Mardi 20 Octobre 2009 à 20:36):

Excellent tuto !! je le cherchais partout celui là, très bien réalisé, Merci !

Antho (Jeudi 22 Octobre 2009 à 01:07):

Un très grand et très très intéressant tutoriel ! Franchement c'est que du bon boulot, où j'ai appris quelques astuces bien sympathique ^_^

Merci beaucoup

Dechuck (Jeudi 22 Octobre 2009 à 05:11):

Ton tuto est super!!
Merci!!

Je voulais savoir quelle est la dimension de ton design sous photoshop? Je me demandais quelle dimension, je devrais choisir pour mon site?!

Merci

tchitcho (Jeudi 22 Octobre 2009 à 06:45):

Franchement respect ! c'est pas banal de voir de si gros tuto en France, c'est grâce aux gens comme toi que des autodidactes (comme moi ^^) ont pus évoluer au fil du temps !

encore une fois respect, 3h c'est pas rien OO

et merci, hô grand merci pour ce tuto en particulier, je déboule tout juste sur Wordpress et l'idée de taffer sur des thèmes préexistants ne m'emballe pas vraiment, je vais pouvoir attaquer ce que j'ai à faire ...

Harry (Jeudi 22 Octobre 2009 à 08:18):

Je pensais que 3h de vidéo sur DailyMotion c'était impossible, INTOX
Tchou

pobourger (Jeudi 22 Octobre 2009 à 12:44):

Merci vivement qu'on puis payer par Allopass

par exemple 2€ pour 31 jours sa serait cool ^^

Baptiste (Jeudi 22 Octobre 2009 à 12:48):

Ah on aura plus la version HD de dailymotion?

Baptiste (Jeudi 22 Octobre 2009 à 13:00):

ok! bon bin j'attends le paiement téléphonique pour l'avoir en HD!
à 15 ans j'ai pas encore de CB! lol

bravo et merci!
@+

PS: je ne peux toujours pas envoyer de commentaire avec mon compte, je dois être déconnecté...

Baptiste (Jeudi 22 Octobre 2009 à 13:03):

surtout que la vidéo dailymotion je peux pas dépasser les 20 secondes... !ça coupe après ta première phrase!! lol

leknoppix (Jeudi 22 Octobre 2009 à 14:22):

Je le regarderais dès ce soir

Grreg (Jeudi 22 Octobre 2009 à 15:24):

Très bon tuto ! C'est exactement ce que je recherchais pour refaire mon site !

Par contre, j'ai payé 3€ sur Weecast pour me rendre compte qu'il était en ligne gratuitement ici... Un peu dèg' quand même (même si c'est juste 3€).

Mais bon, c'est mérité quand même

Krome (Jeudi 22 Octobre 2009 à 17:46):

Excellent tuto comme d'habitude !

Petite question à Graf : Pourquoi ne pas avoir utiliser les tranches dans photoshop pour les différents éléments graphiques plutôt que de tout rogner un par un ?

Je ne suis pas un expert mais il me semble que les tranches permettent d'exporter d'un coup toutes les images utiles au design.

En utilisant l'option "Calque->Nouvelle tranche d'après un calque" les tranches créées sont liées à leur calque respectif et se redimensionnent si l'on vient à changer le contenu du calque (largeur ou hauteur bien sur)

Et encore bravo !

Baptiste (Jeudi 22 Octobre 2009 à 18:38):

re salut,
vers 1000minutes, qu'est ce qui se passe? il y a décalage son et tout, le son beug, ça saute...

@+

Baptiste (Jeudi 22 Octobre 2009 à 18:42):

heu 100 minutes je veux dire!!
bon en plus je peux pas avancer la vidéo avec dailymotion, j'ai voulu recharger la page et je dois recommencer du début -_-

BlackWashington (Jeudi 22 Octobre 2009 à 19:57):

Merci pour ce super TUTO !!!!
Mais sinon j'ai le même problème que Baptiste sa fonctionne nickel puis vers les 100 minute sa déconne tous est décaler jusque la fin de la vidéo.
Mais a part sa un très bon Tuto.

Xty (Jeudi 22 Octobre 2009 à 20:53):

Tout d'abord bravo pour ce tutoriel (et tous les autres, par la même occasion).
Mais je rencontre le même problème que les gens ci-dessus, à savoir le décalage son/image vers la moitié du tutoriel (qu'il devient donc très difficile de suivre).
Ceci est-il dû à Dailymotion, ou est-ce un problème de montage?

greg (Jeudi 22 Octobre 2009 à 23:37):

C'est vrai que comme cms wordpress et terrible..

codekiller (Vendredi 23 Octobre 2009 à 02:53):

Bonjour,
Merci pour ce tuto, et pour tous les autres.
J’écume le net depuis un moment déjà à la recherche de tutos, et aucun site ne t’arrive a la cheville, explications claires, sujets hyper intéressants, bref que du bonheur.
Par contre comme les derniers posts je rencontre également un décalage du son vers la 100iéme minutes, mais bon cela ne ma pas empêcher de le suivre jusqu’au bout.
Encore merci.

Zod (Vendredi 23 Octobre 2009 à 03:16):

Correction : En local avec Wamp(/Mamp/Lamp) on peut envoyer des emails, si l'on a bien configuré Wamp(/Mamp/Lamp) lors de son installation (à un moment donné il demande l'adresse mail, et pour ceux qui sont chez Free par exemple il faut mettre smtp.free.fr (de tête, si je ne me trompe pas) ! ;]

Zod (Vendredi 23 Octobre 2009 à 03:23):

Désolé du double post, mais t'es sous Seven ou Vista ? Je pencherais pour Seven (même si je ne l'ai encore pas testé) mais j'aimerais bien avoir une confirmation/correction.

Baptiste (Vendredi 23 Octobre 2009 à 11:36):

au fait pourquoi t'as quitté mac?? je préférais!! :D

Dr Rodney Mckay (Vendredi 23 Octobre 2009 à 14:36):

oui Graph le son est tr§s dégradé à partir du milieu de la vidéo.


Merci quand même pour ce big tuto

Baptiste (Vendredi 23 Octobre 2009 à 17:23):

salut Graf'
oui à partir de 95 minutes à peu près ça fais un son saccadé, puis inaudible: ça change complètement ta voix! ça fais star-wars mais bon! lol
Il n'y a pas de possibilité de couper le tuto en 2 ou 3? car j'arrive pas à retourner à 100minutes pour réssayer, je dois tout revoir...

@+ !

Krome (Vendredi 23 Octobre 2009 à 17:33):

Salut,

Je confirme que le son se dégrade façon R2D2 vers la 100e minute et est décalé jusqu'à la fin que ce soit en streaming ou avec la vidéo téléchargée sur mon pc.

A l'occasion Graf si je peux avoir ton avis sur ma remarque postée un peu plus haut http://grafikart.fr/tutoriels/video/creer-theme-wordpress-79 #c3263

Merci

Nouipoz (Vendredi 23 Octobre 2009 à 18:12):

Ha !! je l'attendait ! merci beaucoup c 'est génial ! merci grafikart ! :D

Nouipoz (Vendredi 23 Octobre 2009 à 18:29):

Re , mais petit problème regarder : http://dreamlike.toile-libre.org , je n'arrive pas a modifier les onglet sur le coté comme "My latest twitts" comment faire?


merci beaucoup

Ravi (Vendredi 23 Octobre 2009 à 19:22):

merci beaucoup :D

Nouipoz (Vendredi 23 Octobre 2009 à 19:51):

Merci beaucoup , tu aide super bien les gens comme d'habitude , je suis compte premieum :D , euh par conte sur file zilla comment on peut editer direct le fichier avec komodo ? merci

spookdealer (Samedi 24 Octobre 2009 à 11:22):

Merci beaucoup pour ce tutoriel, je vais pouvoir me faire un thème sur wordpress grasse a toi trop cool.

Woa (Samedi 24 Octobre 2009 à 13:49):

Nouipoz, en étant premium tu peut voir la vidéo du carousel flash complète?

zedat (Samedi 24 Octobre 2009 à 21:48):

stp grafikart fait un tour pour voir tes mails stp j'ai posté dans contacte mais ça fait quelque jour déjà je n'es pas de réponse ^^'

shorty26 (Dimanche 25 Octobre 2009 à 00:22):

Bon tuto comme toujours ^^.
Merci pour ton travail !

Martino (Dimanche 25 Octobre 2009 à 11:21):

Excellent tuto et on ne peut plus pédagogique pour les novices (comme moi).
Cependant, une petite question, je voudrai intégrer un caractère pipe "|" entre mes menus. Comment puis-je le faire??
D'avance merci et encore chapeau pour ton travail.

shorty26 (Dimanche 25 Octobre 2009 à 11:57):

Salut tous le monde,

Je vais peut-être passer pour un inculte mais bon, je me lance :P

Dans la vidéo, on voit que quand il écrit, il y a une petite box sur le coté qui lui évite de taper les mots en entier !
Est-ce intégré avec les logiciels type C++ etc...?
Est-ce un logiciel spécial ?

Merci d'avance et encore bravo pour ton travail ^^

shorty26 (Dimanche 25 Octobre 2009 à 12:09):

Merci encore :D

Fataliste (Dimanche 25 Octobre 2009 à 17:56):

Merci

Woa (Dimanche 25 Octobre 2009 à 20:50):

Ok, mais comment installer MyPhpAdmin..?

Woa (Lundi 26 Octobre 2009 à 10:18):

Oui merci,

Harry (Lundi 26 Octobre 2009 à 11:07):

A un moment du tuto, tu sors ta calculette, qui fait aussi recherche, c'est quoi ce petit logiciel ?

Woa (Lundi 26 Octobre 2009 à 11:20):

je savais ce que c'été, je ne savais pas quel logiciel prendre pour l'avoir via localhost.
Woa,

WoaWorld (Lundi 26 Octobre 2009 à 12:17):

Re-bonjour,
J'ai un problème pour l'affichage des images pour le header, le voici.
Pour le style.css j'ai :
#head{ background:url(images/head.jpg);
Et pour le header.php j'ai :
<div id="head">
</div>
Le dossier "images" et bien dans le dossier du thème avec les images dedans.
Comment faire pour quel s'affiche?

WoaWorld (Lundi 26 Octobre 2009 à 12:19):

Pardon pour le head j'ai :
#head{ background:url(images/head.jpg); }

WoaWorld (Lundi 26 Octobre 2009 à 13:43):

Merci,
Maintenant j'ai un problème avec la couleur du texte, j'ai sa pour le css:
body{ text-align:center;}
#head{ background: url(images/bg.png) repeat-x #e0d6bb; height:160px;}
#head #paysage{ position:relative; width:1000px; margin:0 auto; background: url(images/head.jpg) top left no-repeat; height:160px;}
#head #paysage #menu{ position:absolute; top:95px; left:270px;}
#head #paysage #menu ul{}
#head #paysage #menu ul li{ float:left; width:115px; list-style:none; }
#head #paysage #menu ul li{float:left; width:115px; font-size:20px; font-family:Myriad Pro; color:#FFFFF; text-transform:uppercase;}
#head #paysage #menu ul li span{ display:block; font-size:11px; font-family:Myriad Pro; color:#FFFFF; text-transform:lowercase; }

megacouick (Lundi 26 Octobre 2009 à 15:46):

Salut, Bravo pour ce tuto.
Le Problème, c'est que moi je ne peux pas avoir accès aux fichiers sources car je ne peux pas me connecter.
J'ai créé un compte -> entré les informations dans le "login" mais pas moyen
J'ai mis "mot de passe perdu" pour en avoir un nouveau mais ça marche toujours pas :'( .
Si tu as une solution...
Merci

megacouick (Lundi 26 Octobre 2009 à 17:41):

non c'est pas ça, je n'arrive pas à me connecter au site.
j'ai reçu les mails mais je n'arrive pas à me connecter :S
il me met toujours la fenêtre de login avec un mot de passe tres long ...
et quand je mets le mien il me remet la meme page...

Nouipoz (Lundi 26 Octobre 2009 à 19:22):

Grafikart j'ai posté un commentaire problème dans les ressource pour komodo merci :p

WoaWorld (Mardi 27 Octobre 2009 à 00:39):

Re,
Problème résolue,
Mais un problème résolue, un autre arrive...
Les catégorie/widget ne veule pas se mettre à côté des articles (droite).
#col21{ width:552px; float:left; }
#col22{ float:right; width:400px; }
Je ne comprend pas...
Merci d'avance, Woa.

WoaWorld (Mardi 27 Octobre 2009 à 09:57):

Voici un screen pour mieux aider à comprendre;
http://img197.imageshack.us/img197/4750/screenzr.jpg
merci,

Zelvac (Mardi 27 Octobre 2009 à 11:40):

Bravo ! Très bon tutoriel !

WoaWorld (Mardi 27 Octobre 2009 à 15:51):

Grafikart, voit-tu ou est le problème? :/

talandria (Mardi 27 Octobre 2009 à 18:25):

merci , Graph

Super tuto comme d'hab , justement je refond mon site en ce moment avec wordpress ...
Donc super agréable surprise en tombant sur ton tuto ..qui est toujours nickel .

le bon boulot ça se récompense.
A +
jm

multras (Jeudi 29 Octobre 2009 à 10:27):

Y a pas une autre moyen pour regarder la vidéo !!??
Dailymotion ne fonctionne pas dans mon pays

Merci

WoaWorld (Mercredi 04 Novembre 2009 à 11:01):

Devient premnium, tu peut tous les télécharger et accéder à des ressources inédite en étant premium.

Tony (Mercredi 04 Novembre 2009 à 17:36):

Bonjours , je voulais savoir si il est possible de vous contacter pour une aide ?

valentin45000 (Jeudi 05 Novembre 2009 à 19:19):

Ouah c'est génial, le seul truc c'est que pour installé le CSS sur wordpress faut payer lol, et sa c'est moins cool

WoaWorld (Mercredi 11 Novembre 2009 à 12:44):

Bonjour Grafikart, j'ai une question sur le design de la page index.
Je voudrais affiché les post d'une manière vignette comme sur ce site:http://www.jonathan-menet.fr/blog/ ou encore comme on peut le voir sur cette image: http://wpinspiration.com/wp-content/uploads/starcatcher-555x330.png et pour finir: http://www.designbombs.com/.
Quelqu'un aurait une idée de la manière de procéder?
Merci d'avance, Woa.

WoaWorld (Mercredi 11 Novembre 2009 à 15:46):

Merci pour le lien, je vais chercher des tutos car je ne suis pas in pro en codage, je préfére le design. ^^
Je vous tient au courant, Woa

WoaWorld (Mercredi 11 Novembre 2009 à 15:55):

Re-bonjour,
Certain post mon interloquer, http://www.jankoatwarpspeed.com/post/2009/07/07/Adaptable-view.aspx explique comme dans votre tutorial la fonction du positionnement et je me demandai si l'on ne pourrait pas via le css modifier l'affichage du des "bloc" de l'articles.
Woa

tibeoh (Dimanche 15 Novembre 2009 à 19:38):

C'est bien ! Mais si tu dois faire une modification légère sur ton design c'est pas évident de retrouver exactement les mêmes dimensions que l'image présente sur ton site...
Alors qu'avec un découpage avec l'outil approprié, tu as une trace dans ton photoshop et la découpe, même après modification de style de ton design se fait en quelques secondes !
Mis à part ça c'est sympa !
Petite question : Qu'est ce qui distingue Wordpress et Joomla ? J'attends avec impatience ta réponse !

Rechart (Lundi 16 Novembre 2009 à 16:17):

bonjour,

c'est quoi le bout de code en début du css body,div,dl,dt,dd,ul.....

darkn1ko (Lundi 16 Novembre 2009 à 18:37):

@ rechart

ca sert a réinitialiser les attributs css puisque suivant les navigateurs, ils sont différents par défaut

Baptiste (Mardi 17 Novembre 2009 à 17:05):

Salut à tous,
je profite de ce tuto sur le découpage d'un site pour exposer mon problème avec photoshop.
Lorsque je découpe mes parties et que je passe par enregistrer pour le web ça m'éclaircit tout, et si je mets cette image en header par exemple et que je pipette la couleur de fond et bien ce ne sera pas exactement la même couleur!
Il y a pas un problème de couche RGB et sRGB ou un truc du genre?

merci de votre aide! car je ne peux plus passer par enregistrer par le web donc...
++

greg (Mercredi 18 Novembre 2009 à 16:30):

Je crois que l'on peut faire des arrondis
moz-border-radius

Andy (Mercredi 18 Novembre 2009 à 19:14):

Tout juste greg ! Moi je fais -moz-border-radius:20px

greg (Jeudi 19 Novembre 2009 à 00:08):

Terrible ton tuto, je me demandai si tu ulilser pas joomla par hasard ?
On sait jamais
Félicitation encore pour ton tuto, je crois que tu es "hors concours"

ben (Vendredi 27 Novembre 2009 à 12:07):

jolie le thème,
mais il n y a pas de lien pour télécharger la vidéo?

kosaidpo (Lundi 30 Novembre 2009 à 11:49):

bonjour merci pour ce super tuto mais y'a pas de tuto de Gimp c'est vraiment dommage

sinon merci bonne continuation ;]

Sweet (Mardi 01 Décembre 2009 à 14:31):

Excellent ! Merci merci merci merci

Ben8 (Mardi 01 Décembre 2009 à 18:04):

Génial !!! merci beacoup

maronette (Dimanche 06 Décembre 2009 à 01:08):

trooo bien j'aiime bien

IgiX (Dimanche 20 Décembre 2009 à 14:54):

Sympa le rendu! mais pourquoi ne pas faire avec l'outil tranche qui est bien plus pratique et permet d'optimiser tes image pour les web assez rapidement

Cordialement,
IgiX

OoimedoO (Vendredi 01 Janvier 2010 à 17:06):

Sa fessait un bout de temps que j'ai pas coder de design et je peux te dire que te design ma vraiment rafraîchi la mémoire très très bon tuto

dbzes (Jeudi 14 Janvier 2010 à 19:53):

Je comprend pas, au moment où tu t'occupe de la cascade et tu met un "fixed", moi je reproduit en parallèle ce que tu fait donc j'ai ça :

#main { width:1000px; margin:0 auto; text-align:left; background:url(images/cascade.png) 647px 75px repeat-y fixed;}

A part quelque pixel qui change mais le resulat est pareille, donc je disait quand je met pas le fixed, c'est bon la cascade est parfaitement alignée mais quand je met fixed elle est se décale carrément sur la gauche d'au moins 300px et jai pas trouvé pourquoi??

guiguilemalin (Samedi 16 Janvier 2010 à 08:09):

super tuto franchement merci beaucoup tout y es j'ai énormement apris grace a ce dernier .
un grand merci a Grafikart et une bonne continuation ...

dreadstock (Dimanche 17 Janvier 2010 à 11:51):

Peut-on avoir les fichiers sources pour les abonnés ? MERCI

ibrahem (Mardi 19 Janvier 2010 à 01:41):

Is it possible to add links Free Lesson

bast_65 (Vendredi 22 Janvier 2010 à 22:34):

Super tuto, vraiment bravo, mais je vais quand même faire mon relou (qui a dit encore ?).
Le site comporte des catégories ou la c'est parfaitement expliquer encore bravo, mais il y a aussi des pages "portefolio" et "espace pro". Tu a l'air d'avoir mis un menu en dur pour faire cela, mais si on veut utiliser le système de page de wordpress pour faire des page dynamique, comment si prend t-on et a tu des site intéressant qui traite de ce sujet (j'ai vu passé 'model de page' ou encore template avec un num de catégorie mais sa resté très vague)
merci d'avance et encore bravo pour ce tuto

doudouzeb (Lundi 25 Janvier 2010 à 23:35):

Bonjour à tous, je confirme toutes les critiques positives, membre Premium depuis deux jours et très satisfaits des tutos sur ce super site que je cherchais depuis toujours...

il vaut largement les 10€ pour ce qui aimes ce former seul et rapidement...

silence (Dimanche 31 Janvier 2010 à 12:19):

Salut merci pour ce tutopourrais tu me dire qu'est le code pour faire un reset css ? Moi j'ai juste mis un padding et marge a 0. Et est-ce que cette technique est bonne car j'ai un peu regardé sur le net et on dit que ce n'est pas recommandé d'utiliser cette methode .

Merci

Jutix (Lundi 01 Février 2010 à 15:10):

Arf... J'hésite entre Wordpress et Joomla pour la refonte de mon site...
Mais j'avoue, j'ai une petite préférence pour Wordpress après ce super tutoriel =)

mediacoda (Mardi 02 Février 2010 à 22:16):

Vraiment sympa, le tuto: je vais squatter cette page quelques nuits...

Dark (Jeudi 11 Février 2010 à 14:05):

salut j'ai fini le tuto... est franchement tu viens de me faire découvrir un nouveau système pour créer un site.

J'ai des question:

-t'aurai pas un ptit système pour un petit espace membre? pour que quand il laisse un com's avec un pseudo, personne d'autre peux l'utilisé(sinon beaucoup de confusion et d'embrouille avec les membre sa risque xD)?

-J'ai les emplacements pour les avatars, mais rien pour enregistré l'images du visiteur ?

Dark (Jeudi 11 Février 2010 à 14:44):

J'ai une dernière question:

-j'ai créer une autre page qui s'appelle blog, comment fait on pour rajouter un news article sur cette page ?

kev (Mercredi 03 Mars 2010 à 00:08):

Franchement tu es doué !!! Pédagogue comme j'ai rarement entendu sur des videos de tuto, tu es à la porter du plus naze en informatique pour faire des choses qui sont quand même du domaine avancé...

Chapeau j'ai enfin tout compris avec toi, je suis doué sur flash mais avec ta video je vais enfin pouvoir passer ce cape que beaucoup de graphise ne passe pas parce le dev buerk quoi !

Merci encore

kev (Mercredi 03 Mars 2010 à 00:09):

ah oui et bien sur pret a donner de l'argent si tu refais du tuto de cette qualité =)

sitewaide (Mardi 09 Mars 2010 à 23:27):

Bonjour, ayant suivi le tutoriel, je suis confronté a un problème, lors de l'utillisation de la fonction the_content('Lire la suite...');, je n'ai pas le lien lire la suite, malgré une recherche dans le codex, je n'ai pas trouvé, merci d'avance