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

Les données structurées


Rédigé par gccyrillus le Aucun commentairee

icone json-ld

Qu'est ce que c'est?

Les données structurées sont des données organisées et stockées dans un format spécifique qui leur permet d'être facilement consultées, modifiées et analysées à l'aide d'outils informatiques.

Les données structurées sont organisées de manière à ce que les machines, y compris les moteurs de recherche, puissent facilement comprendre et extraire les informations qu'elles contiennent. Elles sont souvent présentées sous la forme de balises et de métadonnées qui décrivent le contenu d'une page Web. Les moteurs de recherche utilisent ces balises et ces métadonnées pour mieux comprendre le contenu des pages et les afficher plus efficacement dans les résultats de recherche.

Peut-on les intégrées a PluXml ?

Elles le sont déjà en parties si vous remplissez touts les champs d’édition de vos catégories, pages statiques et articles

Ce sont les champs meta (description et keywords) , title et alt pour vos images, entre autres.

Le format JSON-LD (JavaScript Object Notation for Linked Data) est l'un des formats de données structurées les plus populaires et les plus largement utilisés pour les pages Web. De simple script dans vos thèmes peuvent les générées pour vous

Lire la suite de Les données structurées

DClassé dans : PluXml, Bout de code, Thème ,Mots clés : JSON-LD, Référencement, Scripts, Tuto

Pagination via JavaScript


Rédigé par gccyrillus le Aucun commentairee

Dans deux précédents articles nous avons vu comment faire usage de la fonction pagination() de Pluxml ou en créer une de toutes pieces.

Cet article vous propose de voir ou revoir une version Javascript de pagination, que vous pourrez utiliser au sein de vos articles ou pages statiques.

Cette fonction a été proposé par Bazooka07 qui l'a intégré à quelques un de ses thèmes en libre services.

Voyons cette fonction et regardons comment en faire usage.

Lire la suite de Pagination via JavaScript

DClassé dans : PluXml, Bout de code ,Mots clés : Scripts, pagination, Tuto

Paginer le contenu d'une page statique


Rédigé par gccyrillus le Aucun commentairee

Parfois nos pages statiques peuvent nécessiter de voir leur contenu découper en plusieurs pages pour en faciliter la lecture.

Pour ce faire, il faut distribuer dans un tableau, chacun de ces morceaux  afin de les trier et générer la pagination adéquate .

Prérequis: un minimum de familiarité avec la syntaxe PHP pour insérer les contenus dans le code.

Lire la suite de Paginer le contenu d'une page statique

DClassé dans : PluXml, Bout de code, Programmation ,Mots clés : PluXml, gcyrillus-nomade, Scripts, Page statique

Utiliser la fonction pagination() dans une page statique.


Rédigé par gccyrillus le Aucun commentairee

Dans nos pages:  d'accueil, catégorie, mots clés, archives, ... il y a  une fonction de pagination qui permet de dispatcher l'ensemble des articles correspondant sur une ou plusieurs pages aux besoins.

Cet article vous propose de voir comment intégrer cette fonction dans une page statique en extrayant les articles d'une catégorie et en choisissant le nombre à afficher par pages.

Mais pour quel usage, car PluXml le fait déjà , non ?

Pluxml permet de masquer à l'affichage les liens vers une ou plusieurs catégories, vous pouvez donc cacher une catégorie des menus et la présenter au travers d'une page statique en reconfigurant l'affichage à votre guise.

Lire la suite de Utiliser la fonction pagination() dans une page statique.

DClassé dans : PluXml, Bout de code, Programmation, Documentation, Thème ,Mots clés : pagination, PluXml, Page statique

Choisir des thèmes ou apprendre à les mettre à jour


Rédigé par jack le Aucun commentairee

https://pluxthemes.com/

Tous les amis de Pluxml savent que les versions de ce CMS montent plus vite que les mises à jours des plugins et des thèmes existants ce qui peut être galère pour les débutants qui découvrent notre sympathique gestionnaire de sites.

Mais l'un d'entre-nous a enfin eu l'idée de mettre en ligne une sélection de thèmes (templates) mis à jour pour la dernière version PluXml 5.8.9 mais surtout d'écrire des tutoriels pour apprendre à ses visiteurs de le faire eux-même. :)

Lire la suite de Choisir des thèmes ou apprendre à les mettre à jour

DClassé dans : PluXml, Actualité, Documentation, Thème, Liens ,Mots clés : Pluxml, gcyrillus-nomade, Thèmes, Plugins, Templates, Bénévole, Mise à jour, Tutoriels, Création

Thème par défaut: installer une bannière sous le logo de PluXml


Rédigé par jack le 10 commentairese

Nous allons voir comment installer une image en guise de bannière dans le thème par défaut de PluXml 5.6, de manière à remplacer :

par :

Lire la suite de Thème par défaut: installer une bannière sous le logo de PluXml

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

Une barre des menus fixe


Rédigé par jack le 7 commentairese

