Pluxopolis

Tout savoir pour devenir un pro de PluXml, mais pas seulement...

Donner du style à la liste des catégories des articles

Rédigé par jack le 1 commentairee

Nous allons voir comment changer l'affichage par défaut de la liste des catégories des articles sur la page de lecture du contenu des articles.
L'objectif est d'afficher à partir de la description des catégories un texte et une image d'illustration des catégories afin d'obtenir une présentation semblable à celle-ci:

Lire la suite de Donner du style à la liste des catégories des articles

DClassé dans : PluXml ,Mots clés : Article, Catégorie, Css, PluXml, Thème

Mettre en avant les commentaires rédigés à partir de l'administration

Rédigé par jack le 4 commentairese

Les commentaires rédigés par un visiteur ou à partir de la zone d'administration du site peuvent être différenciés en utilisant la fonction comType() de la classe plxShow.

<?php $plxShow->comType(); ?>
Nous allons voir comment utiliser cette fonction pour changer le comportement visuel des commentaires et ainsi mettre en avant ceux rédigés par exemple par l'administreur du site.

Lire la suite de Mettre en avant les commentaires rédigés à partir de l'administration

DClassé dans : PluXml ,Mots clés : Article, Commentaires, Thème, Css

Recommander des articles

Rédigé par jack le 8 commentairese

PluXml ne dispose pas de fonction permettant de recommander la lecture d'articles en fonction d'un article particulier. Je vous propose de mettre en place sur la page de lecture d'un article, une liste aléatoire d'articles publiés dans les mêmes catégories que l'article en cours de visualisation (mode article).

Lire la suite de Recommander des articles

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

Modifier l'affichage du chapo en mode article

Rédigé par jack le 4 commentairese

Voici une astuce pour avoir un affichage différent du chapo et du contenu d'un article en mode article, c'est à dire lors de la visualisation du détail d'un article.

Comme toujours, je prends comme référence le thème par défaut de PluXml (5.2), stocké dans le dossier themes/defaut.

Modifications

Editez le fichier article.php et remplacez les lignes suivantes: 

<section>
	<?php $plxShow->artContent(); ?>
</section>
par 

<section>
	<div class="chapo">
		<?php $plxShow->artChapo('', false); ?>
	</div>
	<?php $plxShow->artContent(false); ?>
</section>
Editez le fichier style.css du thème et ajoutez à la fin du fichier les lignes suivantes: 

.chapo {
	margin-top: 15px;
	font-size: 12px;
	font-style:italic;
}

Explications

Affichage du chapo

Pour afficher uniquement le chapo en mode article nous utilisons la fonction suivante: 

$plxShow->artChapo('', false); ?>
Le premier paramètre sert à formater le lien "Lire la suite". Comme nous sommes en mode article, nous n'avons pas besoin de cet affichage, c'est pourquoi le paramètre est à blanc.

Le deuxième paramètre est un booléen qui permet d'afficher le contenu de l'article.
Si le paramètre est true, le contenu de l'article est affiché.
Si le paramètre est false, le contenu de l'article n'est pas affiché.

Ici nous ne voulons pas afficher le contenu de l'article car nous allons utiliser pour cela l'instruction $plxShow->artContent().

Remarquez que nous avons utilisé une balise <div> pour englober l'affichage du chapo. C'est cette balise <div> qui nous permet de personnaliser l'affichage grâce à la feuille de style en définissant les proprités de la classe .chapo (voir plus bas le paragraphe: Mise en forme du chapo).

Affichage du contenu

Pour afficher le contenu de l'article nous utilisons l'instruction: 

$plxShow->artContent(false);
$plxShow->artContent() permet à la fois d'afficher le chapo et le contenu de l'article.
Ici nous ne voulons pas afficher le chapo car nous l'avons fait précedemment avec l'instruction $plxShow->artChapo().
Pour ne pas afficher le chapo, il suffit de passer la valeur false comme paramètre à $plxShow->artContent().

Mise en forme du chapo

Le chapo étant englober dans une balise <div> identifiée par la classe chapo, il ne reste plus qu'à définir ses propriétés dans la feuille de style (fichier style.css) du thème. 

.chapo {
	margin-top: 15px;
	font-size: 12px;
	font-style:italic;
}
Il est donc possible ici de changer la taille de la police de caractère utilisée, la couleur, les marges ou padding du bloc <div> pour personnaliser le chapo.

A vous maintenant d'imaginer votre style de présentation.

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

Top