Dans ce tuto Wordpress / Photoshop, de 3h de vidéo, vous apprendrez comment développer un thème pour Wordpress à partir d'une maquette réalisée sur Photoshop. Voici les étapes de ce tuto Wordpress:
- Découper une maquette sur Photoshop
- Installer Wordpress
- Créer un thème
- La structure de fichier d'un thème Wordpress
- Les fonctions PHP principales de Wordpress
A la fin de ce tuto, vous serez capable de développer et d'intégrer vos propres thèmes Wordpress.
La maquette utilisée dans ce tutoriel est disponible en fichier joint à des fins pédagogiques uniquement. Il est strictement interdit d'utiliser tout ou partie de ce design.
Résultat Final:
Tester le thème en condition réelle
Jetez un oeil à ces autres tuto Photoshop, Wordpress
Créez un iPhone 4
Dans ce tuto Photoshop CS5 vous allez apprendre à créer simplement…
Créer un photomontage simple…
Dans ce tuto photoshop apprenez à créer un photomontage simple…
Effet femme fatale
Dans ce tuto photoshop CS5, nous utiliserons les calques de…
Photoshop CS5 la formation…
Voici une formation complète à Photoshop CS5. Cette formation…
Exploser une image
Ce Tuto Photoshop CS4 de près de 20 minutes est consacré à…
Transformez vous en votre…
Dans ce tutorial sur Photoshop CS4 (compatible avec les versions…
Transformer sa photo en AVATAR…
Suite à la demande de nombreux fans voici mon tutorial pour…
20 astuces à connaître absolument…
Des raccourcis cachés, des techniques secrètes et des astuces…
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Photoshop, Wordpress de 2 heures 49 minutes est proposée dans une résolution plus grande que l’extrait suivant :
Grafikart
a vendu plus de 1.500 tutos, formateur certifié par Tuto.com.
Je suis Jonathan Boyer, Je suis passionné par le web et le multimédia et j’ai commencé à apprendre le graphisme et le développement Web par moi même il y à 4 ans. J’ai maintenant décidé de passer de l’autre côté de la barrière, et d’aider les personnes qui comme moi, veulent se former sur internet.
Tuto du même auteur
Parser un XML en PHP
Dans ce tutoriel vidéo nous verrons comment lire une page distante avec l'objet cURL et comment parser…
Papervision, panorama 360°
Dans ce tutoriel vidéo nous verrons comment utiliser la librairie Papervision3D pour créer une vue…
Formulaire de contact avancé
Dans ce tutoriel vidéo vous verrez comment créer un formulaire de contact avancé qui permet :Envoyer…
Lecteur MP3 en flash et ActionScript 3
Dans ce tutoriel vidéo nous verrons donc comment utiliser l'objet Sound et SoundChannel pour gérer…
Notes attribuées par les utilisateurs
Les avis / Questions des utilisateurs
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto Photoshop, Wordpress d’une durée de 2 heures 49 minutes a été acheté plus de 400 fois et a reçu une note moyenne de 4/5.
Ce tuto a été publié par Grafikart, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4,5/5 pour l’ensemble de ses vidéos.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Ce tuto qui se présente sous la forme d’une vidéo,
vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.
Choisissez parmi 10401 tuto classés dans nos 132 logiciels ou parmi nos thématiques. 
(a acheté le tuto)
" J'achète les yeux fermés, merci beaucoup ça va bien m'aider :) "
(Membre de l'équipe)
" MA-GNI-FI-QUE tuto Wordpress de Grafikart! Bravo, rapport qualité / prix imbattable ^^ "
(a acheté le tuto)
" Tout a fait d'accord Bravo, excellent tuto. "
(Membre de l'équipe)
" You rocks ! "
(a acheté le tuto)
" Bonjour,
Utilisateur chevronné de photoshop, je désire ardemment me faire un site portfolio wordpress, seulement j'avoue être en retard question code etc. Est-ce que ce tuto pourra m'aider à passer mes créas sous wordpress et les mettre en ligne correctement codées ?
Merci beaucoup. "
(auteur de ce tuto)
" Bonjour,
Ce tuto couvre un cas similaire au tien. Aucune étape n'est sautée entre la découpe de la maquette et la réalisation finale du thème, tout y est expliqué.
Quelques bases en HTML et CSS sont quand même un plus si tu souhaite adapter cette technique à d'autre designs "
(a acheté le tuto)
" bonjour, j'ai acheter ce tuto wordpress mais impossible de trouver les fichiers joints.
Savez vous ou je pourrais me les procurer ?
merci "
(a acheté le tuto)
" Remarquable tuto
Des explications claires et précises sur un cas concret.
A quand un tuto sur le maquettage avec Photoshop, dans la perspective d'utilisation de produits comme "Divine" ?
Encore bravo "
(n'a pas acheté le tuto)
" bonjour,
J'aurai aimer savoir le plugin utiliser pour l'affichage des image sur le portofolio du site ou est visible les thème.
Cela fait un moment que je cherche ce type de plugin mais impossible de trouver quelque chose qui me convienne. "
(a acheté le tuto)
" salut, comment fait tu pour avoir la souris de OSX et le rond de chargement de OSX ? merci
sinon très bon tuto, un peut compliquer car c'est la première fois que je me lance dans ce type de choses^^
cordialement,
... "
(auteur de ce tuto)
" Salut,
Pour les curseurs tu peux gérer ça dans le panneau de configuration de ton ordinateur en général le chemin logique c'est :
Matériel >> souris >> curseur.
Après tu peux trouver des curseurs sur DeviantArt par exemple. "
(a acheté le tuto)
" une autre petite question (je suis vraiment un débutant dans le ftp,php, serveur, etc...) comment fait tu pour creer ton serveur en local ? Pour tester le theme sansle mettre en ligne.
merci "
(auteur de ce tuto)
" Il te faut installer un serveur en local.
- Si tu es sur windows : Wamp http://www.grafikart.fr/tutoriels/video/utilisation-wamp-20
- Si tu es sur Mac : Mamp
- Si tu es sur Linux : Lamp ou installer apache php et mysql à la main. "
(a acheté le tuto)
" une dernière petite question... promis :)
Dans ton tuto sur wamp, quand tu va sur internet(je ne sais pu le navigateur, dsl) ta Scroll bar ou barre de défilement et en version "OSX" ainssi que quelque bouton...
comme fait tu ? je n'est pas trouver sur le site que tu m'avais donner pour les thème de souris...
Moi aussi je voudrai avoir un Mac ;)... "
(a acheté le tuto)
" Le lien pour telecharger la piece jointe est mort... Est ce que quelqu'un pourrait me dire comment faire pour recuperer la piece jointe. Merci d'avance
"
(a acheté le tuto)
" Très bon tutorial sur la puissance PHP et Wordpress. Très bien expliqué mais un peu rapide dans l'action. et une légère arborescence CSS à revoir. "
(a acheté le tuto)
" Excellent tuto! Rapport qualité/prix imbattable, comme dit précédemment.
J'ai fais tout mon site avec ce tutoriel.
http://www.sirkgrafik.be.ma/
Bravo bravo Grafikart et merci!! "
(a acheté le tuto)
" Monsieur,
J'ai acheté 2 tutos concernant la création d'un thème et l'intégration de celui-ci dans wordpress. Je travaille en distant (filezilla), j'ai fait une maquette sous photoshop mais lorsque je veux uploader mes fichiers/images sur mon site, abslument rien ne se passe. Pourtant, j'ai suivi exactement vos codes en les adaptant à mon "profil", mais rien. Serait-ce une problème dans wordpress( 777, 755 ou autre?). Merci de votre réponse.
Yves Baar
yves.baar@skynet.be "
(a acheté le tuto)
" Bon tutoriel, on ne s'endort pas.Le prix est très attractif, ne pas hésiter pour faire son blog perso. Avec des notions de css, pour optimiser le rendu, c'est impeccable. "
(a acheté le tuto)
" Bonjour Grafikart, je me demandais s'il était possible d'intégrer un blog à l'intérieur d' un site web, et s ' il y a une méthode, en faire un tuto. En gros avoir un site internet normal, et tout en conservant sa mise en page et son design, avoir une page du site qui soit comme un blog, avec des billets, des commentaires, etc... "
(a acheté le tuto)
" Salut,
J'ai acheté ton tuto et rien à redire à ce propos...très bien expliqué et bien ficelé en tous points (graphisme, code, css, etc...) puisque j'ai pu l'adapter à ma sauce... j'ai beaucoup appris merci...
Aussi, Je fais mes premiers pas avec wordPress et aimerai changer la disposition des billets...les afficher à l'horizontal tel : http://dokmixer.com/
Pourrais-tu éclairer ma lanterne ? "
(a acheté le tuto)
" Bonjour,
Merci pour ce tuto, il est très clair !
Je débute en html, et css et j'ai un peu de mal à recopier les codes que tu donnes dans le tuto.
Serait-il possible d'avoir les fichiers php comme dans le tuto "Tuto Créer un thème de site internet"?
Ca m'aiderait vraiment !!
Merci "
(a acheté le tuto)
" Parfait ce tuto... une qualité bien meilleurs que l'une des formations wordress que j'ai pris (j'estime pourtant que la formation n'était pas mauvaise),
et pour 3euros, c'est à dire que c'est donné ...
Merci, juste une demande ... ENCORE !!!! :p "
(a acheté le tuto)
" sd "
(a acheté le tuto)
" La vidéo ne se lit pas. Elle reste bloqué au début. "
(a acheté le tuto)
" bon tuto... mais il manque la fin.... "
(a acheté le tuto)
" La vidéo ne se lit pas chez moi aussi lorsqu'elle est téléchargée automatiquement sur le player Weecast. Cependant il suffit de télécharger manuellement la vidéo sur votre compte via votre navigateur web et la placer dans le dossier contenant vos vidéos. "