Tutoriel Vidéo WordPress : Créer un site Wordpress depuis une maquette HTML

Bienvenue dans la seconde partie de ce tutoriel consacrée à la création d'un site Wordpress à partir d'une maquette HTML. Ce tutoriel fait suite au Tutoriel de Creatiq.fr sur la création d'une charte graphique et d'une maquette HTML.


Télécharger la vidéo
(Réservé aux premiums)

Télécharger les sources
(Réservé aux premiums)


Après avoir appris sur Internet quoi de plus normal que de partager à son tour ? Passionné par le web depuis un peu plus de 5 ans maintenant j'aime partager mes compétences et mes découvertes avec les personnes qui ont cette même passion pour le web : Vous.

Vous aimerez aussi

Créer une homepage personnalisée

Créer une homepage personnalisée
9m

Dans ce tutoriel vidéo vous apprendrez comment créer une page d'accueil...

Installer Wordpress en Local

Installer Wordpress en Local
5m

Dans ce tutoriel vous découvrirez comment installer Wordpress en local...


Créer un site Wordpress depuis une maquette HTML

Créer un site Wordpress depuis une maquette HTML
1h47

Bienvenue dans la seconde partie de ce tutoriel consacrée à la création...

Découper et intégrer une maquette de blog, Part1

Découper et intégrer une maquette de blog, Part1
1h55

Ce tutoriel a été réalisé en collaboration avec Grafikart. Nous allons...

Découper et intégrer une maquette de blog, Part2

Découper et intégrer une maquette de blog, Part2
1h18

Seconde partie et fin du tutoriel concernant le découpage et...

87 commentaires
Ajouter un commentaire

kigmor Il y a 12 jours Répondre

Après vérification, l'url_rewriting n'était pas activée dans wamp. C'est donc réglé.

kigmor Il y a 12 jours Répondre

Bonjour,
Je tente de modifier l'url rewriting pour mettre l'urlrewriting personnalisé mais il ne trouve pas la page, seule la présentation par défaut fonctionne. Comment faire?

pain Il y a 2 mois Répondre

bonjour a tous j'ai un petite probleme (en réalité un big ) je n'arrive pas a accédé a l’administration errure mot de passe
est qaund je verifier ma base aucun user n’enregistrer .
plz qlq peut m'aider

dadoux Il y a 2 mois Répondre

Bonjour à tous j'ai un petit avec l'intégration de zoombox et zgallery
est ce que quelqu'un peux m'aider svp !?


<a href="<?php echo $image_url; ?>" class="zoombox zgallery<?php the_ID();?>"><?php the_post_thumbnail();?></a>


<?php foreach (get_attachments() as $img): if($img=>ID != $image_id): ?>
<a href="<?php echo $img=>guid; ?>" class="zoombox zgallery<?php the_ID();?>"></a>

<?php endif; endforeach;?>

Avec le code suivent j'ai un syntaxe error et il ùe dit que $img n'est pas utilisé !

Quelqu'un peux m'aider car j'ai fais ce qu'il fallait du moins je pense !
Merci par avance

MaxXx Il y a 2 mois Répondre

Bonjour,

je me permets de poster un commentaire car j'ai un petit soucis au niveau de la sidebar. Jusqu'ici tout se passe bien mais après avoir effectué toutes les indications pour la création de la sidebar, celle-ci n’apparaît pas en front-office.
une petit idée de ce que pourrait-être mon problème?

Merci

dadoux Il y a 2 mois Répondre

Je crois qu'il y a un truc qui ne va pas sérieux ! à partir du moment où j'ai creé tous mes fichier comme il faut et tout... ben rien ! rien ne se passe comme ça devrait pas css rien !!!

zak Il y a 3 mois Répondre

Bonjour ,
j'ai eu un peu de mal à lié le footer et le header à l'index , il faut ajouter dans le fichier index ->

<?php get_header(); ?>

/* code de index.php */

<?php get_footer(); ?>

Folki Il y a 3 mois - Répondre

Oui c'est bien ça, sans oublier d'intégrer le wp_footer() dans ta page footer ainsi que wp_header() dans ta page header

Krips971 Il y a 3 mois Répondre

Je ne vois pas mon footer svp aidez moi

Folki Il y a 3 mois - Répondre

Est-ce que dans ta page index la fonction get_footer() est bien intégerer à l'intérieur ??

dadoux Il y a 3 mois Répondre

Re bonjour j'ai un problème concernant ce tutoriel, mon css n'est pas lié pourtant j'ai fais ce qu'il fallait !
Dans mon dossier themes j'ai bien mis mon theme et dedans j'y ai mis mon fichier css header.php footer.php, index.php, functions.php, screenshot.png et un dossier images contenant mes images !

