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

Télécharger les sources et accéder à la vidéo en Haute qualité !

Pour cela il vous suffit de créer un compte et de devenir premium, vous pourrez alors télécharger la vidéo complète en haute qualité et le thème finalisé.

Dans ce tutoriel vidéo vous verrez comment créer un thème avancé sur le CMS Wordpress. Ce thème permettra donc d'utiliser la plateforme de blog pour créer un site complet (News, Portfolio, A propos et Contact). Vous verrez donc :

  • Installer Wordpress
  • Créer un nouveau thème
  • Les différents fichier qui constitue un thème
  • Comment installer et utiliser des plugins
  • Les boucles permettant d'afficher le contenu des articles
  • Personnaliser les pages catégories différemment suivant la catégorie
  • Récupérer les visuels liés à un article
  • Créer une page contact avec le plugins cForms
Démonstration

Tags : PortfolioThèmeWordpressQuery_postsCms

Tutoriel Wordpress posté Lundi 25 Janvier 2010
 63 Commentaires

 

Partager
Ils l'ont utilisé

 

Publicité

 

Vos commentaires

Grafikart (Lundi 25 Janvier 2010 à 19:32):

Pour ceux qui ne sont pas premium la vidéo en streaming venant d'être uploadé il faut attendre un peu avant que dailymotion mette en place les format HQ et HD, soyez patient

pobourger (Lundi 25 Janvier 2010 à 19:53):

hehehehe vive le compte premium merci beaucoup, la qualité est super

T.OM (Lundi 25 Janvier 2010 à 20:05):

Salut,

J'attends toujours de savoir quand on peut avoir la possibilité d'avoir un compte premium avec Allopass.

pobourger (Lundi 25 Janvier 2010 à 20:16):

Stp ? Merci ?
Je pense pouvoir te répondre...
Ce système serait trop difficile à mettre en place et a gérer je pense...

quent1du58 (Lundi 25 Janvier 2010 à 20:22):

Je crois que je vais devenir premium mais va faloir mettre en allopass avant le 25 août alors :p ^^.

DevAddict (Lundi 25 Janvier 2010 à 20:54):

Wow graf' t'as tout pété la, bravo vraiment, ça me donne limite envi de tester WP

DraFgear (Lundi 25 Janvier 2010 à 21:49):

Salut,
On attend avec Impatience que vous implémentiez le système de payement par allopass

Grafikart (Lundi 25 Janvier 2010 à 23:49):

Le système de paiement par SMS/Téléphone a été mis en place. En revanche les tarifs ne sont pas les même que par paypal (ceci à cause des services qui prenent plus de 60% de la somme)

tontonrimka (Lundi 25 Janvier 2010 à 23:32):

Je vais passer ma nuit dessus je pense
Merci J.

CaporalDead (Mardi 26 Janvier 2010 à 00:54):

@Grafikart : Je me permet de signer un petit bug Grafikart, quand on affiche la popup de connexion et que l'on clique sur le label "se souvenir des infos" ça renvoi directement sur le texte du post de commentaire, je pense qu'un petit renommage serait de rigueur :D. Merci une fois de plus pour ce magnifique tuto.

nico (Mardi 26 Janvier 2010 à 12:00):

il est indiqué que les commentaires sont fermés sur la page principal du blog, je ne sais pas s'il s'agit d'un bug. A part ce point, bravo pour le tuto

Baptiste (Mardi 26 Janvier 2010 à 12:28):

Salut!
super le systeme allopass! le petit truc qu'il manquait! je vais me mettre cet aprem au premium alors!! :D

++

ael (Mardi 26 Janvier 2010 à 13:52):

Super tuto en perspective!
par contre je suis le seul pour qui allopass foire?

DOCTEURGRAFIK (Mardi 26 Janvier 2010 à 13:57):

Bien. Les goûts et les couleurs, ça ne se discute pas.

Quoiqu'il en soit, ça s'annonce comme un tuto très intéressant une nouvelle fois. Félicitations.

ael (Mardi 26 Janvier 2010 à 14:22):

autant pour moi, j'ai rien dit, ca fonctionne

Baptiste (Mardi 26 Janvier 2010 à 20:00):

