Contrôler l'affichage du chapo et du contenu des articles
Rédigé par jack
3 commentaires
Classé dans : PluXml
<?php $plxShow->artContent(); ?>
Pour donner un visuel différent au chapo et au contenu de l'article, nous allons utiliser les deux fonctions suivantes:
- artChapo()
- artContent()
Affichage du chapo
Nous avons déjà vu dans l'article Personnaliser l'affichage du lien "Lire la suite" que le premier paramètre de la fonction artChapo permettait de modifier le lien "Lire la suite" affiché sur la page d'accueil.artChapo possède un deuxième paramètre qui permet de supprimer l'affichage du contenu de l'article en spécifiant la valeur false.
<?php $plxShow->artChapo('', false); ?>
Avec cette syntaxe, seul le chapo est affiché.
Affichage du contenu
Nous avons précédemment affiché le chapo, il ne reste plus qu'à afficher le contenu de l'article.Si nous utilisons la fonction artContent sans paramètre, le chapo (s'il existe) va être affiché (et donc faire doublon avec celui affiché par l'appel de la fonction artChapo). Pour ne pas afficher le chapo, il suffit de spécifier la valeur false dans l'appel de artContent.
<?php $plxShow->artContent(false); ?>
Ce qui nous donne avec les deux fonctions appelées ensemble:
<?php
$plxShow->artChapo('', false);
$plxShow->artContent(false);
?>
Nous pouvons maintenant rajouter du code pour avoir un affichage différent du chapo et du contenu.Exemple 1: ajout d'un ligne vide entre le chapo et le contenu
<?php $plxShow->artChapo('', false); ?>
<br />
<?php $plxShow->artContent(false); ?>
Exemple 2: ajout d'un encadré sur un fond de couleur pour le chapo
<div class="art-chapo" style="background-color;#efefef: border:1px solid #ddd">
<?php $plxShow->artChapo('', false); ?>
</div>
<div class="art-content">
<?php $plxShow->artContent(false); ?>
</div>
Il sera bien sur préférable d'utilisé les class css art-chapo et art-content dans la feuille de style (fichier style.css du thème) à la place de la balise style
.art-chapo {
background-color:#efefef;
border:1px solid #ddd;
margin-bottom: 15px
}