Mais ma page index.php n'affiche que son contenu ! Le peu de html qu'il a et pas de mise en page css !? Quelqu'un sais pourquoi ?

En plus j'ai bien écris <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" /> dans le head de header.php !

aurais-je oublié quelque chose ? pourquoi mon css n'est il pas reconnus ?
C'est à ne rien comprendre ! même les images ne sont pas affiché !
Merci par avance !

Folki Il y a 3 mois

Bonjour Dadoux, il faut tout simplement que tu rajoutes la fonction get_header() dans ta page index.php, pour que ton css soit pris en compte.

dadoux Il y a 2 mois - Répondre

Merci de m'avoir répondu c'est gentil de ta part je vais de ce pas vérifier car j'avais laissé tomber merci encore ! Folki

dadoux Il y a 3 mois Répondre

Bonjour !
Encore merci pour le tuto depuis quelques temps je dors quasiment sur ce site!
Bref j'ai suivis le tuto mais je suis à la version 3.3.1 de wp j'ai fais toute les bonnes démarches dans le header.php mais quant je recharge ma page rien ! que le index.php qui est affiché et en plus pas de mise en page du css ! Rien, j'ai tout vérifié mais rien ne change mon css n'est pas lié on dirait !
que dois je faire !?

Étant donnée que j'ai bien écrit

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" /> dans le head !

caipilora Il y a 5 mois Répondre

J'ai trouvé… J'ai simplement modifier les permaliens

caipilora Il y a 5 mois Répondre

Bonjour et merci beaucoup pour ce tuto! Vraiment très bien, vous êtes des pros!
Cependant j'ai un problème depuis hier. J'ai voulu apporter de nouvelles modifications et les commentaires dans chaque article ne s'affichent plus. Je ne peux donc ni en ajouter ni les visualiser. De plus, lorsque je clic sur le titre d'un article ou sur une image, google m'affiche : Bad Request
Your browser sent a request that this server could not understand.

Avez-vous une idée ? mon début de blog : http://stylograph.fr/blog
Merci d'avance

pointg Il y a 5 mois Répondre

Bonjour,
Tout d'abord merci pour ce super tuto !
Je rencontre un petit problème qui ne me permet plus de continuer.
Lorsque j'actualise ma page après avoir séparé le html en 3 parties, mon header.php et mon footer.php ne s'affiche pas. C'est comme si ils n'étaient pas liés à l'index.
Aurait-tu une solution qui me permettrais d'avancer ?
Merci d'avance.

27 Il y a 4 mois

J'ai le meme probleme que toi, as tu trouvé une solution ?
d'apres mes recherches il est possible que ca soit lié au fichier wp-config mais je ne suis pas sur,
de plus lorsque je regarde la source de blogs sous wordpress, tout l'ancien "index.html" apparait, comme si le tout faisait partie du meme fichier, je suis largué,,,

27 Il y a 4 mois - Répondre

trouvé, un peu tard mais il me manquait les commandes get header et get footer dans mon index.php,,,

jess Il y a 6 mois Répondre

bonjour
j'ai un problème avec ma barre de navigation et ma sidebar , en fait leurs emplacements sont inversés: la barre de navigation se retrouve à la vertical à gauche et sidebar est en haut mais horizontal
quelqu'un sait pourquoi?

DonaldDuck Il y a 7 mois Répondre

Impeccable, comment fais-tu pour tenir un tel rythme? en tous cas: refonte totale, je suis passé à netbeans et wordpress que je trouve absolument trop génial ! ça me démontre que je pourrais surement m'en servir comme un CMS et sans forcément que d'un blog.
Petite question, est'il possible de faire plusieurs boucles sur une même page ? genre pour afficher des actus, des réalisations d'un portfolio etc, le tout sur la page d'accueil par exemple ?

Merci à toi, c'est super !

salude_11 Il y a 7 mois Répondre

Bonjour et merci pour ce tutoriel !

J'ai un problème à partir du moment où on ajoute un article à la homepage. Mes deux vignettes se superposent, et du coup poussent ma sidebar qui part en bas.
Je n'ai rien modifié dans le CSS...donc je ne vois pas trop :/

D'avance merci pour vos réponses !

jess Il y a 7 mois Répondre

j'ai du mal à suivre ,dans quel fichier faites vous des changements à 32:10?

Babacar Il y a 7 mois

à 32minutes 10 il effectue les changements dans le fichier css pour pouvoir remplacer les hyperliens par les boutons du design.

jess Il y a 7 mois - Répondre

bonjour Babacar
il semblerait que ce soit un fichier php(ou html)

je veux savoir lequel ? celui du theme qu'il a créé au de WP installé
merci

jess Il y a 7 mois Répondre

maintenant j'ai un souci avec mon image background , l'image est bien sûr visible sur les themes de WP mais quand je l'active c'est tout blanc

