23 juin Astuces et articles

Code pour afficher un extrait de page (2/2)

Voici la suite de notre dernier article de blog. Nous avons vu comment autoriser à WordPress de lier des extraits aux pages avec une extension. Maintenant nous allons voir quel est le code à insérer dans le template.

Ce tutoriel se veut être simple et allant à l’essentiel, pour poser le premier pas dans le CMS WordPress le plus joyeusement possible 🙂

Voici le code que je vais vous détailler plus bas :

<?php while (have_posts()) : the_post(); ?>
<?php the_post_thumbnail(); ?>
<h2><?php the_title(); ?></h2>
<div id= »extrait »>
<?php the_excerpt(); ?>

<a href= »<?php the_permalink() ?> » rel= »bookmark »></a>
</div>
<?php endwhile; ?>
<?php } ?>

 

Comment insérer la boucle wordpress ?

<?php while (have_posts()) : the_post(); ?>

…

<?php endwhile; ?>
<?php } ?>

Comment afficher une image à la une ?

<?php the_post_thumbnail(); ?>

 

Comment poser le titre de la page concernée ?

Dans mon cas j’affiche le titre en balise h2 (niveau 2 du titre)

<h2><?php the_title(); ?></h2>

 

Quel code pour afficher l’extrait d’une page ?

J’ai encapsulé l’extrait dans une div avec un id « extrait », cela pour très simplement styliser l’extrait par la suite.

<div id= »extrait »>
<?php the_excerpt(); ?>
</div>

 

Comment faire un lien vers la page ?

<a href= »<?php the_permalink() ?> » rel= »bookmark »></a>

 

J’espère que cet article vous sera utile, à bientôt pour d’autres tutoriels sur wordpress (simples et plus compliqués par la suite ;))

Tags:
Accessibility by WAH