Pour remplacer la barre actuelle des menus dans le thème par défaut de PluXml 5.6 et la rendre fixe, éditez le fichier themes/defaut/css/theme.css et remplacer les lignes suivantes:

.nav {
	background-color: #fff;
	height: 4rem;
	text-align: left;
	margin-top: 1rem;
}
par

.nav {
	background-color: #fbfbfb;
	height: 4rem;
	text-align: center;
	padding-top: 0.5rem;
	position: fixed;
	width: 100%;
	z-index: 1;
	border-bottom: 1px #eee solid;
}
La barre sera ainsi fixe en haut de l'écran lors de l'utilistion du scroll vertical à la souris et les menus seront centrés.

DClassé dans : PluXml, Thème ,Mots clés : Astuce, Css, Menu, Navigation, PluCSS, PluXml, Thème, Template

Renommer un fichier dans PluXml à partir du gestionnaire de médias


Rédigé par jack le 3 commentairese

Avec la sortie de PluXml 5.6, une nouvelle fonctionnalité, certes basique mais qui peut être très utile, est apparue dans le gestionnaire de médias, celle permettant de renommer facilement un fichier.

Comme le montre l'animation ci-dessous, en cliquant sur la petite icône "Renommer fichier" vous pourrez saisir le nouveau nom du fichier à partir d'une fenêtre de dialogue.

Notez qu'il n'est pas nécessaire de saisir l'extension du fichier. Si aucune extension est saisie, PluXml ajoutera automatiquement l'extension existante du fichier à la fin du nouveau nom.

Petite remarque, pensez qui si l'image que vous renommez est utilisée dans un article, le fait de changer son nom provoquera une erreur d'affichage au niveau de l'article car l'ancien fichier ne sera plus trouvé: changer le nom physique d'un fichier, ne change pas son lien dans les articles.

DClassé dans : PluXml ,Mots clés : Gestionnaire de médias, Tuto

Afficher les catégories sous forme de menus déroulants


Rédigé par jack le 5 commentairese

Nous allons voir en 2 étapes comment afficher la liste des catégories dans un menu déroulants, dans la barre des menus des page statiques

1ère étape: modification du fichier thème

Éditer le fichier header.php de votre thème (exemple /themes/defaut/header.php)

Localisez les lignes suivantes


<?php $plxShow->staticList($plxShow->getLang('HOME'),'<li class="#static_status" id="#static_id"><a href="#static_url" title="#static_name">#static_name</a></li>'); ?>
<?php $plxShow->pageBlog('<li id="#page_id"><a class="#page_status" href="#page_url" title="#page_name">#page_name</a></li>'); ?>
Remplacez les par le code suivant

<?php $plxShow->staticList($plxShow->getLang('HOME'),'<li class="#static_status" id="#static_id"><a href="#static_url" title="#static_name">#static_name</a></li>'); ?>
<li class="submenus">
	<a href="#"><?php $plxShow->lang('CATEGORIES') ?> ▼</a>
	<ul>
		<?php $plxShow->catList('','<li id="#cat_id"><a class="#cat_status" href="#cat_url" title="#cat_name">#cat_name</a> (#art_nb)</li>'); ?>
	</ul>
</li>
<?php $plxShow->pageBlog('<li id="#page_id"><a class="#page_status" href="#page_url" title="#page_name">#page_name</a></li>'); ?>

2ième étape: modification de la feuille de style

Éditer le fichier theme.css de votre thème (exemple /themes/defaut/css/theme.css)

Rajoutez à la fin du fichier les lignes suivantes


.submenus ul {
    position: relative;
    left: -9999px;
    float: left;
	margin: 0;
	padding: 0;
    list-style: none;
	z-index: 999;
}
.submenus:hover ul {
	left: 0;
	color: #fff;
	background-color:#000;
}
.submenus:hover ul li {
	font-size: 0.9rem;
	clear: both;
	float: left;
	padding: 2px 10px 2px 10px;
	width: 100%;
}
.submenus:hover ul li a {
    display: inline-block;
	margin: 0;
	padding: 3px 0 3px 0;
}
.submenus:hover ul li a:hover {
	text-decoration: none;
}

Et voilà, à vous d'adapter en fonction de vos besoins et de votre thème.

DClassé dans : PluXml ,Mots clés : Css, Menu, Catégories, PluXml, Tuto, Template

Afficher un commentaire au hasard dans un article


Rédigé par jack le 2 commentairese

Au lieu d'afficher tous les commentaires d'un article, voici un bout de code à utiliser pour n'afficher qu'un seul article pris au hasard.

Éditez le fichier commentaires.php présent dans le dossier de votre thème (exemple: /themes/defaut/commentaires.php)

en dessous de la ligne


<?php if($plxShow->plxMotor->plxRecord_coms): ?>
copiez le code suivant

<?php
	$comments = $plxShow->plxMotor->plxRecord_coms;
	$comment[0] = $comments->result[rand(0, $comments->size -1)];
	$plxShow->plxMotor->plxRecord_coms = new plxRecord($comment);
?>

DClassé dans : PluXml, Bout de code ,Mots clés : aucun

Top