Re!
voilà j'ai tout bien regardé! ça donne envie de se mettre à WP, car j'étais resté sur ton systeme de blog php, qui est moins poussé quand meme! mais il avait l'avantage d'etre simple et clair!
Sinon le tuto sur le portfolio en javascript donne sacrément envie!! J'espere que d'autre le demandront aussi! :D

@+

pobourger (Mardi 26 Janvier 2010 à 21:00):

Moi j'ai bien envie de portFolio Javascript aussi

kerfam (Mardi 26 Janvier 2010 à 22:40):

Comme d'habitude, clair et précis.
Merci Grafikart

Djiins (Mardi 26 Janvier 2010 à 23:37):

Bravo mec ton tuto est relayé ici http://www.webdesignmag.fr/index.php?2010/01/25/960-creer-un-theme-avance-avec-wordpress

rom07 (Mercredi 27 Janvier 2010 à 13:56):

@Grafikart :
Merci beaucoup d'avoir installé un système de payement par SMS...
Et encore bravo pour le tuto !

louisdsm (Mercredi 27 Janvier 2010 à 17:59):

@Graphikart Merci beaucoup tu nous donne tellement. Je me suis inscrit en prénuim. Avec l'options sms dont je te remercie d'avoir installé. Mais la société est un peu escropt si elle prend 60% et en plus ils sont même pas capable de parler sans fautes d'hothographe

pobourger (Mercredi 27 Janvier 2010 à 18:56):

@louisdsm Je confirme ta dernière phrase. Une faute au 1er mot : GRAFIKART xD

T.OM (Mercredi 27 Janvier 2010 à 19:10):

Salut à tous,

Je suis passé en Premiun également par Allopass.

Krusty (Jeudi 28 Janvier 2010 à 11:08):

Super Tuto ! , Moi pour le prochain tuto ! J'aimerai savoir comment rajouter un espace membre sur Wordpress ! a suivre..

En etant connecter avec mon compte j'arrive pas a mettre des commentaires

Obligier de commenter en mode "guest"

Grafikart (Jeudi 28 Janvier 2010 à 13:21):

Merci, pour le souci de commentaire édite ton profil pour mettre une adresse de site web valide. Ou laisse le champ vide

Baptiste (Jeudi 28 Janvier 2010 à 11:23):

Re!
est-il possible de faire une page d'accueil différente sans tomber directement sur le blog? avec une photo par exemple et un recap des derniers coms etc...
++

Grafikart (Jeudi 28 Janvier 2010 à 13:22):

Tout a fait possible. Dans ce tutoriel je n'utilise pas la page index.php qui sert de homepage. Tu peux y mettre le contenu que tu veux (même utiliser des query_posts and co) pour te faire une homepage vraiment perso.

Baptiste (Jeudi 28 Janvier 2010 à 13:40):

Ok merci!!
Connais tu des plugins qui permettent de faire de grandes galeries photos sur WP, car je fais beaucoup de photos, il faudrait des catégories, avec une page miniature par catégorie etc... Tu vois?

merci!
@+

Baptiste (Jeudi 28 Janvier 2010 à 16:47):

Au fait, t'as pas oublié de parler du carrousel? à moins que ça ne soit comme le tuto sur le caroussel en js?

pobourger (Jeudi 28 Janvier 2010 à 17:27):

Je viens de terminer... encore une fois CHAPEAU, tout marche parfaitement et avec le 1er tutoriel WordPress, sa fait un tout COMPLET.
T'va pouvoir rajouter une petite place dans ton portfolio ...

Cordialement,

Antho (Dimanche 31 Janvier 2010 à 15:52):

Excellent tuto !

Par contre j'ai 2 petits souci avec les commentaires et la récupération des posts...

Pour les commentaire j'ai un pb avec le endforeach (parse error avec Komodo) et pour les post, sur certain j'ai pas la date alors que d'autre oui ... c'est assez bizare. Pourrais tu m'aider ? (Si besoin j'envoie les code)
Merci d'avance.

Antho (Dimanche 31 Janvier 2010 à 16:52):

Désolé pour le double post mais finalement j'ai trouvé pour le foreach endforeach, j'avais mis un ";" au lieu des ":"...

Par contre pour les derniers post, j'ai la date une fois sur deux qui apparait !

valentin45000 (Lundi 01 Février 2010 à 17:33):

