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