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
Connaître le statut d'un plugin coté visiteur
Rédigé par jack le 3 commentairese
Bout de code donné récemment sur le forum de http://pluxml.org pour tester l'activation d'un plugin coté visiteur.
<?php
if(isset($plxMotor->plxPlugins->aPlugins['nom_du_plugin']))
echo "plugin actif";
else
echo "plugin inexistant ou inactif";
?>
Remplacer "nom_du_plugin" par le nom du plugin à tester (ex: plxMyContact)
Quand un plugin est activé, il apparaît dans le tableau $plxMotor->plxPlugins->aPlugins
Il suffit alors de tester si l'index de tableau existe.
PS: Pour le même test coté administration, remplacer $plxMotor par $plxAdmin
DClassé dans : PluXml, Bout de code ,Mots clés : Snippet, PluXml
Remplacer le lien "Lire la suite" par une image
Rédigé par jack le Aucun commentairee
Seules quelques lignes de code css sont à rajouter dans la feuille de style de son thème pour remplacer le lien "Lire la suite" par une image. Voyons en détail comment faire...
Lire la suite de Remplacer le lien "Lire la suite" par une image
DClassé dans : PluXml ,Mots clés : Css, PluXml, Snippet, Thème
Pages statiques sous forme de menus déroulant en pur css
Rédigé par jack le 14 commentairese
Envie d'afficher la liste des menus des pages statiques sous forme de menus déroulants ?
Comme on essaye toujours de faire les choses simples avec PluXml avec un minimun de modification, voici comment réaliser des listes déroulantes à partir des groupes des menus des pages statiques avec uniquement du code css.
Lire la suite de Pages statiques sous forme de menus déroulant en pur css
DClassé dans : PluXml ,Mots clés : Css, Menu, Page statique, PluXml, Tuto, Template
Ajouter une aide aux thèmes de PluXml 5.5+
Rédigé par jack le 1 commentairee
Avec le gestionnaire de thème apparu depuis la version 5.5 de PluXml, il est possible d'ajouter une aide aux thèmes, visible sous forme d'un lien Aide au niveau du descriptif du thème. Cet aide peut servir par exemple à indiquer à l'utilisateur des pré-requis, comme les plugins à installer pour le bon fonctionnement du thème.
Nous allons voir quel fichier utiliser et comment le renseigner pour afficher l'aide d'un thème.
Lire la suite de Ajouter une aide aux thèmes de PluXml 5.5+
DClassé dans : PluXml ,Mots clés : Administration, Thème
Positionner l'image d'accroche à gauche ou à droite du chapô
Rédigé par jack le 1 commentairee
L'image d'accroche est une nouvelle fonctionnalité de PluXml 5.5 qui permet d'illustrer un article avec une image. L'ajout de l'image se fait facilement grâce aux champs prévus au niveau de l'écran de rédaction d'un article.
Une fois la mise en forme de l'affichage mise en place au niveau du thème, la présentation sera identique pour chaque article. Ce qui facilite la publication pour avoir une présentation homogène à chaque article.
Nous allons voir comment positionner cette image d'accroche à droite ou à gauche du chapô, simplement à partir de quelques lignes de code css à rajouter dans le fichier theme.css de son thème
Lire la suite de Positionner l'image d'accroche à gauche ou à droite du chapô
DClassé dans : PluXml, Bout de code ,Mots clés : Astuce, Css, PluXml, Thème
Gestionnaire de thème de PluXml
Rédigé par jack le 2 commentairese
Depuis la version 5.5, un gestionnaire de thème est disponible dans PluXml à partir du menu Paramètres > Thèmes
Les thèmes disponibles sont visibles sous forme de liste avec une image de prévisualisation et différentes informations (auteur, n° de version, etc...). On peut donc choisir et activer le thème à utiliser coté visiteur. Le thème activé est toujours le premier de la liste.
Pour les développeurs, voici les consignes à respecter pour l'image de prévisualisation et comment renseigner le fichier infos.xml qui contient les informations sur le thème.
Lire la suite de Gestionnaire de thème de PluXml
DClassé dans : PluXml, Documentation ,Mots clés : PluXml, Thème, Xml