jess Il y a 7 mois Répondre

bonjour j'ai finalement réussi à installer wphpframework
il suffisait juste de lire "read me" c'est mieux expliqué

jess Il y a 8 mois Répondre

bonsoir j'essaie d'installer wphpframework sur wordpress mais j'ai cette erreur:

Warning: require(/home/oyapecom/public_html/wp-content/themes/siteinfo/Framework/.php) [function.require]: failed to open stream: No such file or directory in /home/oyapecom/public_html/wp-content/themes/siteinfo/functions.php on line 2

je voudrais ajouter que j'utilise un hébergeur de site et ce sont eux qui ont eu à faire l'installation de WP

SVP j'ai besoin d'aide

evø Il y a 8 mois Répondre

Bonjour, merci pour ce tuto. J'ai un soucis au niveau du fichiers comments.php.
Voici le message d'erreur :

Cannot redeclare aemv1_comment() (previously declared in C:\wamp\www\wordpress\wp-content\themes\aem_v1\comments.php:5) in C:\wamp\www\wordpress\wp-content\themes\aem_v1\comments.php on line 30

Apparamment il y a un soucis quand je veux fermer ma fonction aemv1_comment().

Quelque aurait il une idée?

Merci

jess Il y a 8 mois Répondre

bonjour je voudrais savoir où mettiez vous le téléchargement de framework , car sur le vidéo on peut pas le voir
bien que l'avoir mis dans le dossier ,après et apres dans bloginfo , il n'apparait pas sur wp
cordialement

Babacar Il y a 8 mois - Répondre

Dans ton dossier Thème tu vas dans le dossier de ton thème ensuite tu crées un dossier framework et tu extrait le contenu de l'archive à cet endroit.
Voila bonne soirée

jess Il y a 8 mois Répondre

juste ce dont je cherche , je vais maintenant le regarder tête posée

Luka Il y a 8 mois Répondre

Pardon, je me suis trompé dans le code de mon dernier commentaire, je voulais mettre celui-ci:

'images' => array(
'post' => array(
array('thumb',593,395,true)
)
)

Je ne comprend vraiment pas pourquoi cela ne fonctionne pas?!

Luka Il y a 8 mois Répondre

Bonjour à tous.
Voilà, je me trouve à 45min du tuto et je me retrouve confronté à un problème que je n'arrive pas à résoudre seul malgrès la re-lecture de mon code.
Mon problème se situe au moment où j'insère ma vignette sur le site... Elle s'affiche bel et bien mais elle garde sa taille original et n'est pas cropée...
Voici un bout du code de mon fichier functions.php:

'types' => array('work'),
'images' => array(
'post' => array(
array('thumb',588,293,true)
)
)

Merci infiniment pour votre aide.

Luka Il y a 8 mois Répondre

Bonjour à vous et merci beaucoup pour ce précieux cours.
Je viens poster sur ce forum car j'ai un petit problème à la 24eme minute du tutoriel (cela concerne la sidebar).
Au moment où j'intègre le code <?php get_sidebar(); ?> , j'ai bien une sidebar qui s'affiche sur mon site, mais dans le back-office, il est noté dans mon onglet Widget que "Le thème que vous utilisez n’est pas conçu pour les widgets, ce qui signifie qu’il ne dispose pas d’une colonne latérale que vous pouvez modifier.".

Est ce que quelqu'un pourrait m'aider car je ne trouve pas de solution à mon problème.
Merci infiniment.

Luka

Babacar Il y a 8 mois

Bonjour Luka le problème ne viens pas de cette ligne de code mais plutôt de ta page "sidebar.php" je pense que tu devrais vérifié que tu n'as pas d'erreur dans ce code la.
La ligne de code <?php get_sidebar(); ?> sauf erreur de ma part est uniquement un appel de la sidebar dans chaque page de ton site est donc n'interfère pas du tout dans l'admission wp or la page sidebar.php si.
Voila dit moi si tu trouves ton erreur sinon copies nous le code de cette page qu'on puisse voir ou se trouver l'erreur en espérant t'avoir aidé bonne soirée!

Luka Il y a 8 mois - Répondre

Merci beaucoup Babacar.
Cela m'a permis de corriger mon erreur.
Merci merci merci.

Cedric Il y a 8 mois Répondre

Un énorme merci ! MERCI !

Xtrem Il y a 9 mois Répondre

Merci beaucoup pour ce super tuto !
J'ai juste quelques problèmes, la structure personnalisé des permaliens ne fonctionnent pas et du coup quand je veux accéder au blog j'ai ce message qui s'affiche : "Not Found
The requested document was not found on this server. "
Je travaille sur un serveur hebergé par Ikoula

Babacar Il y a 8 mois - Répondre

