Pluxopolis

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

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

Validation des commentaires en jQuery

Rédigé par jack le 2 commentairese


Avec ce tutoriel nous allons voir comment valider en jQuery les champs de saisie du formulaire des commentaires. L'objectif est d'afficher des messages "Champ obligatoire", "Adresse email invalide", "Url invalide" lorsque les critères de saisie ne seront pas corrects.

Pour la démo, j'utilise: Mode d'emploi...

Lire la suite de Validation des commentaires en jQuery

DClassé dans : PluXml ,Mots clés : Commentaires, jQuery, Programmation, Tuto, Validation

Créer une pagination pour les commentaires

Rédigé par jack le Aucun commentairee


Je vous propose de mettre en place un système de pagination pour les commentaires à base de jQuery.
Pour ce tutoriel je me base sur: Mode d'emploi...

Lire la suite de Créer une pagination pour les commentaires

DClassé dans : PluXml ,Mots clés : PluXml, jQuery, Programmation, Tuto, Commentaires, Navigation

Ajouter un contenu dans la sidebar en fonction d'une page statique

Rédigé par jack le 4 commentairese

Voici une petite astuce très simple pour ajouter du contenu dans la sidebar en fonction de la page statique en cours de visualisation. Sa mise en place est très rapide et ne nécessite que quelques lignes de code à rajouter dans le fichier sidebar.php de son thème.

Éditer donc le fichier sidebar.php et coller les lignes suivantes à l'endroit où vous souhaitez afficher votre texte. 

<?php
	if($plxMotor->mode=='static' AND $plxMotor->cible=='002') {
		echo "Texte à afficher lors de la visualisation de la page statique 002";
	}
?>
Remplacer la valeur 002, par l'identifiant de la page statique qui conditionne l'affichage du texte.
L'identifiant de la page concernée est à récupérer dans l'administration des pages statiques. Il est de la forme 001, 002,... (voir colonne Identifiant).

Pour afficher une image vous pouvez remplacer la ligne: 

echo "Texte à afficher lors de la visualisation de la page statique 002";
par 

echo '<img src="https://pluxopolis.net/data/images/monimage.jpg" alt="" title="Mon image" />';
Adapter le bon chemin de l'image en modifiant data/images/monimage.jpg

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

Afficher le contenu d'une page statique dans la sidebar

Rédigé par jack le 8 commentairese

Pour afficher le contenu d'une page statique dans la sidebar, nous allons procéder en deux étapes.

Etape 1: création d'une page statique

  • créer une page nouvelle page statique dans l'administration des pages statiques,
  • donnez lui comme titre par exemple Sidebar,
  • sélectionner la valeur Oui dans la colonne Active,
  • sélectionner la valeur Masquer dans la colonne Menu,
  • cliquez sur le bouton Modifier la liste des pages statiques pour créer la nouvelle page.

Éditer votre page en cliquant sur son lien Éditer pour y ajouter le contenu que vous voulez afficher dans la sidebar en remplissant le champ Contenu. Il n'est pas nécessaire de remplir les autres champs: vous pouvez les laisser vides.

Sauvegardez en cliquant sur le bouton Enregistrer cette page statique.

Etape 2: modification du fichier sidebar.php

Éditer le fichier sidebar.php de votre thème et ajoutez les lignes suivantes à l'endroit où vous souhaitez afficher le contenu de la page statique 002. 

<?php $plxShow->staticInclude('002') ?>
Remplacer la valeur '002' par l'identifiant de votre page statique Sidebar à récupérer dans l'administration des pages statiques (colonne Identifiant).

Cette méthode à l'avantage qu'une fois mise en place, il est très facile de changer les données affichées dans la sidebar en éditant simplement le contenu de la page statique.

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

Top