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.
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.
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
Grâce au CSS3 il est simple et rapide d'afficher les articles sur plusieurs colonnes.
Juste quelques lignes de code dans la feuille de style de son thème sont nécessaires pour changer la disposition du contenu des articles.
Lire la suite de Afficher les articles sur 2 colonnes