Salut Xtrem,
Si tu utilises Free comme hébergeur, il faut que devant la structure personnalisée tu ajoutes /index.php/
Ce qui te donnes comme structure perso :/index.php/%postname%-%post_id%
Voila ca devrait marché

twilsfax Il y a 10 mois Répondre

vraiment excellent.
Merci

-Nayar. Il y a 11 mois Répondre

J'avance un peu, j'ai trouvé quelque chose comme ça:

<?php query_posts(array('post_type' => array('actu', 'badges-int'))); ?>

-Nayar. Il y a 11 mois Répondre

Bonjour,
J'ai un petit problème avec les post_type.. En fait, j'ai créé des type (catégorie) mais je n'arrive pas à les intégrer. Mais ce que je voudrais faire, c'est en intégrer plusieurs sur une seule page.
Ex: Je voudrais savoir s'il est possible d'intégrer un type comme pour les catégorie:
<?php query_posts(array('category_name' => 'badges-internationnaux')); ?>

Quibbler Il y a 11 mois Répondre

Bonjour,

Je n'arrive pas a installer le framwork

j'ai utiliser :

require TEMPLATEPHATH . 'wp-content/themes/framework/theme.php';
$theme = new Theme();

et j'ai essayé

require_once (ABSPATH . 'wp-content/themes/framework/theme.php';
$theme = new Theme();

Rien ne fonctionne

Est ce que quelqu'un aurais une solution ??

merci de me répondre

salam Il y a 11 mois Répondre

j'attend tjrs la répons , le site dailymotion s'ouvre pas chez moi, si y a une autre lien vers la vedio et Merci?

salam Il y a 11 mois Répondre

j'aimerai bien ce vedio mais dailymotion.com s'ouvre pas chez moi, si possible m 'envoyer une autre lien Merci pour votre compréhension,

Damien Il y a 11 mois Répondre

J'y suis presque !!! Mais malheureusement, j'ai encore un petit soucis... Peut être que quelqu'un pourrait m'indiquer mon erreur?
Je suis à environ 1H25 du tuto (création page folio)! Tout se passe bien jusqu'à ce que j'insère <?php the_post_thumbnail(); ?> pour avoir ma vignette dans mon cadre... le problème est que mon image passe au dessus de la vignette sans prendre en compte mon cadre... et de plus, quand j'insère mon liens:

<?php
$image_id = get_post_thumbnail_id();
$image_url = (wp_get_attachment_image_src($image_id, 'full'));?>

Je retourne sur ma page d'accueil !

Est ce que quelqu'un arrive à mettre le doigt sur mon erreur?
Merci infiniment :-)

Damien Il y a 11 mois Répondre

Je crois que tout fonctionne à présent, je m'explique:
Il faut en fait vérifier dans le fichier de configuration d'apache (httpd.conf) si le module mod_rewrite est bien activé(C:\wamp\bin\apache\apache2.2.6\conf\httpd.conf).
Si cette ligne est précédée d'un # , cela veut dire que le module est désactivé. pour l'activer, il suffit de retirer le # et redémarrer wamp.

damien Il y a 11 mois Répondre

Au moment ou j'insère ma structure personnalisé, mes pages d'exemple ne fonctionnent plus non plus...

Damien Il y a 11 mois Répondre

Bonjour à vous !
Voilà, j'ai un petit problème à 1H19 du tuto... ma restructuration de lien ne fonctionne pas... J'ai pourtant bien enregistrer ma structure : /%postname%-%post_id%.
Est ce que quelqu'un s'est retrouvé confronté au même problème que moi ?
Merci beaucoup

Tomiv Il y a 12 mois Répondre

Tout le thème s'affiche pas :s

ajhax Il y a 12 mois Répondre

hey,

Sympa le tuto! Tu pourrais nous faire une vidéo tutoriel sur les shortcodes WP ?!

Bonne continuation,

tiki45mm Il y a 12 mois Répondre

bjr
je suis un fan de vous
c'est magnifique ce que vous faite

addy Il y a 12 mois Répondre

bjr
j'adore le tuto
si possible c'est koi le logiciel que vous utilisez pour lz codage
merci

asm Il y a 12 mois - Répondre

Salut il s'agit de Netbeans

kalagan Il y a 1 an Répondre

Salut a tous!!
Je n'arrive pas à afficher les sytèmes de commentaire a la 55' min dans mon single.php je met : " <?php comments_template(); ?> " et ensuite dans mon comments.php je met: "<?php wp_list_comments(); ?> <?php comment_form(); ?> " mais cela ne s'affiche pas j'ai meme essayer de mettre "<?php get_index(); ?>" a single.php et " <?php get_single(); ?>" a comments.php et toujours rien.
Quelqu'un pourrait m'aider?!

Merci,

houba Il y a 1 an Répondre

Nickel !

