C’est le fichier qui est utilis\u00e9 par d\u00e9faut comme page d’accueil du site. Il va contenir le code pour afficher le contenu du site, notamment les articles. Nous ferons simple, mais il est possible de sp\u00e9cifier quels articles seront affich\u00e9s ou pas sur cette page.<\/p>\n
Le code de ce fichier se r\u00e9partit de deux mani\u00e8res : C’est une simple fonction PHP qui tient en une ligne, \u00e0 placer au d\u00e9but du fichier index.php : Pour m\u00e9moire, la balise ouvrante <section> se trouve dans le fichier header.php; il ne faut donc pas la remettre dans le fichier index.php<\/p>\n Voici le code g\u00e9n\u00e9ral de la boucle :<\/p>\n [pcsh lang=\u00a0\u00bbxml\u00a0\u00bb tab_size=\u00a0\u00bb4″ message=\u00a0\u00bb\u00a0\u00bb hl_lines=\u00a0\u00bb\u00a0\u00bb provider=\u00a0\u00bbmanual\u00a0\u00bb]<\/p>\n [\/pcsh]<\/p>\n Celle-ci commence par un test pour v\u00e9rifier qu’il y a bien dans la base de donn\u00e9es quelque chose \u00e0 afficher (s’il y a des posts), ce test devant se clore par l’instruction endif<\/em> : \u00c0 l’int\u00e9rieur de la condition, on poursuit par une boucle while() qui consiste \u00e0 afficher les posts tant qu’il y en a (gr\u00e2ce \u00e0 la fonction the_posts<\/em>) et qui se termine \u00e9galement par l’instruction endwhile<\/em> : Enfin, \u00e0 l’int\u00e9rieur de la boucle PHP, se trouve le code HTML qui va baliser les \u00e9l\u00e9ments des posts que l’on choisit d’afficher. Cela se traduit par l’insertion de fonctions PHP qui sont toutes sur le mod\u00e8le the_quelquechose()<\/em>. Vous pouvez trouver la liste des fonctions disponibles dans ce contexte dans le codex WordPress. On parle de marqueurs de mod\u00e8le, et plus particuli\u00e8rement de marqueurs des articles : Ici, nous retiendrons trois choses, le titre de l’article (the_title<\/em>), l’image \u00e0 la une (the_post_thumbnail<\/em>) et un extrait du texte de l’article (the_exerpt<\/em>). Bien entendu, ce choix est \u00e0 adapter \u00e0 vos besoins. Il ne faut pas oublier de mettre un lien (the_permalink<\/em>) sur le titre, ce lien permet d’ouvrir l’article seul dans une page, g\u00e9n\u00e9ralement la page single.php, que nous ne cr\u00e9erons pas dans le cadre de ce tutoriel (renseignez-vous sur le net pour cela).<\/p>\n Pour en savoir plus sur la boucle WordPress, toujours le codex : Il faut d’abord penser \u00e0 clore la balise <section><\/em> ouverte dans le fichier header.php : De m\u00eame que pour le fichier header.php, il faut clore le fichier index.php en appelant si besoin le fichier sidebar.php, puis le fichier footer.php, ce qui se traduit \u00e0 la fin du code par les deux lignes suivantes : Voici donc le code complet du fichier index.php :<\/p>\n [pcsh lang=\u00a0\u00bbxml\u00a0\u00bb tab_size=\u00a0\u00bb4″ message=\u00a0\u00bb\u00a0\u00bb hl_lines=\u00a0\u00bb\u00a0\u00bb provider=\u00a0\u00bbmanual\u00a0\u00bb]<\/p>\n [\/pcsh]<\/p>\n <\/p>\n Il manque cependant encore un fichier fondamental, le fichier functions.php dont le r\u00f4le est de lister et d\u00e9finir les fonctions appel\u00e9es dans les fichiers pr\u00e9c\u00e9dents, sans quoi, rien ne va marcher. Voyons voir cela dans la quatri\u00e8me partie de cet article.<\/p>\n","protected":false},"excerpt":{"rendered":" Le fichier index.php C’est le fichier qui est utilis\u00e9 par d\u00e9faut comme page d’accueil du site. Il va contenir le code pour afficher le contenu du site, notamment les articles. Nous ferons simple, mais il est possible de sp\u00e9cifier quels articles seront affich\u00e9s ou pas sur cette page. Le code de ce fichier se r\u00e9partit … Continuer la lecture de Cr\u00e9er un th\u00e8me complet – part 3<\/span>
\n– le c\u0153ur du code, qui permet d’appeler les articles. C’est ce que l’on appelle la boucle WordPress. Il repr\u00e9sente pour nous, ce que contient la balise <section>
\n– le reste du code qui consiste \u00e0 appeler le code qui a \u00e9t\u00e9 \u00e9crit dans les autres fichiers, header.php, sidebar.php et footer.php.\u00a0Ce principe, appel\u00e9 include<\/em> en PHP permet au final de reconstituer le code complet correspondant au contenu initial de notre page HTML.<\/p>\nL’appel du fichier header.php<\/h4>\n
\n<?php get_header() ; ?><\/code><\/p>\nLa boucle WordPress<\/h4>\n
<?php if(have_posts()): ?>\r\n\t<?php while( have_posts() ) : the_post(); ?>\r\n \t<article class="vignette">\r\n \t\t\r\n\t\t\t<h3>\r\n\t\t\t\t<a href="<?php the_permalink(); ?>"> <?php the_title(); ?> <\/a>\r\n\t\t\t<\/h3>\r\n\t\t\t<div class="thumb_engin"><?php the_post_thumbnail('thumbnail'); ?><\/div>\r\n\t\t\t<p> <?php the_excerpt(); ?><\/p>\r\n \t\t<\/article>\r\n\t\t<?php endwhile; ?>\r\n<?php endif; ?><\/code><\/pre>\n
\n<?php if(have_posts()): ?><\/code>
\n\u00a0\u00a0\u00a0\u00a0 code de la boucle<\/code>
\n <?php endif; ?><\/code><\/p>\n
\n <?php while( have_posts() ) : the_post(); ?><\/code>
\n\u00a0\u00a0\u00a0\u00a0 code pour le contenu des posts<\/code>
\n <?php endwhile; ?><\/code><\/p>\n
\nhttps:\/\/codex.wordpress.org\/fr:Marqueurs_de_Modele<\/a><\/p>\n
\nhttps:\/\/codex.wordpress.org\/fr:La_Boucle<\/a><\/p>\nL’appel des autres fichiers<\/h4>\n
\n<\/section><\/code><\/p>\n
\n<?php get_sidebar() ; ?><\/code>
\n<?php get_footer() ; ?><\/code><\/p>\n<?php get_header() ; ?>\r\n\r\n<?php if(have_posts()): ?>\r\n\t<?php while( have_posts() ) : the_post(); ?>\r\n \t<article class="vignette">\r\n \t\t\r\n\t\t\t<h3>\r\n\t\t\t\t<a href="<?php the_permalink(); ?>"> <?php the_title(); ?> <\/a>\r\n\t\t\t<\/h3>\r\n\t\t\t<div class="thumb_engin"><?php the_post_thumbnail('thumbnail'); ?><\/div>\r\n\t\t\t<p> <?php the_excerpt(); ?><\/p>\r\n \t\t<\/article>\r\n\t\t<?php endwhile; ?>\r\n<?php endif; ?>\r\n\r\n<\/section>\r\n\r\n<?php get_sidebar() ; ?>\r\n<?php get_footer() ; ?><\/code><\/pre>\n