Pluxopolis

Contrôler l'affichage du chapo et du contenu des articles

---

Rédigé par jack le 24 avril 2013 3 commentairese

Lors de la consultation d'un article, il se peut que l'affichage du chapo et du contenu ne corresponde pas à ce que l'on veut: manque d'espace entre les deux, envie d'encadrer le chapo ou de le mettre sur un fond de couleur différent. Voyons comment donner un visuel différent pour le chapo et le contenu d'un article. Dans le fichier article.php du thème c'est la fonction artContent (de la classe plxShow) qui est utilisée pour afficher à la fois le chapo et le contenu de l'article.

<?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()

Le fichier du thème à modifier est article.php

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
 }

DClassé dans : PluXml ,Mots clés : PluXml, Tuto, Thème

A propos de l'auteur, jack:

Webmestre de PluXopolis de 2018 à Avril 2023.

3 commentaires

rFil RSS des commentaires de cet article