Comme d'hab !

Merci !

kalagan Il y a 1 an Répondre

Salut,a tous!
J'ai un problème a 45min car l'image que je veux mettre à la une ne s'affiche pas .
Voici mon code :" <div id="image-news">
</div><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a></div> "

Merci pour tout encore Grafikart!!


kalagan Il y a 1 an - Répondre

A non c'est bon j'ai trouver j'ai fait une erreur dans mes liens.

Merci

JOhn Il y a 1 an Répondre

Salut à tous, tout d'abord bravo pour ce tuto, super bien expliqué. J'ai par contre un problème pour integrer ton framework:

Warning: require(C:\wamp\www\SiteQuebec\wordpress/wp-content/themes/framework/helpers/metas.php) [function.require]: failed to open stream: No such file or directory in C:\wamp\www\SiteQuebec\wordpress\wp-content\themes\quebec\framework\theme.php on line 87

Fatal error: require() [function.require]: Failed opening required 'C:\wamp\www\SiteQuebec\wordpress/wp-content/themes/framework/helpers/metas.php' (include_path='C:\Program Files\Zend\Zend Studio - 7.2.0\plugins\org.zend.php.framework.resource_7.2.0.v20100324-1300\resources\ZendFramework-1\library') in C:\wamp\www\SiteQuebec\wordpress\wp-content\themes\quebec\framework\theme.php on line 87

