[Thèmes]myPlxDefaut-Enhanced
cpalo
Member
Ce sont trois adaptations du thème par défaut de PluXml (version 5.8.16). Ces thèmes respectent les choix principaux du thème par defaut.
Site de demo :https://mypluxml.cahue.net
Pour les télécharger : https://mypluxml.cahue.net/index.php?static8/downloads
Leurs principales différences :https://mypluxml.cahue.net/index.php?article2/comparatif-des-versions
Principaux ajouts par rapport à PluCss
- Respect de l'outline html5 (table des matières) composé de divers éléments sectionnant avec un titre sous chaque élément (section, article, aside, nav).
Attention: les éléments header, main, footer, div ne sont pas des éléments sectionnant. - Utilisation des variables css (custom properties).
- Utilisation des couleurs HSL.
- Possibilité d'une typographie responsive.
Modification de la structure du thème
- Ajout d'un fichier assets à la racine du thème.
- Ajout d'un dossier css-templates à la racine du dossier css, afin de recevoir les feuilles de styles liées aux templates (e.g static-downloads.css pour static-downloas.php).
- Ajout d'un dossier custom à la racine du thème pour une éventuelle customisation du thème sans modifier le thème de base.
Ajout de templates
- static-home.php
- static-downloads.php
Modification du head
<link rel="icon" href="<?php $plxShow->template(); ?>/img/favicon.png">
<link rel="stylesheet" href="<?php $plxShow->template(); ?>/css/myplucss-enhanced-625-14.09.css">
<link rel="stylesheet" href="<?php $plxShow->template(); ?>/assets/icons/fontawesome-free-6.4.2-web/css/all.css">
<link rel="stylesheet" href="<?php $plxShow->template(); ?>/assets/icons/boxicons-2.1.4/css/boxicons.css">
<link rel="stylesheet" href="<?php $plxShow->template(); ?>/assets/vendors/prism-1.29.0/prism-default.css">
<?php $plxShow->pluginsCss(); ?>
<link rel="stylesheet" href="<?php $plxShow->template(); ?>/css/myplxtheme-enhanced-625-14.09.css">
<?php $plxShow->templateCss('css/css-templates/'); ?>
<link rel="stylesheet" href="<?php $plxShow->template(); ?>/custom/css/custom-defaut.css">
Ajout du script prism.js dans le footer
<script src="<?php $plxShow->template(); ?>/assets/vendors/prism-1.29.0/prism.js"></script>
Comparatif des trois versions
|test tableau|
Connectez-vous ou Inscrivez-vous pour répondre.