Pluxopolis

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

Afficher la liste de tous les tags dans une page statique

Rédigé par jack le 6 commentairese

Pour afficher la liste de tous les tags dans une page statique, copiez le code suivant dans le contenu d'une page statique: 

<ul>
<?php 
$plxShow = plxShow::getInstance(); 
$plxShow->tagList('<li class="tag #tag_size"><a class="#tag_status" href="#tag_url" title="#tag_name">#tag_name</a></li>'); ?>
</ul>
La fonction tagList() permet d'afficher la liste des tags associés aux articles. Ici seul le premier paramètre de la fonction est utilisé pour formater l'affichage de la liste html. Pour limiter le nombre de tags à afficher, utilisez le deuxième paramètre de la fonction tagList() en spécifiant le nombre de tags à afficher.

Exemple extrait du fichier sidebar.php du thème par défaut de PluXml 

<ul>
	<?php $plxShow->tagList('<li class="tag #tag_size"><a class="#tag_status" href="#tag_url" title="#tag_name">#tag_name</a></li>', 20); ?>
</ul>
Ici seuls les vingt premiers tags sont affichés.

Pour d'autres articles sur la gestion des tags, je vous renvoie à ces précédents articles:

DClassé dans : PluXml ,Mots clés : Astuce, Tags, PluXml, Page statique

Réaliser des menus déroulants à partir des menus des pages statiques

Rédigé par jack le 32 commentairese

Dans ce tutorial nous allons voir comment réaliser avec jQuery des menus déroulants à partir des menus et des groupes de pages statiques.

Lire la suite de Réaliser des menus déroulants à partir des menus des pages statiques

DClassé dans : PluXml ,Mots clés : Page statique, Navigation, PluXml, Thème, jQuery

Déplacer le menu Blog

Rédigé par jack le 9 commentairese

Par défaut le menu "Blog" est affiché à la fin de la liste des menus des pages statiques. Ce menu Blog n'apparait que lorsqu'une page statique est configurée comme Page d'accueil. Depuis la version 5.3 de PluXml il est possible de déplacer ce menu pour le positionner n'importe où dans la liste des pages statiques.

PluXml position du menu blog

Voyons comment déplacer le menu blog en exemple.

Lire la suite de Déplacer le menu Blog

DClassé dans : PluXml ,Mots clés : Page statique, Navigation, PluXml, Tuto, Sidebar, Menu

Comment trier le nuage de tags

Rédigé par jack le Aucun commentairee

Le nuage de tags est affiché principalement dans la sidebar du site grâce aux lignes de code suivantes que l'on trouve dans le fichier sidebar.php stocké dans le dossier de son thème 

<ul>
	<?php $plxShow->tagList('<li class="tag #tag_size"><a class="#tag_status" href="#tag_url" title="#tag_name">#tag_name</a></li>', 20); ?>
</ul>
La fonction utilisée tagList() de la classe plxShow accepte depuis la version 5.3 de PluXml un troisième paramètre permettant de trier l'affichage des mots clés du nuage de tags. Mais commençons par un petit rappel sur l'utilisation de cette fonction et des différents paramètres qu'elle utilise.

Lire la suite de Comment trier le nuage de tags

DClassé dans : PluXml ,Mots clés : Tuto, Tags, PluXml, Sidebar

Afficher le menu d'une catégorie dans la barre des menus des pages statiques

Rédigé par jack le 8 commentairese

La barre des menus horizontaux généralement affichée dans la plupart des thèmes de PluXml, correspond à la liste des pages statiques visibles et actives.
Toujours dans un esprit de personnlisation de son thème, il est peut être utile voir intéressant de rajouter dans cette liste de menus, un menu donnant accès au contenu d'une catégorie d'articles. Voyons comment rajouter ce menu et quel code php utiliser.

Lire la suite de Afficher le menu d'une catégorie dans la barre des menus des pages statiques

DClassé dans : PluXml ,Mots clés : Astuce, Page statique, Catégorie

Donnez du style à vos titres

Rédigé par jack le 17 commentairese

Envie de changer la police de caractère utilisée pour votre titre en remplaçant les classiques Arial, Helvetica ou autre Serif par une fonte plus attrayante ? Je vous propose de mettre en place des webfonts dans le thème de votre PluXml pour personnaliser l'apparence des titres.

Lire la suite de Donnez du style à vos titres

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

Afficher une sidebar différente pour chaque page statique

Rédigé par jack le 5 commentairese

Voici une petite astuce pour afficher une sidebar différente pour chaque page statique.
L'idée est d'avoir plusieurs fichiers sidebar avec un contenu et une mise en forme différente adaptés à chaque page statique. Voyons comment mettre en place ces fichiers et les utiliser.

Lire la suite de Afficher une sidebar différente pour chaque page statique

DClassé dans : PluXml ,Mots clés : Page statique, PluXml, Sidebar, 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

Changer le titre du menu Accueil

Rédigé par jack le 2 commentairese

Il y a deux solutions pour changer le titre du menu Accueil.

Solution 1

Le thème par défaut est un thème multi-langues. La langue utilisée peut être changée à partir de la zone d'administration en allant dans le menu Paramètres > Configuration de base et en modifiant la valeur de la liste déroulante Langue par défaut du site.

Les clés de traduction sont stockées dans les fichiers du dossier themes/defaut/lang.
Ainsi dans le fichier fr.php de ce dossier on trouve la ligne: 

'HOME'					=> 'Accueil',
En changeant Accueil par le titre de remplacement souhaité, le titre du menu sera changé.

La même modification est à faire dans tous les fichiers de langue du dossier themes/defaut/lang si vous utilisez d'autres langues que le français.

Solution 2

La deuxième solution est plus simple et rapide. Elle consiste à modifer directement le fichier header.php.

Éditez le fichier themes/defaut/lang/header.php.

Localisez la ligne suivante: 

<?php $plxShow->staticList($plxShow->getLang('HOME'),'
  • #static_name
    • '); ?>
    Remplacez le texte suivant par le titre que vous souhaitez afficher 
    
$plxShow->getLang('HOME')
    Exemple: 
    
<?php $plxShow->staticList('Page d\'accueil','
  • #static_name
    • '); ?>

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

    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

    Top