Ce tuto vidéo "Créer un site web Wordpress : l'intégration avec Wordpress 3.3" fait partie d'une formation complète qui vous permettra de découvrir plus en profondeur Wordpress. Découvrez sans plus attendre la formation "PACK FORMATION WORDPRESS : Créer un site Web Complet" dans laquelle vous retrouverez cette vidéo et tous les fichiers source utilisés par le formateur.
Les fichiers source ne sont pas fournis dans les vidéos vendues à l'unité.


Dans ce tuto Wordpress en vidéo, nous allons voir ensemble, pas à pas, comment intégrer un site web complet Wordpress, à l'aide du HTML5, CSS3 et jQuery.

Ce tuto fait suite à notre installation et découverte de l'administration de Wordpress. J'ai choisi de partir sur une maquette simple (de type site internet vitrine), et donc d'omettre volontairement la partie design sous Photoshop pour me concentrer sur l'intégration du thème complet avec WordPress.

Si vous êtes débutant en intégration, je vous invite à regarder mes autres formations sur les bases du HTML et du CSS avant de vous lancer sur celle-ci pour être sur de ne pas être perdu lors de cette vidéo.

Les 6 pages HTML que nous allons créer, la feuille de style et les fichiers JS sont fournis avec le tuto pour une meilleure compréhension de la formation.. Pour vous rendre compte du résultat que nous allons obtenir, je vous invite à regarder l'extrait personnalisé que j'ai réalisé.

Bon tuto à tous!

La suite de ce tuto, concernant la partie développement est disponible également !

Jetez un oeil à ces autres tuto Wordpress 3.3

PACK FORMATION WORDPRESS : Créer un site Web CompletPACK FORMATION WORDPRESS :…
Ce pack formation WordPress en 3 parties vous permettra de créer…

Un menu accordéon dans une page à partir de l’admin WPUn menu accordéon dans une…
Ce tuto CSS, HTML, jQuery et Wordpress sur la création d'un…

Rajouter des tailles d'images dans l'admin de WordpressRajouter des tailles d'images…
Dans ce tuto Wordpress, en vidéo, vous allez apprendre rajouter…

Créer une galerie d'images avec pagination sur WordPressCréer une galerie d'images…
Dans ce tuto WordPress, nous allons voir comment ajouter une…

Créer un site WordPress : DéveloppementCréer un site WordPress :…
Dans cette 3ème partie de formation WordPress, nous allons…

Installation & Tour d'horizon de l'admin de WordpressInstallation & Tour d'horizon…
Dans cette 1ère partie consacré à la création d'un thème…

PACK FORMATION WORDPRESS : Créer un site Web CompletPACK FORMATION WORDPRESS :…
Ce pack formation WordPress en 3 parties vous permettra de créer…

Créer un slider et l'intégrer à votre blog WordpressCréer un slider et l'intégrer…
A l'aide d'un plugin jQuery, nous allons créer un slider pour…

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Wordpress 3.3 de 3 heures 25 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

spykrew07 , formateur certifié

Salut à tous ! Je m'apelle Adrien j’ai 29 ans et je suis Webdesigner spécialiste WordPress depuis 7 ans. Ancien élève de l'ESMA à Montpellier, j’ai travaillé en agence de communication pendant 4 ans et depuis 3 ans je me suis lancé en freelance. Formateur certifié sur tuto.com, je partage mes connaissances et mes découvertes dans différents domaines : web design, logo, html, wordpress, php, css jquery ... Ma devise : Webdesign is not a job, it’s a passion !

Toutes les formations de Spykrew07


Témoignage des clients de spykrew07

Je trouve que Spykrew07 est un très bon formateur !

Très bon formateur !!!

tutos clair et précis!

Très bien, de bonnes explications très précises. Un bon rythme pendant les tutos

Tuto utile et super précis ! Merci

Lire les autres témoignages

 

D'autres tuto de spykrew07

Créer un scroll horizontal animé pour votre site webCréer un scroll horizontal animé pour votre site web
Dans ce tuto Jquery, en vidéo, nous allons voir ensemble comment créer un scroll horizontal…

Ajouter une bulle d'info enrichie à votre siteAjouter une bulle d'info enrichie à votre site
Dans ce tuto jQuery en vidéo, nous allons voir comment créer une bulle d'info enrichie…

Créer une typo déstructurée avec des impacts de ballesCréer une typo déstructurée avec des impacts de balles
Dans ce petit tuto vidéo Photoshop, nous allons créer un effet de typo déstructurée…

Apprenez les bases du CSS pour intégrer votre site webApprenez les bases du CSS pour intégrer votre site web
Dans ce tuto vidéo sur les bases du CSS, nous verrons ensemble les propriétés essentielles…

voir tous les tuto de spykrew07

