[Thèmes]myPlxDefaut-Enhanced

cpalocpalo Member
30 sept. modifié dans Vos créations

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|

Réponses

Connectez-vous ou Inscrivez-vous pour répondre.