Salut à tous,
D'abord merci pour se tutoriel !!
J'ai une petite astuce pour les hébergeur qui ne supporte pas l'URLRewrit ^^
Ajouter dans champ personnaliser /index.php/ au début

princebarre (Mardi 02 Février 2010 à 22:03):

Bonsoir Grafikart man,

Très bon tuto, tu vas droit au but sans fioritures, ça fait plaisir d'avancer aussi vite. Ça change des DVD de formations vidéos classiques...

Sinon +1 pour un tuto sur ton portfolio en Javascript, allez allez au charbon...

Cams (Jeudi 04 Février 2010 à 19:17):

Super tuto !

Mais qu'en est-il du carrousel ? Est-il statique ou administrable par Wp ?

darkavatars (Mardi 09 Février 2010 à 13:21):

Bonjour,

J'essaye d'installer wordpress mais sans résultat aprés avoir entrée le titre et l'adresse sa me mais "Fatal error: mysql_num_fields(): supplied argument is not a valid MySQL result resource in /mnt/129/sdb/7/4/teamfatalairsoft/blog/wp-includes/wp-db.php on line 728" pourtant j'ai rien modifier en local sa fonction

Cordialement,
Dark

Ps: je suis chez free et dans ma base de donnée j'ai déjà des table qui correspond a mon forum phpbb

darkavatars (Mardi 09 Février 2010 à 16:47):

Double post sorry : j'ai la version 2.9.1 de wordpress, je comprend pas :/ ils sont faient une erreur dans leur code ou quoi ?

darkn1ko (Mardi 09 Février 2010 à 23:29):

je viens de tester la version 2.9.1 et je n'ai pas de problème avec les tables créées automatiquement par wordpress.
mais cette version créé une table en plus peut etre ca?

Darkavatars (Mercredi 10 Février 2010 à 09:05):

Souci réglé tes sous free toi ? parce que apparemment moi j'ai rajouter un .htaccess a la racine de mon site et dans ce .htaccess j'ai mis php 1 pour que free me passe en php 5 (j'ai vu sa sur le net depuis sa fonction )

Beezarts (Jeudi 11 Février 2010 à 00:38):

Bonjour,
Pour mon site, je voudrais relier deux espaces membres, car sur le site il existe deux partie différente ( accueil et tuto ) qui fonctionnent avec WP.
Il y à t-il un moyen de faire en sorte que les compte créer sur l'accueil marchent sur la partie tuto?

quent1du58 (Jeudi 11 Février 2010 à 15:10):

C'est plutôt simple! Il suffit de faire un formulaire de login qui soit relié à la table des users de wordpress.

Beezarts (Jeudi 11 Février 2010 à 23:59):

Mais comment relier les deux wp-user?

lu2o (Vendredi 12 Février 2010 à 16:55):

Bonjour,
Super Tuto, clair et vraiment top, je suis très content d'avoir découvert ton site. Dans la continuïté, un tuto sur l'internationalisation de son thème serait très utile (par exemple avec le plugin " zdmultilang " et la création des fichiers .mo ou .po) ainsi que la création d'un espace membre.

Grafikart (Vendredi 12 Février 2010 à 17:07):

L'internationalisation est planifié, pas besoin de plugin pour faire ça

Yvaninho (Dimanche 14 Février 2010 à 15:35):

Bonjour,
vous ne proposez pas les sources pour ce thème?

Yvaninho (Dimanche 14 Février 2010 à 15:38):

Oups dsl, j'avais pas vu

websurfeur (Lundi 15 Février 2010 à 23:15):

Bonsoir et MERCI pour tous ces tutos !!!
Je rajoute +1 pour le portfolio et javascript ... tu nous as mis l'eau à la bouche..il faut l'étancher maintenant :-)

Roms (Mardi 16 Février 2010 à 11:17):

Bonjour,
Je ne parviens pas à lire correctement ce tuto.
Pourrais tu me dire quand la version HD sera disponible stp.

Grafikart (Mardi 16 Février 2010 à 11:47):

La version HD est disponible pour les comptes premiums seulement.

Dj.Ho0x (Vendredi 19 Février 2010 à 16:25):

Bonjour,