Notes attribuées par les utilisateurs (43 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (118)

par Gaspard2012a voté :
(a acheté ce tuto - 14 avril 2014)

" Excellent tutoriel. Clmair et efficace. Je vais faire la suite. "

par EPILATION
(a acheté ce tuto - 21 mars 2014)

" BONJOUR,

Avec les fichiers html, le menu de navigation du Header et tout le site fonctionne très bien !!

Avec les fichiers en PHP :
Je suis en local : Quand je lance Wampserver, avec WordPress

Tout le site s’affiche correctement sauf le menu de navigation du Header, il ne prend pas l’appel du menu de navigation. Pourquoi?

Cordialement
Marc
"

par spykrew07
(auteur de ce tuto - 21 mars 2014)

" @EPILATION sur quel navigateur ? parce qu'avec les fichiers sources il n'y a aucun soucis... "

par EPILATION
(a acheté ce tuto - 20 mars 2014)

" Bonjour,

En local avec wordpress, le menu ne s’affiche pas en horizontal, il s'affiche un en-dessous de l’autre, alors que les fichiers sont vos fichiers source que j’ai téléchargé sur le site tuto. Pourquoi?

Accueil
Contact

Cordialement
"

par cdlunea voté :
(a acheté ce tuto - 30 juillet 2013)

" Très bon tuto.
Ca m'a permis de me remettre en tête des basiques HTML que j'avais oublié.
Hâte de passer au développement WP.
Merci !

Seul bémol, certains effets ne sont pas compatibles avec IE8 mais cela reste un tuto très utile. Suffit de debuger. Après tout c'est le fardeau du webdesigner ! "

par vivip
(n'a pas acheté ce tuto - 23 avril 2013)

" Bonsoir,
Nouveau problème...
dans le portfolio, que je passe sur mes images, pas de problèmes, je vois le titre et la catégorie. Par contre quand je clique sur une image, j'ai un message d'erreur comme quoi la page n'existe pas... message du fichier index.php et non du ficher single-portfolio.php...
Je ne trouve pas l'erreur et je ne trouve pas non plus les fichiers source php, est -ce normal ? Je n'ai que les sources des fichiers HTML
Merci de m'aider "

par spykrew07
(auteur de ce tuto - 11 avril 2013)

" @vivip Oui souvent ce n'est pas grand chose mais on peut avoir de gros bugs :/ Bonne continuation en tout cas ! "

par vivip
(n'a pas acheté ce tuto - 11 avril 2013)

" C'est bon, j'ai trouvé, il me manquait une fin de balise </div>
Maintenant ça marche
PS: j'ai acheté ce tuto la semaine passée et jusqu'à maintenant, c'est parfait, merci "

par vivip
(n'a pas acheté ce tuto - 11 avril 2013)

" Le float:left y est...dois-je le mettre ailleurs ?
.work {width:200px; height:100px; position:relative; background:url(img/motif.png) top left repeat; float:left; margin-right:14px; margin-bottom:14px;} "

par spykrew07
(auteur de ce tuto - 11 avril 2013)

" @vivip Il doit manquer un float:left pour qu'elles soient alignées ;) "

par vivip
(n'a pas acheté ce tuto - 11 avril 2013)

" Bonjour,
J'ai un petit problème, dans la page Portfolio, j'ai mis mes images et je n'arrive pas à les mettre en ligne, elles sont toujours en colonne.
J'ai comparé mon fichier style avec le fichier source et je ne trouve rien...pour finir, j'ai mis le fichier source à la place du mien et c'est pareil.
De même sur la page présentation, l'image est à moitié sur la partie blanche et à moitié en dehors...
Je travaille sur Google Chrome
Merci d'avance pour la réponse "

par sylviegka
(n'a pas acheté ce tuto - 01 avril 2013)

" Merci beaucoup :) "

par spykrew07
(auteur de ce tuto - 01 avril 2013)

" @sylviegka C'est dans ton compte ou il y a tes vidéos tu as "visionner" et "télécharger les sources" ;) "

par sylviegka
(n'a pas acheté ce tuto - 01 avril 2013)

" bonjour j'ai acheté le tuto complet de votre formation le 30 mars - et je ne vois pas où se charge le fichier zip . Merci de votre réponse "

par dadouxa voté :
(a acheté ce tuto - 23 mars 2013)

" Encore merci pour ce tuto ! toujours aussi instructif "

par spykrew07
(auteur de ce tuto - 18 mars 2013)

" @drckjp Content que ça t'es plu ;) "

par drckjpa voté :
(a acheté ce tuto - 17 mars 2013)

" Très bien expliqué, un peu rapide pour moi suivre (lol), mais très clair :) "

par Azzelus
(a acheté ce tuto - 18 décembre 2012)

" Oh oui, autant pour moi je me suis trompé de tuto, j'en suis au développement...
Encore désolé, je vais poster mon problème au bon endroit. "

par spykrew07
(auteur de ce tuto - 18 décembre 2012)

" @Azzelus Je ne comprend pas trop ton problème car en fait dans cette partie on s'occupe que de l'intégration html/css donc il n'y a normalement pas de fichier header.php ... tu as commencé la partie développement ? "

par Azzelus
(a acheté ce tuto - 17 décembre 2012)

" Car par 2 fois j'ai téléchargé le fichier, des fois que ce soit un soucis lors du téléchargement et toujours pareil :/

Donc pour ma comparaison avec le fichier source je me retrouve un peu bloqué "

par spykrew07
(auteur de ce tuto - 17 décembre 2012)

" @Azzelus Heu non lol ce n'est pas normal il ne peut pas y avoir que ça dans le fichier header.php "

par Azzelus
(a acheté ce tuto - 16 décembre 2012)

" Je viens de regarder le header.php que tu mets à disposition, et bizarrement on ne trouve que cela à l'intérieur :


> "> /nivo.css" /> " /> >
" id="logo">Web Agency 'main', 'container' => 'nav', 'items_wrap' => '
%3$s
') ); ?&gt;


Ni doctype ou balise head... est-ce normale ? "

par spykrew07
(auteur de ce tuto - 15 décembre 2012)

" @Azzelus Essayes de comparer avec les fichiers sources tu as du faire une petite erreur quand tu as déclaré ton menu je pense. "

par Azzelus
(a acheté ce tuto - 15 décembre 2012)

" J'ai un problème lors de l'intégration du menu.

Donc tout le code est bon sauf que au lieu de me m'afficher mes menus "actualités" et "accueil" dans leur style css il m'affiche juste /ul> sans style css

Je ne comprend pas "

par jjocea voté :
(a acheté ce tuto - 14 décembre 2012)

" Tout simplement GE-NIAL ! Ce tuto est un véritable don du ciel pour un débutant... extraordinairement bien pensé, superbement bien expliqué. Une perle... tout comme son auteur que je remercie du fond du coeur.
Merci Adrien "

par claba voté :
(a acheté ce tuto - 14 décembre 2012)

" Expliqué clairement et simplement
La compréhension est facilitee par le formateur qui explique à un bon rymthe. J'ai suivi depuis le premier tuto sur wordpress, j'attaque la 3eme partie en espérant qu'elle soit aussi claire.
Merci "

par spykrew07
(auteur de ce tuto - 16 novembre 2012)

" @thoma13 Cette partie du tuto c'est l'intégration donc on créé ensemble des pages HTML stylisées avec du CSS. Pour avoir le backoffice qui permet de gérer le contenu des pages dynamiques c'est l'autre partie qui concerne le développement du thème WordPress qui est la : http://fr.tuto.com/wordpress/creer-un-site-wordpress-developpement-wordpress,26060.html

Mais l'une ne vas pas sans l'autre car si tu ne fais pas d'intégration au départ c'est galère de créer son thème et de tout faire en même temps.

Bonne continuation ;) "

par thoma13
(n'a pas acheté ce tuto - 16 novembre 2012)

" Est il administrable depuis la page admin de Wordpress une fois installé ? Et donc utilisable pour une personne qui n'a aucune connaissances en langage de programmation ? "

par silentboba voté :
(a acheté ce tuto - 15 novembre 2012)

" Très bon tuto ! Je connais déjà bien l'intégration html/css, mais j'ai appris quelques astuces en css 3 et js que je ne connaissais pas. Je pense qu'un débutant en intégration sera un peu perdu car ça va un peu vite. C'est un tuto pour quelqu'un qui manipule déjà un peu le html et le css. "

par spykrew07
(auteur de ce tuto - 09 novembre 2012)

" @Greg1 L'intégration c'est créer la structure html/css/jquery (pages statiques) et le développement c'est créer le thème wordpress à partir de cette intégration. "

par Greg1
(n'a pas acheté ce tuto - 09 novembre 2012)

" rebonjour, en fait ,j ai suivi tes formations, a a z pour creer la maquette complete avec photoshop, la j attaque ,le site onepage ,html,css et jquery, pour ce qui des bases en html ,ca peut aller ,je voulais savoir la difference entre ces deux la ,integration et developpement?

merci "

par spykrew07
(auteur de ce tuto - 08 novembre 2012)

" @Greg1 Si tu te poses la question, je te suggère de commencer par apprendre le html/css (regardes mes autres tutos) puis de revenir sur cette formation. Tu va galérer à tout assimiler sinon. Bon courage !! "

par Greg1
(n'a pas acheté ce tuto - 08 novembre 2012)

" Bonjour, j ai une question sur vos tuto , cest quoi la difference entre l intregration et le developpement dans vos formations ? est ce que je peux modifier les emplacement de base de wordpress, ou dois je suivre le plan de base ,(header,footer,...) ,comment integrer une maquette photoshop (un theme) differente du model de base de wordpress , est ce possiblel?!
je suis novice

merci "

par spykrew07
(auteur de ce tuto - 22 octobre 2012)

" @thesdumarche Content que tu es trouvé ton erreur tout suel ;) Bonne continuation !! "

par thesdumarche
(a acheté ce tuto - 22 octobre 2012)

" OUI, tout à fait, mais peut-être confus dans les explications...Mais j'ai réglé mon problème en enlevant " .toLowerCase() " de la fonction filtre et tout est pile-poil... :0)
merci

"

par spykrew07
(auteur de ce tuto - 22 octobre 2012)

" @thesdumarche Je ne comprends pas ce que tu veux faire exactement car ce que tu expliques c'est ce que nous faison dans le tuto non ? "

par thesdumarche
(a acheté ce tuto - 21 octobre 2012)

" Salut spykrew07

J'ai fait le filtre sur les catégories et cela fonctionne bien dans wordpress, sauf que j'ai due inscrire toutes mes catégories en minuscule sinon la fonction me donne le nom de la catégorie avec la première lettre en majuscule et là le filtre ne fonctionne pas.

Y a-t-il un moyen pour conserver le nom des catégorie avec la première lettre en majuscule et que la fonction me retourne le tout en minuscule?

ex: nom de la catégorie originale : Coup de Coeur -- la fonction me retourne : Coup de Coeur donc non filtrable car fonctionne sur lowercase.

Voici la fonction:

&lt;?php query_posts('showposts=-1'); ?&gt;
&lt;?php while (have_posts()): the_post(); ?&gt;

&lt;?php
$terms = get_the_terms($post->ID, 'category');
$terms_name = array();
foreach ($terms as $term) { $terms_name[] = $term->name ;} ?&gt;

<div class="post &lt;?php echo $name = $term-<name; ?<">

Si echo retourne slug, j'ai des traits d'union dans le nom de la catégorie et le filtre ne fonctionne pas

merci pour ton aide "

par spykrew07
(auteur de ce tuto - 15 octobre 2012)

" @thesdumarche Oui tu peux faire exactement la même chose. Tu n'auras même pas besoin de créer un Custom Post Type puisqu'il te suffit d'utiliser les catégories des articles simples. Bonne continuation ;) "

par thesdumarche
(a acheté ce tuto - 14 octobre 2012)

" Bonjour,

Est-il possible d'utiliser le filtre que vous utiliser pour les travaux de ce tutoriel dans un blog pour classer les articles. Enfin pour faire les mêmes recherches par filtres de catégories.

J'aimerais bien que tous les articles se retrouvent dans une seule page d'actualités et que nous puissions filtrer les articles par catégories.

Je commence l'apprentissage de wordpress et avant de brûler du temps à faire des essais, je pose cette question, même si elle peut paraître simple pour certain.

Merci "

par KmozKorporatea voté :
(a acheté ce tuto - 10 octobre 2012)

" Très intéressant. Rendu très propre. Parfait pour passer au html5. "

par jfgrimarda voté :
(a acheté ce tuto - 28 septembre 2012)

" Vraiment professionnel. Même si on ne connait pas tout de la programmation, on en arrive à comprendre et apprendre :) "

par spykrew07
(auteur de ce tuto - 19 septembre 2012)

" @salomon1997 Cette partie concerne l'intégration du thème en HTML/CSS/JQUERY c'est indispensable pour avoir une base solide quand on commence un projet.

Ensuite, il faudra se tourner vers la suite de celle-ci qui concerne le développement du thème de A à Z à partir de l'intégration précédemment créée.

PARTIE 1 : Installation & Tour d'horizon de l'administration de WP
http://fr.tuto.com/wordpress/installation-tour-d-horizon-de-l-admin-de-wordpress-wordpress,25097.html

PARTIE 2 : Intégration (création des pages en html/css + interactions avec jquery)
http://fr.tuto.com/wordpress/creer-un-site-web-wordpress-l-integration-wordpress,25827.html

PARTIE 3 : Développement (création du thème, installation plugins...)
http://fr.tuto.com/wordpress/creer-un-site-wordpress-developpement-wordpress,26060.html

Voila, si tu fais tout ça tu sera bien dégrossi sur Wordpress et tu pourras être plus autonome dans la création des tes futurs projets.

Après avoir fait tout ça, tu pourras regarder tous mes autres tutos sur WordPress qui te permettront de t'améliorer encore plus.

Bonne formation, et n'hésites pas si tu as d'autres questions. "

par salomon1997
(n'a pas acheté ce tuto - 19 septembre 2012)

" bonjour,on ma rédiger vers votre tuto mais je ne sais pas si c'est exactement ce que je recherche. est ce que votre tuto apprend a cree le theme de A a Z ? parce que je n'ai aucune notion...merci :) "

par Azzelus
(a acheté ce tuto - 18 septembre 2012)

" Oui mais du coup lorsque je met la souris dessus elles ne sont plus là, désolé j'ai mal posé ma question.

Je veux le même effet que sur ton exemple, sauf que par défaut elles restent fixent, surement une erreur de ma part quelque part mais je ne vois pas où. "

par spykrew07
(auteur de ce tuto - 18 septembre 2012)

" @Azzelus Ben tu mets l'opacité des flèches à 0 tout simplement. "

par Azzelus
(a acheté ce tuto - 18 septembre 2012)

" Je bloque sur un point... sur le slider, mes flèches prev et next restent affichées, même quand ma souris n'est pas dessus. Comment les faire disparaitre lorsque ma souris n'est plus dessus ?
Merci d'avance. "

par spykrew07
(auteur de ce tuto - 18 septembre 2012)

" @Azzelus Merci ça fait plaisir, et c'est cool de ta part de donner un coup de main aux autres ;) Bonne continuation ! "

par Azzelus
(a acheté ce tuto - 18 septembre 2012)

" @manchegoo: Pour ma part j'ai eu le même soucis, car je mettais uniquement référé à la vidéo, et c'est vrai que l'on voit mal les lignes de code parfois.

Mes erreurs étaient au niveau de la fermeture des balise des fonctions du .js ou je pensais que ça se terminais par: )); or que c'est });

Télécharge le .zip proposé pour vérifier tes erreurs en espérant que ce soit ça. Bon courage.

Et je profite pour féliciter le travail fournie par Adrien, très bon tuto ! Hâte de terminé et de passer à la suite ! "

par spykrew07
(auteur de ce tuto - 17 septembre 2012)

" @manchegoo Non ça va être dur de t'aider comme ça car cela peut venir de plusieurs choses (jquery mal chargé, une faute de frappe dans le site.js ...) donc le mieux c'est de bien regarder les fichiers sources et de comparer avec les vôtres pour trouver l'erreur, souvent ce n'est pas grand chose. "

par grassela voté :
(a acheté ce tuto - 17 septembre 2012)

" Bluffant de clarté et de pertinence ! Tuto dense, parfaitement présenté donc un suivi facile :)
En cas de question technique, où/comment te contacter ? ici pas forcément idéal ...
merci. "

par manchegoo
(a acheté ce tuto - 16 septembre 2012)

" Bonjour et merci au formateur pour le partage de ce savoir. Je viens de me lancer il y a peu dans le tutoriel. Tout va jusqu'à l'intégration du slideshow. J'ai vérifié mes chemins entre mon dossier racine et mes fichiers... Malheureusement le slideshow ne s'intégre pas ou du moins il ne permet pas de faire glisser les images 2 et 3. Avez vous des pistes à me donner ?

Cordialement. "

par sakurasana voté :
(a acheté ce tuto - 12 août 2012)

" SUPER!!! Merci !!! "

par doctor-pixela voté :
(a acheté ce tuto - 05 août 2012)

" Intéressant.... on découvre des techniques.. par contre ce tuto n'a rien à voir avec wordpress en lui même, c'est du html css Js, mais c'est la préparation au tuto partie 3 "

par gaoda voté :
(a acheté ce tuto - 24 juillet 2012)

" très bon tutoriel, complet, de nombreux points abordés en css et html. C'est bien d'avoir déjà des bases si on veut aller plus vite car il est quand même assez long (3h25) mais d'autant plus complet ce qui le rend d'autant plus intéressant. "

par 6rilmxa voté :
(a acheté ce tuto - 21 juillet 2012)

" C'est clair, c'est propre. Merci.
Tuto et formateur très recommandables "

par spykrew07
(auteur de ce tuto - 18 juin 2012)

" @dadoulaurianne Merci pour ton com, et bon courage pour la 2ème partie ;) "

par dadoulauriannea voté :
(a acheté ce tuto - 18 juin 2012)

" Super tuto, je passe au développement maintenant, continue comme ça et merci :) "

par maissouma voté :
(a acheté ce tuto - 06 juin 2012)

" super tuto, merci pour cette révision des languages html et css. "

par atari1971a voté :
(a acheté ce tuto - 24 mai 2012)

" Excellent tutorial. Moi qui pensait qu'il falait s'embeter à faire sa page modèle avec wordpress :) !!

Merci encore. Maintenant je vais passer au développement wordpress !!! "

par Myavgeusina voté :
(a acheté ce tuto - 22 mai 2012)

" Merci spykrew07 ! Encore un super tuto. J'ai appris pleins de chose :-) "

par Ferdia voté :
(a acheté ce tuto - 13 mai 2012)

" Très bon tuto, très bien expliqué :)
Cette partie concernait la création du design du site. C'est toujours trés intéréssent de voir les truc et astuce de la création d'un design. "

par Godinmastaa voté :
(a acheté ce tuto - 25 avril 2012)

" Génial ! Avec 2 3 notion vite fait sur Dreamweaver et Photoshop en plus, c'est impeccable pour se faire un petit site ( en prennant son temps... lol ! ) Thierry : ) "

par benouetfaba voté :
(a acheté ce tuto - 14 avril 2012)

" Super, très joli rendu mais au début, il est bien dit qu'il sagit de la création d'un thème wordpress... hors, ce n'est qu'à la fin de la formation qu'on entend une petite phrase qui dit que pour la création du thème ça ira très vite, qqs balises bien placées... etc. et rdv à la deuxième partie!
Je suis très contente d'avoir apris tout cela mais ce n'est pas ce à quoi je m'attendais en achetant ce tuto... :( "

par blair89a voté :
(a acheté ce tuto - 09 avril 2012)

" Bravo, j'y connaissais rien en css, mais à l'issue de cette fomation, je peux sans souci modifier les fichiers sources fournis pour les adapter à mes besoins.
Je ne pourrai bien sûr pas refaire le site de zéro, mais refaire une maquette simple avec une sidebar je pense pouvoir.
Cela me donne envie d'aler plus loin dans le html/css en tout cas. Merci ! "

par NoXoNa voté :
(a acheté ce tuto - 22 mars 2012)

" Merci beaucoup, ça va très vite mais une fois que c'est rentré on arriverai presque à suivre en même temps de faire. merci. "

par masabetiweba voté :
(a acheté ce tuto - 20 mars 2012)

" je ne regrete pas mon achat, très clair et j'ai appris beaucoup
merci "

par Benapsea voté :
(a acheté ce tuto - 17 mars 2012)

" Très bonne formation, claire et très bien expliquée. Elle permet de voir / revoir les bases du HTML / CSS, d'acquérir des bonnes pratiques, tout en voyant quelques petits trucs et astuces.
Bravo au formateur ! "

par Misuwaa voté :
(a acheté ce tuto - 15 mars 2012)

" Excellent tuto, bravo ! Je regrette simplement que les prix des tutos s'enflamment depuis quelques mois...dont celui-ci et le suivant que j'ai acheté également. "

par BLONDINa voté :
(a acheté ce tuto - 11 mars 2012)

" Bravo pour ce tuto parfaitement détaillé que je recommande.
Bien qu'étant débutant j'ai pu suivre avec interêt le déroulement.
J'espere à présent pouvoir suivre la troisième partie sans déccrocher et réussir à appliquer tout ça sur un wp perso avec une personnalisation tout de même... :-) nottament des diaporamas dans le portfolio car le but est une présentation de travaux photos.
"

par Misuwaa voté :
(a acheté ce tuto - 08 mars 2012)

" Oui merci spykrew07, c'est ce que j'aurai voulu en fait, démarrer avec les fichiers décris sans passer par un nettoyage des fichiers. Disons que pour un novice ça va lui compliquer les choses, un petit zip des fichiers d'origine eu été plus judicieux, même s'il est vrai que ça va me prendre 3 mn à faire. Merci pour ta réponse en tout cas, je m'y lance aujourd'hui... j'ai la suite qui m'attend en plus... Bye ! "

par spykrew07
(auteur de ce tuto - 08 mars 2012)

" @Misuwa Tu as toutes les sources nécessaires dans le fichier .zip Ce que tu vois au début de la vidéo ce ne sont que les fichiers de base que j'ai pour commencer l'intégration. Tout est dans les sources, je ne comprends pas ce que tu veux avoir en plus ? Si tu veux démarrer le tuto en même temps que moi, tu gardes juste le dossier images, le fichier site.js tu le vide ainsi que la feuille de style, et index.html tu ne gardes que l'en-tête et ton body.

J'espère avoir répondu à ton interrogation, n'hésites pas à revenir vers moi si tu as d'autres questions. Merci de ton achat !

Bye ! "

par Misuwaa voté :
(a acheté ce tuto - 07 mars 2012)

" Bonjour spykrew07,
J'ai du mal à comprendre, le tuto débute et au bout de 50s on démarre avec des fichiers et répertoires déjà créés mais qui ne sont pas dans le fichier zip du projet. Où sont ces fichiers et pourquoi ne sont-il pas en l'état dans le zip ? Merci d'avance. "

par spykrew07
(auteur de ce tuto - 02 mars 2012)

" @Linyor C'est un propriété CSS3 qui n'est pas utilisé de la même manière sur tous les navigateurs. Il faut utiliser tous les préfixes comme les border radius :

transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;

Bon courage et merci du retour ;) "

par Linyor
(a acheté ce tuto - 01 mars 2012)

" Bonjour et encore bravo pour ce tuto. Juste une petite question, cette balise "-webkit-transition:0.5s" pour la barre de recherche ne fonctionne pas chez moi, j'ai essayer sur ta maquette fourni avec et cela ne fonctionne pas non plus, il n'y a pas de transition. D'où vient le problème? de mon navigateur? j'utilise Firefox.

Cordialement. "

par jeffB
(a acheté ce tuto - 29 février 2012)

" Le tut est très intéressant pour ceux qui veulent aborder le HTML 5 et le CSS 3, juste une remarque concernant les différents types d'input, pour une meilleur sémantique HTML.
Pour le formulaire de recherche, on peut employer la balise &lt;input type="search"&gt; plutôt que le input text, pareil pour le mail, téléphone et site internet dans le formulaire de contac.
J'ai appris certaines astuces très utiles pour éviter des flot sur certains élément.
Dernière chose j'ai particulièrement apprécié l'accent anglais avec les wiizzee.
Je passe à l'étape suivante !
Merci pour ce tut.
"

par spykrew07
(auteur de ce tuto - 22 février 2012)

" @neelo C'est une habitude que j'ai pris pour placer mes éléments au pixel près depuis ma maquette photoshop. Tu n'es pas obligé de faire comme moi si tu a une autre manière de travailler. Merci de ton retour ;) "

par neelo
(a acheté ce tuto - 22 février 2012)

" Hello !!
Excellent tuto !
Par contre, petite question ... pourquoi dans le "header" tu utilises systématiquement le positionnement en "absolute" ?
Bonne continuation "

par spykrew07
(auteur de ce tuto - 21 février 2012)

" @imoun Cette partie c'est juste l'intégration HTML/CSS/Jquery, mais la partie développement est sortie il y a quelques jours et nous développons ensemble un thème de A à Z qui fonctionnera sans un aucun autre thème. Bonne formation !! "

par teddyboba voté :
(a acheté ce tuto - 20 février 2012)

" 5
"

par imoun
(a acheté ce tuto - 20 février 2012)

" Bonjour spykrew07, est ce que vous avez crée un child theme à partir d'un parent theme ds ce tuto ou bien un theme à partir d'un design personnel ( mon souci c quand on fait une mise à jour de WordPress, la Parent theme est mise à jour alors il faut que les modifications soient présérvées donc il vaut mieux créer un child theme? Merci "

par spykrew07
(auteur de ce tuto - 20 février 2012)

" @jjoce Le suite est déja sorti ;) Merci de ton retour !! "

par Jean LouisCouvelarda voté :
(a acheté ce tuto - 20 février 2012)

" Magnifique tutoriel,précis,clair.!
Pas besoin d’attendre la suite ,jais les deux ..:) "

par jjocea voté :
(a acheté ce tuto - 19 février 2012)

" Excellentissime !
Parfait !
J'attends la suite avec impatience... "

par shagga voté :
(a acheté ce tuto - 17 février 2012)

" 5 "

par devlwanteda voté :
(a acheté ce tuto - 16 février 2012)

" Excellent tuto ! J'attends la suite avec impatience. :)
Petite question tout de même : as-tu utilisé une police spéciale pour le logo ? Si oui, laquelle ? Où est-ce simplement du tracé vectoriel sous Illustrator ?
Merci d'avance :) "

par spykrew07
(auteur de ce tuto - 16 février 2012)

" @Osean Oui ça va arriver t'inquiète pas, presque 5h de vidéo !! J'ai fini de l'enregistrer, il faut que je fasse le montage maintenant, et j'envoi à la modération bientôt ;) "

par Oseana voté :
(a acheté ce tuto - 15 février 2012)

" Tout d'abord bravo pour ce tutoriel!
Très explicite et bien conçu!
Tes petites astuces et autres sont très pratique et permette d'économiser un temps fous!

Maintenant la question est quand est-ce que la suite arrive :D.
Désolé j'ai toujours été impatient et il me semblait avoir lu début de cette semaine :p.
Je te blame pas, je me réjouis juste de la suite.

Cordialement,

Osean "

par spykrew07
(auteur de ce tuto - 15 février 2012)

" @imoun C'est une partie essentielle à la création d'un thème sur WordPress. Dans la 2ème partie nous ne reviendrons pas sur l'intégration, et nous nous occuperons que du développement. Donc je te conseille de regarder cette partie d'abord, comme ça tu aura l'intégration complète pour attaquer la seconde partie sereinement. Bye ! "

par imoun
(a acheté ce tuto - 14 février 2012)

" Bonjour Spykrew, est ce que ce tuto est suffisant pour savoir comment créer son propre theme? si non quand la deuxieme partie sera disponible? "

par spykrew07
(auteur de ce tuto - 14 février 2012)

" @YannDMX Merci à toi pour ce super commentaire !! ça fait vraiment plaisir ;) "

par YannDMXa voté :
(a acheté ce tuto - 14 février 2012)

" J'ai tout adoré ! J'avais bien compris que ce tuto traitait de la création de la structure des pages html qui serviront au tuto suivant pour fabriquer le thème destiné à Wordpress.
Les astuces de prog sont vraiment excellentes.
Un tuto de qualité qui vous évitera que passer 15 heures dans google à chercher des infos relatives à CSS3 HTML5 et JQ et perdre un temps fou à tester des bouts de codes éparses et inutiles.
Dans ce tuto, tout s'enchaine clairement pour vous amener à un Site complet et de qualité ...

Ne cherchez plus ce tuto WEB 2.0 HTML5 est la réponses à Toutes vos questions et attentes !

Bravo à spykrew07 :-)

"

par antonbatwa voté :
(a acheté ce tuto - 12 février 2012)

" Vidéo achetée, vidéo visionnée (je n'ai pas su attendre !!!).

C'est clair, structuré, très didactique... Bref, c'est parfait pour quelqu'un comme moi qui cherche à développer un p'tit site pour y mettre en ligne mes photos et autres travaux...

Un grand merci à toi et vivement la suite, je ne pense pas résister longtemps à l'acheter mais surtout à la visionner. "

par spykrew07
(auteur de ce tuto - 10 février 2012)

" @lottaviani Je pense sortir la 2ème partie en début de semaine ;) "

par lottaviania voté :
(a acheté ce tuto - 09 février 2012)

" Salut spykrew07,
Je suis en plein dans ton tuto et je me régale!!!
Je ne comprends vraiment pas toute cette polémique autour du sujet, car tout est très claire quant au dèscriptif du tuto. Ne te laisse pas abattre, garde le moral car tu fais vraiment du bon boulot!
Dis-moi par contre quand la sortie de la suite est prévue pour que je puisse enchainer dans la foulée...
A , Lo. "

par spykrew07
(auteur de ce tuto - 09 février 2012)

" @astango Oui c'est l'intégration du site dans cette formation. Tu ne feras que du HTML, du CSS et du JQUERY. Mais ce que beaucoup de monde ne comprend pas, c'est que ce travail la, c'est 70% du travail pour créer un thème WordPress et c'est indispensable pour la suite. "

par astango
(n'a pas acheté ce tuto - 09 février 2012)

" Bonjour,
je rejoins l'avis de stef76, à savoir tu n'es pas assez clair sur les étapes abordées dans cette formation, la description du tuto est un peu trop vague. Tu abordes juste l'intégration html/css dans ce tuto ?
Merci "

par spykrew07
(auteur de ce tuto - 08 février 2012)

" @stef76 Oui ne t'inquiète pas, tu sauras développer ton thème wordpress tout seul à la fin de la partie 2 ;) Merci de ton achat et de ton retour. A bientôt pour la suite ! "

par stef76
(a acheté ce tuto - 08 février 2012)

" Je voulais déjà dans un premier temps m’excuser de mettre énerver et j'espère que l'auteur et d'autres ne m’en-veuillent pas.
En faite sur le coups payer 20€ pour un tuto que tu n'as pas besoins car tu connais ces bases, ça fait pas plaisir .
Mais je redit le titre n'est pas forcément très claire pour tout le monde.

Ceci dit, j'ai quand même regardé ce tuto, et je le trouve très bien fait, bien expliquer et surtout très pédagogique. Donc je le conseil pour tout ce qui veulent apprendre le CSS et HTML.
En tout cas j'ai hâte et espère que la prochaine vidéo me permet d'ajouter mon thème dans wordpress. Encore bravo!!
"

par daboba voté :
(a acheté ce tuto - 08 février 2012)

" Excellent tuto comme d'habitude, merci pour les explications claires. J'attend la seconde partie avec impatience :) "

par lesingea3tetesa voté :
(a acheté ce tuto - 08 février 2012)

" Très bien expliqué, peut être à des moments trop. Des fois je trouve qu'il manque quelques explications mais en testant de ci de là on arrive à comprendre. vraiment le seul bémol c'est j'aurais bien aimé au début qu'il explique pourquoi faire tout ça et le principe dans les grandes lignes puisque là on fait une intégration mais sans savoir trop pourquoi.

Sinon je le conseil.

ATTENTION : il ne parles pas encore du développement du site au sein de wordpress. Il ne fait que la structure en HTML/CSS et JQuery "

par macinstepha voté :
(a acheté ce tuto - 08 février 2012)

" trés bon tuto, ce qui m'a permis de passer au html5 et css3 en douceur.
merci encore. "

par spykrew07
(auteur de ce tuto - 08 février 2012)

" @yannos13113 Oui comme tu le dis, meilleure est l'intégration de départ, plus simple est le développement du thème après. A bientôt donc pour la 2ème partie !! "

par yannos13113a voté :
(a acheté ce tuto - 08 février 2012)

" Je comprend la réaction de certain par rapport au titre du tuto, moi même je ne l' avais pas forcément compris.
C'est peut être claire pour certain, mais pas pour d'autres, qui ont surement compris comme moi, "Intégration d'un site web dans wordpress".
Cependant, je ne suis pas déçu d'avoir acheté ce tuto, tant les explications étaient claires et bien menées.
Et il faut bien préparer le site à "l'intégration" dans wordpress.
Bref, j'attend le 2ème volets avec impatience. "

par Arlacais
(a acheté ce tuto - 08 février 2012)

" J'ai essayé de supprimer mon commentaire précédent. J'ai bien confirmé, et mon commentaire est toujours là.

@spykerew07
Mon but n'était pas de juger ta formation qui je le répète est excellente en tous point.

Ma remarque concerne la newsletter de tuto.com .
Je cite :
"Dans ce tuto Wordpress en vidéo, nous allons voir ensemble, pas à pas, comment intégrer un site web complet Wordpress, à l'aide du HTML5, CSS3 et jQuery."

J'attends la suite avec impatience :-)
Christian

"

par tailivana voté :
(a acheté ce tuto - 07 février 2012)

" Il semble que certains te font un mauvais procès, en effet le titre du tuto est très explicite: Intégration-> HTML, CSS.. De plus dans la vidéo de présentation de plusieurs minutes, tu es très clair sur le contenu de la formation et tu précises également qu'il y aura une deuxième partie consacrée au développement WordPress...
Continue comme cela, et j'attends avec impatience de nouveaux tutos WordPress...
José "

par spykrew07
(auteur de ce tuto - 07 février 2012)

" @antonbatw UN ENORME MERCI pour ton commentaire qui me rassure beaucoup !!! J'ai passé beaucoup de temps à préparer cette formation, et franchement avoir des retours comme ça, ça me démoralise :/ J'espère que celle-ci te plaira, et il y aura certainement la 2ème partie pour développer le thème qui sera sorti aussi ;) Encore merci à toi et à bientôt ! "

par antonbatwa voté :
(a acheté ce tuto - 07 février 2012)

" Je n'ai pas encore acheté la formation non plus mais je voulais simplement dire que le titre est parfaitement explicite : on parle ici d'intégration donc bel et bien des fichiers html et css auxquels tu ajoutes du jquery.

Bref, ça me fait saliver mais j'ai d'autres priorités pour l'instant. Toutefois, dès que je me serai libérer de mes obligations, je saute sur l'occasion pour enfin partir clairement d'une bonne base pour arriver au développement sur Wordpress.

Merci de nous proposer une telle formation, qui plus est, très attendue par bon nombre d'assidus à tuto.com.

Bien à toi cher spykrew07 "

par spykrew07
(auteur de ce tuto - 07 février 2012)

" @liljab Dans ce tutoriel, tu vas partir de zéro et nous allons créer ensemble la STRUCTURE HTML avec la feuille de style CSS ainsi que du jquery. A la fin de la formation, on aura donc que des fichiers HTML qui nous permettront dans la 2ème partie de développer le thème WordPress. Celle-ci sortira en début de semaine prochaine.

J'espère vous avoir éclairer, et ce n'est en aucun cas mon but d'arnaquer qui que ce soit. L'intégration d'un site n'est pas du développement.

Merci d'avance si tu décides d'acheter cette formation. "

par liljab
(a acheté ce tuto - 07 février 2012)

" Bonjour spykrew07,

à lire certain commentaires, apparemment la description ne correspondrait pas au contenu... Je ne l'ai pas acheté donc je ne peux juger moi même de ce qu'il en est. C'est pourquoi, je voulais savoir, avant d'acheter, si ça correspond à ce dont j'ai besoin ou pas.
Je cherche un tuto qui explique comment créer un template Wordpress, bref toutes les étapes de créations d'un développeur Wordpress et pas d'un utilisateur. Je connais Wordpress très bien en tant qu'utilisateur et je n'ai pas besoin d'un tuto sur comment s'en servir mais bien, comment en créer. Alors, ton tuto répondrait à mes attentes ?
Merci d'avance pour tes lumières. "

par spykrew07
(auteur de ce tuto - 07 février 2012)

" @stef76 La partie 2 qui sera : Créer un site web Wordpress : Développement arrive début de semaine prochaine. L'intégration ça veut bien dire que l'on fait la base HTML/CSS/Jquery du site. Je ne peux pas être plus explicite. Désolé que tu es mal compris. J'espère que tu n'es pas trop déçu et que la seconde partie te plaira. Bonne formation !! "

par stef76
(a acheté ce tuto - 07 février 2012)

" Bonjour,
Je reste perplexe vis à vis de ce tuto. Je viens de le télécharger, le titre dit bien
"Tuto Créer un site web Wordpress : l'intégration"
INTEGRATION, or dans le visonage de la vidéo, on vois simplement le codage d'un site WEB.
Je ne vois nul part comment intégrer le site créer dans le wordpresse.
Pour 22€ ca fait mal! "

par tailivana voté :
(a acheté ce tuto - 07 février 2012)

" Tuto très intéressant, et très explicite..
Ai hâte de suivre la partie II..
En espérant qu'elle arrivera très vite!
José "

par NectArta voté :
(a acheté ce tuto - 07 février 2012)

" Hello, Spykrew, Big Up à toi ! t'as bien fais d'utiliser CSS3 et HTML5 pour ton tuto. J'attends la suite avec impatience. ++ "

par spykrew07
(auteur de ce tuto - 07 février 2012)

" @pbsl Merci de ton retour toujours très positif :D La 2ème partie va être énorme, je te le promets ! Tu sauras développer un thème wordpress les doigts dans le nez ;) "

par spykrew07
(auteur de ce tuto - 07 février 2012)

" @zaurelie La 2ème partie pour le développement du thème sur WordPress devrait sortir en début de semaine prochaine. Bonne formation ;) "

par pbsla voté :
(a acheté ce tuto - 07 février 2012)

" Tuto de très bonne qualité comme à l'habitude !
Seul regret, on s'attendait à une réelle intégration sous Wordpress, qui semble être l'objet d'une seconde partie à venir, j'espère pour très bientôt car, sur le coup, on reste un peu &quot;sur notre faim&quot;... "

par zaurelie
(a acheté ce tuto - 07 février 2012)

" Bonjour, j'aimerais savoir quand va sortir la deuxième partie s'il vous plait. Merci par avance. Bonne journée "

par nicolas
(Tuto.com Team member - 06 février 2012)

" Une formation simple, claire et très bien expliquée. Après avoir visionner cette vidéo, vous aussi vous serez en mesure d'utiliser Wordpress pour intégrer un site web. "

 

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 Wordpress 3.3 d’une durée de 3 heures 25 minutes a été acheté 590 fois et a reçu une note moyenne de 5/5.

Ce tuto a été publié le 5 février 2012 par spykrew07, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4,8/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 video 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.

N'hésitez pas à nous contacter si vous avez la moindre question !