Pourtant le fichier est bien present...le chemin est bizarrement fair (avec des \ et des / dans la meme URL... Si quelqun à une idée?

DJDif007 Il y a 1 an Répondre

Merci beaucoup.

Oxiz Il y a 1 an Répondre

Bonjour, j'ai un problème à 1h19. Lorsque on doit créer la partie PortFolio. Je m'explique, je suis les explications à la lettre et pourtant même après avoir crée le nouveau lien : "/%postname%-%post_id%", le Test 1 ne s'affiche pas dans mon Header.

Est ce que quelqu'un aurait une solution ?

tweetoox Il y a 1 an Répondre

Bonjour,

J'aimerais insérer un slideshow (carousel) en dessous de ma barre de navigation !
Comment faire ? Merci !

bolda Il y a 1 an Répondre

Salut,
merci pour le tuto très pratique!
J'ai un problème d'affichage des caractères spéciaux dans mes articles (remplacés par des carrés noirs avec point d'interrogation)… Quelqu'un à une idée??
Merci d'avance

tombipower Il y a 8 mois - Répondre

Tu utilise un typo personnalisée ?
Ce remplacement vient du fait que le caractère n'a pas été créé dans la typo.

vinceparadive Il y a 1 an Répondre

Bonjour,
Bravo pour vos tutos,je suis debutant dans ce domaine donc j'aurai juste une question sur le design car avec vos video j'ai apris a faire mon design puis le mettre en html, je serai interessé par wordpress pour plus d'interactivité et probablement faire un blog mais je voudrais rester sur le même disign.
Mon design est horizontal avec un menu vertical... est t'il possible en suivant cet exemple d'incorporer mon design a wordpress?
voici le site internet si vous voulais avoir un aperçu du design.
www.vinceparadive.com
merci

bvek1 Il y a 1 an Répondre

Salut,

Je commente rarement les blogs, mais je tenais à te remercier, toi et Jei pour ce fabuleux tutoriel ! Ça m'a énormément aidé pour faire mon thème sur Wordpress, j'ai suivis la même démarche et ça marche bien
J'ai juste eu quelques problèmes avec les listes (que Wordpress adore apparemment ... sauf que moi je préfère les divs pour mon design :/) mais le codex donne les réponses.

Bonne continuation

jojo150393 Il y a 1 an Répondre

petite astuce, si jamais comme moi vous avez des background pour les miniatures qui s'affichent sans qu'on est une image a la une, faite :
<?php if(has_post_thumbnail){
echo "<div class='img_bg.png'>"; the_post_thumbnail();
echo "</div>";

et dans style.css rajouté .img_bg{
background: url(xxxxxxx).........

}

Voila j'espere en avoir aider certain.

Tarik-AMAR Il y a 1 an Répondre

Hello,
je me joins à tous qui te remercie pour ce tuto

Mais sinon depuis réalisation (ajouter une réalisationà, suis-je le seul à ne pas pouvoir accéder à la bibliothèque ? Ou plus précisément je n'ai pas de miniatures et impossible de sélectionner une image pour l'insérer...

Ink1 Il y a 1 an Répondre

Salut encore une fois super tuto
J'ai tout de même une petite question (peut être stupide d’ailleurs)qui n'a pas grand choses à voir avec la vidéo. Peut on faire une loop wordpress avec comme argument un mot-clé? Du genre "tu vas chercher les articles avec le tag TOTO et j'affiche le titre de ces article là".
Merci

ilyesn Il y a 1 an Répondre

Super tuto
Personnellement Wordpress a l'air d'être le CMS le plus facile a utilisé !

avatarvb Il y a 1 an Répondre

merci grafikart

Loopstik Il y a 1 an Répondre

Bonsoir,

Merci à l'auteur de partager ses connaissances. Bien des bonnes choses à ce site

LoOpstik

ChocoMiister Il y a 1 an Répondre

Bonjour

Vous savez ou je peut trouver le theme qui et dans la vidéo ?

Xeron Il y a 1 an

http://creatiq.fr partie Tutoriel catégories HTML/CSS et tu dois t'inscrire et tu peux avoir les sources du PSD au style découpé

Creatiq Il y a 1 an - Répondre

Merci Xeron ^^

silverd Il y a 1 an Répondre

Super Tuto comme toujours

juste un petit truc que j'ai pas compris c'est que chez moi j'ai les images de zgallery en double dans zoombox si par exemple j'en ai 3 dans ma galerie Wordpress j'en ai 6 dans le front ce qui est étrange car j'utilise bien tes infos mais bon je vais voir ça

bonne continuation tjs aussi niquel

Nahu Il y a 1 an - Répondre

Excellent tuto !
J'ai le même problème que toi...les images de la galerie sont doublées...
As tu trouvé la solution ?

Oxiz Il y a 1 an Répondre

J'ai un petit problème pour l'affichage de la barre d'administration en haut de page(= 16 minutes de la vidéo).

J'ai pourtant bien mis "wp-head()" dans header.php et "wp_footer()" dans footer.php. Je l'ai fait exactement comme dans la vidéo mais la barre d'administration n'apparaît pas. Pouvez-vous m'aider ?

spykrew07 Il y a 1 an

C'est wp_head() qu'il faut mettre, ça vient peut etre de la...

Oxiz Il y a 1 an

Non non j'ai mis exactement "wp_head()" je me suis trompé pour mon ancien poste.

Exckl Il y a 1 an

Rajoute <?php get_header(); ?> au début de ton index.php et aussi <?php get_footer(); ?> à la fin de celui çi.

Damien Il y a 11 mois

Bonjour Oxiz.
Voilà, je viens de commencer le tuto de grafikart et je me retrouve confronté au même problème que toi. Après avoir insérer <?php get_header(); ?> au début de ton index.php et <?php get_footer(); ?> à la fin de celui ci, je n'ai toujours pas accès à ma barre d'administration (elle n'apparait pas).

Pourrais tu éclairer ma lanterne?
Merci infiniment.

Damien Il y a 11 mois - Répondre

Désolé... j'ai simplement fait une erreur de frappe... continuons.

anton Il y a 1 an Répondre

Fichtre, fichtre, fichtre !!! Je m'explique.

Comme d'habitude, on sent une maîtrise du sujet abordé. Le tuto donne envie de mettre les mains dans le cambouis sans réfléchir mais "ne sois pas impatient jeune padawan, va jusqu'au bout du tuto".

Toutefois, je rejoins Xeron sur le fait qu'il faudrait que tu ralentisses le rythme. Moi qui ne pratique plus de sport, je sors parfois vanné de tes vidéos. Bon, je te l'accorde, l'image est un peu démesurée mais tu speedes tellement dans certaines explications que je suis totalement perdu.

Cela fait maintenant 8 - 9 mois que je suis abonné à ton site (je viens de réitéré il y a peu pour 6 nouveaux mois), je suis toujours autant fan, la preuve en est, je poste mon premier commentaire.

De fait, pour conclure, je te souhaite toute la réussite pour ton travail et une continuité pour ce site qui apporte tant au débutant que je suis. La qualité, ça se paye et je ne suis pas mécontent de mon investissement.

A plouche

LuciferX Il y a 1 an Répondre

Très sympa ce tuto ;-)

Est-ce qu'un jour nous auront la chance de voir la même chose pour Dotclear ?

bpdesign Il y a 1 an Répondre

Bonjour, j'ai un petit souci sur les images dans 'functions.php', sur mon site j'ai sur mon index un image de 197 x 156 alors j'ai mis dans mon fichier:

'images' => array(

'post' => array(
array('thumb',197,156,true)
)

seulement lorsque je clique, j'arrive bien sur 'single.php' mais j'aimerai que sur cette page le thumb soit de 620 x 248.

Commente faire?

Merci d'avance

bpdesign Il y a 1 an - Répondre

Problème résolu => http://codex.wordpress.org/Function_Reference/add_image_size

bpdesign Il y a 1 an Répondre

Bonjour, une question toute bête...
Comme sur votre site j'ai ma page d'accueil différente du reste. Dois-je utiliser l'index.php pour ma page d'accueil ou pour les autres pages de mon site?

merci

spykrew07 Il y a 1 an

Soit tu utilises home.php pour la page d'accueil, ou tu peux faire aussi un template de page. L'index.php sera appelé si wordpress ne trouves rien d'autre à afficher.

bpdesign Il y a 1 an

En fait je suis assez novice en Php, je le comprends et le lis sans problème mais je n'ai pas encore la logique d'utilisation. Et je n'ai pas encore non plus celle de WordPress... Si je créais un Home.php cela sera automatiquement prit en compte comme la home page de mon siteweb?

Merci d'avance

Xeron Il y a 1 an

Bah la page d'accueil est codé grâce à l'index.php déjà disponible dans les thèmes. Rien de plus simple. Si je me trompe ou j'ai pas compris tu pourrais explique vraiment clairement ton problème avec home et index.php s'il te plait ?

bpdesign Il y a 1 an

Bah je comprends pas le fonctionnement...Ok ma page index va structurer les pages de mon site. Mais après dans le tuto je comprends pas comment on change de style pour tel ou tel page...du genre la page portfolio. Que faisons-nous exactement pour qu'elle soit prise en compte et non l'index? Car moi ça marche bien mais au niveau de l'affichage de mon portfolio mais sur l'index de mon site pas sur la page portfolio...

C'est dur à expliquer mais en gros j'ai pas trop compris le fonctionnement et dans le tuto c'est très rapidement abordé...

Xeron Il y a 1 an

Ok, je comprend mieux.
- Pour commencer faut savoir que l'index.php gère le contenu de la page d'accueil.
- Les pages sont défini par page.php. Un article seul (tu clique sur readmore) par le fichier single.php.

- Pour les pages différentes, si tu veux une page Portfolio par exemple, tu vas la créer avec les "custom post types", en gros dans ton dossier de thème t'aura "archive-portfolio.php", celui qui va gérer la page portfolio.

Donc dans ta page "archive-portfolio.php" tu vas personnaliser l'affichage , tu auras bien sur ta classe spécifique à l'affichage d'un port. genre <div class="post" > "Tout le contenu de ta page ici" </div> et bien pour personnaliser ta page portfolio tu fais <div class="post" id="portfolio"> Ton contenu à nouveau</div> => ça c'est du CSS et HTML de base, ensuite en CSS tu vas personnaliser la class POST d'id PORTFOLIO.

Voilà, si tu as besoin d'aide n'ai pas peur de suivre le dernier tutoriel de Grafikart, avec les sources, suis le tuto. et tu verras ça devrait t'aider énormément.

bpdesign Il y a 1 an - Répondre

Ok merci beaucoup pour ces explications, j'y vois bien plus clair!

KokAz Il y a 1 an Répondre

Pour le Lorem Ipsum il existe l'extension officer pour Chrome : "Lipsum". https://chrome.google.com/extensions/detail/jkkggolejkaoanbjnmkakgjcdcnpfkgi

GuiguiWuip Il y a 1 an Répondre

+1 @Xeron, d'accord avec toi
Grafikart, prends plus ton temps, cela nous permettra de comprendre (encore) mieux et sans ce perdre. C'est à dire sans avoir a retourner en arrière dans la vidéo en se disant "Mais qu'est-ce qu'il veut qu'on fasse là ?".
Voilà, c'est tout. Sinon, comme d'hab et comme tout le monde, bravo ! Je commence à évoluer sur WordPress avec ce tuto (qui tombe pile poil au bon moment !):)

Xeron Il y a 1 an Répondre

Merci pour le tutoriel super. Les nouvelles fonctions sont très utiles et pratiques pour les novices. Ensuite la flexibilité des fonctions sont graandes et c'est impécable, c'est ce que je cherché. Par contre ma page contact j'aimerais faire un sist-me comme sur ce site : http://www.creadiz.com/ Mais en affichant un ofrmulaire à la placede tout les détails. Mais j'y parviens pas et je connais pas le nom du script utilisé.

Par contre tu fais beaucoup d'erreur que t'essaie de corriger en modifiant la vidéo, et tes erreurs sont du à ta rapidité tu vas plus vite que tu ne réfléchi, un conseil prend ton temps tes tutoriaux seront encore mieux

Bonne continuation :D

pobourger Il y a 1 an

Pareil ce systeme m'interesse
BOn tutoriel comme d'hab... Merci

diZ Il y a 1 an

Hello,
alors pour information j'ai utilisé ce script (par le très bon Soh Tanaka) : http://www.sohtanaka.com/web-design/examples/modal-window/ qui n'est pas difficile à mettre en place.

++

Xeron Il y a 1 an - Répondre

Merci c'est Sympa. Oui j'imagine qu'il sera compliqué de le mettre en place, mais après un temps de labeur on est satisfait ^^ .

darkavatars Il y a 1 an Répondre

Autre petit problème vers 47 minutes:

<?php the_content('Lire la suite'); ?>

Quand je mets sa et que j'édite mon article pour inséré une balise More une fois mise a jour j'ai pas "Lire la suite" qui s'affiche :S

Xeron Il y a 1 an

Salut !
Quand tu édite un article, il faut que tu tape ton texte, et que tu insère la balise MORE (dans la bar d'édition)
Au dessus de cette barre c'est que que tu verras à la page d'accueil, en dessous c'est ce que tu verras en cliquant sur "Lire la suite" qui est créé par ton <?php the_content(); ?> .

Voilà j'espère que je suis clair dans mes explications/

darkavatars Il y a 1 an - Répondre

Oui merci j'ai regarder et j'avais fait un erreur bête :s

++

mans Il y a 1 an Répondre

Merci beaucoup

Grafikart Il y a 1 an Répondre

Et dans index.php tu as get_header(); ?

darkavatars Il y a 1 an

Non aucun get_header

darkavatars Il y a 1 an

c'est se qui me manqué merci

Lilian Il y a 12 mois - Répondre

Salut.
J'ai le même problème sauf que j'ai mis le "get_geader();" dans index.php. Mais le design ne s'affiche pas...

darkavatars Il y a 1 an Répondre

Re,

j'ai un problème, j'ai suivi le tutoriel jusqu’à la modification de header.php ça (enfin ce qu'il a modifier):

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<title>Wordpress Blogofolio</title>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<link rel="profile" href="http://gmpg.org/xfn/11 " />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php

if ( is_singular() && get_option( 'thread_comments' ) )
wp_enqueue_script( 'comment-reply' );

wp_head();
?>
</head>

j'ai bien fait mon style.css mis dans le même dossier avec les fichiers img et font mais quand j'actualise le site, pas de style.css qui s'applique. Je comprend pas.

kamel Il y a 1 an Répondre

great
ok une introduction pour wordpres 3 serai la bien venu

darkavatars Il y a 1 an Répondre

Merci, je vais me lancer Grâce a c'est tutoriels

Tiorte Il y a 1 an Répondre

Dingue, je voyais ça beaucoup plus compliqué, ça démontre vraiment la puissance de Wordpress, tout se résume à quelques fonctions. S'il y a des gens encore sceptiques quant aux CMS, je veux bien leur coller une paire de baffes!

Creatiq Il y a 1 an Répondre

Good job comme d'hab

kamel Il y a 1 an Répondre

refait nous ça avec komodo edit avec la POO

ethanmtl Il y a 1 an Répondre

Merci!
Encore un excellent tuto, dommage même si avantageux que tu utilises ton framework dans cet exemple, ne serait-ce que pour le débutant qui pour moi risque de se perdre un peu dans l'intégration wordpress. C'est vrai que cela facilite la vie, mais j'aurais pensé plus à une intégration type "débutant" plutôt que "intermédiaire".

kamel Il y a 1 an Répondre

merci merci merci
toujours à la hauteur des attentes

larube Il y a 1 an Répondre

Merci !!! encore une fois

ryodo Il y a 1 an Répondre

magnifique on vous aimes

bag Il y a 1 an Répondre

Merci merci merci merci je m'y attaque dès ce soir !!!!!!!

heaven-khn Il y a 1 an Répondre

En fin le tuto attendue par tout le monde thx grafikart you are the best

Ithor Il y a 1 an Répondre

Super
je regardes ça dès que possible, c'est exactement ce qu'il me fallait pour créer un site pour une association
merci merci bcp

Martin Il y a 1 an Répondre

La bonne écriture de « WordPress » comporte un « P » majuscule.

Hugoncls Il y a 1 an

" La bonne écriture de « WordPress » comporte un « P » majuscule. "
> Est alors pourquoi dans l'archive c'est Wordpress et pas WordPress?

wallerand Il y a 1 an

Bien mais on s'en fou, sa change pas la qualité du tutoriel

Hugoncls Il y a 1 an

Wallerand > Je suis bien d'accord avec toi, mais sa à le don de m'énerver ce genre de personne, qui pense tout s'avoir. :p

ThunderMick Il y a 11 mois - Répondre

Si tu es si fort que ce site fait donc le tiens au lieu de venir critiqué

aurus1212 Il y a 1 an Répondre

Merci à toi je suis en train de le regarder, TROP BIEN =D

BlackDesign Il y a 1 an Répondre

Prems !!

Je vais regarder le tuto tout de suite, depuis que la premier parti est sorti j'attendais la suite avec impatience, encore merci pour ton partage.

Cordialement

Laisser un commentaire

Si vous avez une question il est conseillé d'utiliser le forum si vous voulez une réponse sûre.