Tout d'abord, merci pour ce tutoriel qui me redonne des idées pour wordpress, que j'avais totalement abandonnée.
Je ne réagis que pour la première fois à vos tutoriels, mais j'ai envie de vous dire de ne surtout pas arrêter. Qu'il serait dommage de ne plus entendre votre voie

Cependant, j'ai une question.
Quel est le module que vous utilisez via firefox pour avoir un aperçu aussi rapide du code source et du css.

J'attends la réponse

++
Merci encore

Yoshi (Vendredi 19 Février 2010 à 16:47):

Its to bad that this isn't available in English
Anyway thanks

Baptiste (Samedi 20 Février 2010 à 12:31):

@ Dj.Ho0x: regarde par là: http://www.grafikart.fr/tutoriels/firebug-extension-firefox-76

@+

Dj.Ho0x (Mercredi 24 Février 2010 à 15:48):

Merci beaucoup

Ravi (Mardi 23 Février 2010 à 10:58):

Merci Beaucoup pour le tuto

kentdesigner (Mardi 23 Février 2010 à 17:09):

Bonjour,
moi j'ai un petit problème au niveau du " scrollTo " dans le portfolio.
Lorsque l'on clique sur une miniature, aucun problème, le slideDown et le scrollTo fonctionne bien. Mais c'est lorsque l'on clique à nouveau, pour remonter l'image grâce au slideUp que cela se complique. Si la page est assez proche du footer, le scrollTo, SOUS FIREFOX, s'emballe et on obtient un scroll très saccadé.
Par contre aucun problème sous IE.

The_Helpless (Mardi 02 Mars 2010 à 22:14):

Super tutoriel!!
Et +1 pour le javascript du portfolio.
Tchou!

shin (Vendredi 05 Mars 2010 à 20:43):

Hello,

J'aimerais savoir comment tu effectue ta redirection vers blog ? Après avoir regardé plusieurs fois, je t'entends bien dire que l'index ne servira pas puisque tu envoi les utilisateurs vers le blog mais tu ne dis pas quelle solution tu utilise pour cela.

Est-ce l'url rewriting simplement ? J'essaie de modifier le .htaccess de la racine de wordpress et je n'arrive pas à grand chose puisque quand je le force a sauter l'index il me sort une internale server error...

Un petit éclaircissement sur la question ? Merci d'avance !

nintenwii (Dimanche 07 Mars 2010 à 21:15):

Salut,
tout d'abords merci de partager ce très bon tutoriel, mais je me pose une question, pour le carrousel, c'est un plugin WP ou simplement un script en JQuery ? Et comment faire en sorte que dés que l'on poste un billet, l'image et le titre de se dernier soit directement mit dans le carrousel ?

Merci d'avance.

nintenwii (Dimanche 07 Mars 2010 à 21:26):

Ah oui, je comptais prendre un compte premium mais avant je voudrais savoir si les codes du carrousel y sont inclus, histoire que je regarde la structure ?

Grafikart (Dimanche 07 Mars 2010 à 23:29):

Non le carrousel n'est pas inclue dans les sources. Sinon pour le fonctionnement il est déja expliqué ici : http://www.grafikart.fr/tutoriels/carrousel-javascript-87
Pour la récupération des miniatures c'est la même méthode que pour la section "portfolio" ou "tutoriels"

Ravi (Lundi 08 Mars 2010 à 21:32):

@Grafikart : J'ai un message d'erreur:
"Not Found The request url/site/category/blog was not found on this server"

Faut que j'active quelle que chose sur Wamp pour que le Rewriting fonctionne ?

Merci d'avance

Ravi (Lundi 08 Mars 2010 à 23:33):

c'est bon problème résolu j'ai simplement activer le module rewrite apache ^^

californie (Vendredi 12 Mars 2010 à 13:33):

Bonjour Grafikart et grand merci pour ce tuto très complémentaire du précédent.
Pourrais tu me dire, si techniquement, il est possible de faire un véritable site web avec wordpress ? un peu du style http://camp-california.com/. Cela éviterait d'avoir des connaissances très poussées en PHp, en utilisant les plugins, un peu de php bien sur comme dans t tutos, et autres widgets. Qu'en penses tu ?

merci pour ton aide

 

Ajouter un commentaire
Vous devez activer javascript.
 

 

Suivre les commentaires de ce tutoriel