Sélectionnables et téléchargeables depuis le sélecteur de thème ou la page listing pour ceux qui y figurent.

blogbox

photoblog

redmaple

mini

black

orangeblue

creation2606

magnews voir https://codepen.io/gc-nomade/pen/OPVBvoJ ^{les structures de contenus de pluxthèmes ne sont pas franchement compatible avec ce thème)}

variant2606

variant2406

beige

https://pluxthemes.com/pinkpaint

https://pluxthemes.com/gridlighted

et deux article supplémentaire dans la série "créer un thème" à propos de ce thème:

https://pluxthemes.com/creer-un-theme-etape-integration-01

https://pluxthemes.com/creer-un-theme-etape-integration-02

Je suis ravi de vous annoncer la sortie d’un tout nouveau thème, conçu pour exploiter le meilleur de PluXml tout en offrant une personnalisation poussée et un design moderne.

Pour découvrir toutes les fonctionnalités une documentation simple et claire est incluse.

Pour voir le thème, le télécharger et l'essayer, rendez-vous ici : https://starlight.kamea.fr

N’hésitez pas à partager vos retours, suggestions ou questions ici, ou sur le dépôt GitHub. Je dispose également d'un discord dédié à PluXml (non officiel).

Vos avis sont précieux pour continuer à améliorer ce thème et proposer de nouvelles fonctionnalités.

Vive la communauté et un grand bravo à nos développeurs passionnés, qui font de PluXml un outil trés agréable à utiliser !

Bonne découverte & bonnes fêtes à toutes et à tous.

William (Kamea)

postit:

https://pluxthemes.com/postit
Variant du thèmes par défaut. Feuille de style original + surcharge pour le look du thème.

roundbox

https://pluxthemes.com/roundbox
(sans commentaires ni liens vers les pages statiques)

• Pluxml avec l'envoi de mail en SMTP avec OAuth2 (modif du 21 mars)
• le thème Starhight pour afficher publiquement les informations pour séduire lors de la phase du choix des visites.
• Static MiniForum pour les discussions entre les membres de la communauté
• membersOnly pour gérer la partie privée du site
• notifyMe pour informer la communauté par mail

Pour en savoir plus : https://ecam.bodieu.fr/article43/une-reseau-social-prive-pour-preparer-un-evenement
N.B. : Mais vous ne saurez pas tout : la partie privée est réservée aux personnes invitées au séjour, à savoir les anciens élèves de l'ECAM..

comme son nom l'indique, voici à quoi il ressemble et les styles se résument presque uniquement à cela, les contenus restent néanmoins lisible et accessibles et du texte s'affiche au survol des qrcodes :

Sur la page d’accueil, si vous avez une page statique nommée "may25", elle sera automatiquement incluse. Elle vous permettra de mettre en avant un article ou une autre page de votre site.

Vos retour permettront de relever les bugs et incohérences.

Le thème ribborn aussi construit sur une grille passant de 1 à 3 colonnes est dans les tons jaune brun, avec une bannière a fond aléatoire et comme son nom l'indique presque, la barre de navigation est stylé façon ruban (ribbon) ansi que les liens "Lire la suite".
test visuels et téléchargement : https://pluxthemes.com/ribborn.

Le thème veganish est dans les tons pomme verte et carotte, aussi construit sur une grille en grid. Le tiytre du site est coloré en s'inspirant du plugin https://ressources.pluxopolis.net/spantitle.html mais en encapsulant chaque lettre avec une forme et une couleur de fond différente.
test visuel et téléchargement : https://pluxthemes.com/veganish

C'est trois là sont gratuit et modifiables à volonté et le forum est là pour vous aider ou faire des suggestions

Je n'ai pas les compétences de développeur pour finaliser ce forum et le rendre agréable. Je remercie d'avance les développeurs qui apportent leurs contributions pour la satisfaction des utilisateurs.
La création du forum se fait en plusieurs étapes :

1. Création dela catégorie "forum". C'est un choix pour distinguer les discussions du forum des articles
2. Création de la page statique "forum" : Voir : https://pluxopolis.net/afficher-le-menu-d-une-categorie-dans-la-barre-des-menus-des-pages-statiques.html
3. Installer le module "Nouvelle discussion"
4. Créer le bouton "Nouvelle discussion"
5. Créer le module "Nouvelle discussion" et le mette dans sidebar.php
6. Installer un plugin "Notification". Le plugin "plxMyMailComment " permet d'envoyer une notification à une personne qui lance les discussions lorsqu'une réponse est posé. Il doit être adapté.
7. Définir les règles d'utilisation. Lorsque qu'un membre de l'association clique sur le bouton "Nouvelle discussion", le formulaire de rédaction d'un article s'affiche, il faut laisser vide le châpo et cocher dans les catégories la case "forum"

Aide attendue des développeurs
* revoir l'écran de saisie d'une nouvelle discussion et afficher au défaut la catégorie "forum"
* afficher automatisation du nom de la personne connectée dans les formulaires et simplification des contrôles
* ajouter une option pour étendre les notifications à tous les membres, en envoyant par mail de la dernière contribution
* etc

Avec mes remerciements

Son interface ressemble à

Une vingtaine de plugins sont installables en même temps ou après l'installation de PluXml.

Script inspiré du plugin jpbinstalleur et de kzinstall entre autres.

Il y manque le choix de thèmes, mais l'interface ne s'y prete pas vraiment , non .

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|

We would like to offer a paid or premium theme that we believe could greatly enhance the visual appeal and user experience of websites built upon PluXml CMS.

Theme Name: KlasikaNota

Theme License: Internal Use Only, Unlimited Install

Theme Overview:

KlasikaNota theme is designed with classic vibe visually but based on modern framework and functionality. It offers a responsive layout that adapts seamlessly to various devices, ensuring a consistent and enjoyable browsing experience for all users.

Key features include:

• Elegant Design: A clean and simple with classic vibe visual that feels like reading a newspaper.
• Color Mode: Site visitors can choose Light or Dark color mode whichever more comfortable for them.
• User-Friendly Interface: Intuitive navigation and layout enhancements to improve user engagement.
• Multi-Purpose: KlasikaNota theme is based on latest Bootstrap responsive framework with all functionality enabled.
• Future Updates: We will update the theme to keep it bug-free, compatible with the latest PluXml versions and compliance with security standards.

Screenshot:

Demo:

https://www.indocreativemedia.com/pluxml-themes-demo/klasikanota/

Buy Theme:

https://www.indocreativemedia.com/shop/downloads/pluxml-klasikanota/

Thank you

We would like to offer a paid or premium theme that we believe could greatly enhance the visual appeal and user experience of websites built upon PluXml CMS.

Theme Name: CleanBlog

Theme License: Internal Use Only, Unlimited Install

Theme Overview:

CleanBlog theme is designed with modern aesthetics and functionality in mind. It offers a clean, responsive layout that adapts seamlessly to various devices, ensuring a consistent and enjoyable browsing experience for all users.

Key features include:

• Elegant Design: A clean and simple visual design that feels elegant and appealing.
• Color Mode: Site visitors can choose Light or Dark color mode whichever more comfortable for them.
• User-Friendly Interface: Intuitive navigation and layout enhancements to improve user engagement.
• Multi-Purpose: CleanBlog theme is based on Bootstrap 5 responsive framework with all functionality enabled.
• Future Updates: We will update the theme to keep it bug-free, compatible with the latest PluXml versions and compliance with security standards.

Screenshot:

Demo:

https://www.indocreativemedia.com/pluxml-themes-demo/cleanblog/

Buy Theme:

https://www.indocreativemedia.com/shop/downloads/pluxml-cleanblog/

Thank you

testables et téléchargeables depuis https://pluxthemes.com

Cdt

En éditant les fichiers CSS du théme en cours , j'ai découvert que tout mes Unicode étaient nettoyé de leur backslash.

J'ai donc ajouté devant un caractère d’échappement pour les préservés, ce qui équivaut a transformé tout les "\" en "\\". Aprés quelques éditions, c'est juste agaçant.

Ce petit plugin vous évite une prise de tête inutile. https://github.com/gcyrillus/PLX-cssBackSlash

MAJ 02-22
MAJ 10-23 voir la réponse suivante pour les détails qui ne concerne que le js. Adresse repo inchangé mais branche v2.0

js

(function () {
    window.onload = function() {
        let txtA = document.querySelectorAll('[name="title"],[name="chapo"],[name="content"]');

        for (i=0;i<txtA.length;i++){  
          if(txtA[i].tagName == 'INPUT'){
            let content = txtA[i].value;
            txtA[i].value=  escapeRegex(content); 
          }
          else {  let content = txtA[i].innerHTML;
            txtA[i].innerHTML=  escapeRegex(content); 
          }                 
        }
        function escapeRegex(string) {  
            return string.replace(/[\\]/g, '\\$&');
        }
    }

})();

et les hooks utilisés (edition feuille de style, page statique et article )

#Ajoute un caractére d'échappement devant chaque \ trouvé dans une feuille de style
public function AdminSettingsEdittplFoot() {
echo self::BEGIN_CODE;
?>
$plgPlugin = $plxAdmin->plxPlugins->aPlugins['<?= __CLASS__ ?>'];
if(substr($tpl, strrpos($tpl, '.') + 1) =='css')    echo  '<script src="'.PLX_PLUGINS . '<?= __CLASS__ ?>/js/<?= __CLASS__ ?>.js"></script>';
<?php
echo self::END_CODE;
 }

        #Ajoute un caractére d'échappement devant chaque \ trouvé dans une page static
        public function AdminStaticFoot() {
            echo self::BEGIN_CODE;
?>
$plgPlugin = $plxAdmin->plxPlugins->aPlugins['<?= __CLASS__ ?>'];
echo  '<script src="'.PLX_PLUGINS . '<?= __CLASS__ ?>/js/<?= __CLASS__ ?>.js"></script>';
<?php
            echo self::END_CODE;
        }

        #Ajoute un caractére d'échappement devant chaque \ trouvé dans une page article
        public function AdminArticleFoot() {
            echo self::BEGIN_CODE;
?>
$plgPlugin = $plxAdmin->plxPlugins->aPlugins['<?= __CLASS__ ?>'];
echo  '<script src="'.PLX_PLUGINS . '<?= __CLASS__ ?>/js/<?= __CLASS__ ?>.js"></script>';
<?php
            echo self::END_CODE;
        }

cdt,
GC

Libre adaptation de https://styleshout.com/free-templates/keep-it-simple/ où vous trouverez la version HTML/CSS originale.

description:

Keep It Simple est un modèle de site Web propre et minimaliste conçu principalement pour les blogs. La conception n'utilise pas beaucoup d'images; Il se concentre davantage sur le contenu et la typographie.
Keep It Simple est entièrement réactif et évolue gracieusement des ordinateurs de bureau au plus petit téléphone mobile. Les ressources en haute résolution et au format vectoriel garantissent un aspect net sur les écrans retina.

| Sources et Credits :

styleshout.com : Design

PluxThemes.com pour l'integration au CMS PluXml.

Open Sans Font, Merriweather Font, Font Awesome, UnSplash.com, JQuery, Modernizr, Gravatar

Pour vous dire que je suis un nouvel adepte de pluxml, car j'ai réalisé avec mon micro-blog : le papillon embarrassé à https://papillonembarrasse.ouvaton.org

Je suis assez content de sa simplicité. Un seul petit problème : les images qui sur les mobiles ne se recadrent pas correctement, leurs proportions ne sont pas respectées. Et sans parler qu'il y a un "2630" bizarre qui apparait en haut à droite. Sinon tout est nickel.

Merci aux concepteurs, codeurs, etc !

<style>:where(.page-item.page-link.active) { text-decoration:underline;font-weight:bold; padding:0.3em 2em;}.pagination.text-center.center.bordered{border-radius: 5px;width:max-content;  margin:auto;  border:solid 1px;display:flex;align-items: center;list-style:none;gap:0.5em}</style><?php
# $this is $plxShow
    #########################################
    #configuration 
    #########################################
    # nombre de bloc à afficher par page
    $bypage = 1;

    $intermediaire = false; //mettre true au lieu de false pour afficher les liens de chaque page
    #########################################
    # FIN configuration
    #########################################

    ############################# 
    # extraction et maj variables
    ############################# 

    # extraction de l'url
    $url = 'static'.$this->staticId().'/'.$this->plxMotor->aStats[$this->plxMotor->cible]['url'];

    # generation du lien
    $link = $this->plxMotor->urlRewrite($url."/?page");

    # extraction du numéro de page dans l'URL 
    $currentPage = preg_match('#\bpage(\d*)#',$_SERVER['REQUEST_URI'], $capture) ? intval($capture[1]) : 1;

    # indice de début, premier article à afficher
    $start = ($currentPage - 1) * $bypage;


    #################################################
    # stockage des blocs de contenus dans un tableau
    # tableau defini dans array(). chaque bloc stocké
    # entre deux apostrophe ' 
    # separé par une virgule ,
    # si un bloc contient une apostrophe '
    # celle-ci doit-être préceder d'un \\
    # depuis l'administration de PluXml, 
    # Il faut doubler ce signe en \\\\
    # exemple: l\\'exemple. C\\'est obligatoire.
    #################################################

$blocks = array(
'<div> A - un div dans la boucle, c\\'est le premier.</div>',

'<div> B - un div dans la boucle</div>',

'<div> C - un div dans la boucle</div>',

'<div> D - un div dans la boucle</div>',

'<div> E - un div dans la boucle</div>',

'<div> F - un div dans la boucle</div>',

'<div> G - un div dans la boucle</div>',

'<div> H - un div dans la boucle</div>',

'<div> I - un div dans la boucle, c\\'est le dernier</div>')
;

// Calcul du 1er article de la page
$premier = ($currentPage * $bypage) - $bypage;

// On calcule le nombre de pages total
$nbr = count($blocks);
$pages = ceil( $nbr / $bypage);


$blocks = array_slice($blocks, $premier, $bypage);
?>
<!-- affichage des blocs selon le nombre à afficher par pages dans la variable $bypage -->
<div class="my_articles">
<?php
    # boucle pour l'affichage
    foreach ($blocks as $key) {

 echo $key;
    }
?>
</div>
<!-- fin affichage des blocs -->


<!-- Affichage de la pagination -->

<?php
    ############################
    # Affichage de la pagination
    ############################
?>
<nav>
    <ul class="pagination text-center center bordered">
        <!-- Lien vers la page précédente (si on ne se trouve pas sur la 1ère page) -->
        <?= ($currentPage > 1)  ? "<li class=\\"page-item\\" ><a href=\\"".$link . $currentPage - 1 ."\\" class=\\"page-link\\">".L_PAGINATION_PREVIOUS."</a></li>" : "" ?>

        <?php if($intermediaire == true)  {
        for($page = 1; $page <= $pages; $page++) {
          # Lien vers chacune des pages (activé si on se trouve sur la page correspondante)
          echo '<li class="page-item ';
          if($currentPage == $page)  echo 'active';
          echo '"><a href="'.$link.$page .'" class="page-link">'.$page.'</a></li>';
            }
        }
        else {
         echo "<li class=\\"page-item page-link  active \\">
                ".$currentPage." / ". $nbr."
            </li>"; 

        }   ?>
          <!-- Lien vers la page suivante (si on ne se trouve pas sur la dernière page) -->
         <?= ($currentPage < $pages) ? " <li class=\\"page-item\\"><a href=\\"".$link.$currentPage + 1 ."\\" class=\\"page-link\\">".L_PAGINATION_NEXT."</a></li>" : "" ?>

    </ul>
</nav>

Script à copier/coller dans une page statique depuis l'administration de PluXml .
Les symboles \ sont doublés pour être préservés à l'enregistrement.

Aspect de la barre de pagination selon la configuration choisie (dans le thème par défaut):

Les contenus à paginer sont à inclure dans un tableau (voir et remplacer l'exemple inclus), c'est la seule difficulté qu'il peut y avoir. attention aux typos et a doubler / échapper les \ avant enregistrement pour les préserver.

Compatible avec la réécriture d'URL et le plugin MyBetterUrl .

On peu dire que c'est un peu WTF

Ces deux nouveaux thèmes sont très similaires,
l'un pour un blog,

l'autre pour un blog plus fourni permettant d'afficher un plus grand nombre d'articles en réduisant l'espace occuper par les derniers de la liste, permettant ainsi d'afficher de 10 à 30 articles par page sans que cela soit d'une longueur interminable.

Si l'article n'a pas d'image d'accroche, alors le thème tente d'afficher celle de la catégorie.

Petit cadeau : un thème simple mais coloré nommé pluxshow

Démo sur ce site (site en construction mais démo utilisable) : https://eriicj.xyz/pluxthemes/

Téléchargement : https://eriicj.xyz/pluxthemes/download/pluxshow.zip

ATTENTION : ce thème ne prend pas en charge les menus déroulants

Thème pour tout format d'écran, menu "hamburger" pleine page, couleurs issues de https://www.nordtheme.com/

Questions, support et suivi dans ce fil.

Bonnes fin d'année à vous.

Testable et téléchargeable ici https://pluxthemes.com/neumorph

Vous pouvez commenter ici ou là bas si il y manque des choses ou si il y a des bogues. C'est une base.

Cdt

La particularité sur ce thème est "l'absence du header et du footer" pour donner l'impression d'un faux onepage.

En réalité ils sont présents mais j'ai déplacer leur contenus dans "home" ainsi que sur "static + static full width" il s'agit du menu principal de navigation et en bas de home les éléments qui constituaient le footer.

Je me suis arranger pour faire coïncider la couleur dominante des backgrounds du footer avec celui du header, en prélevant le code couleur du bleu je l'ai appliqué en couleur de fond de la class main :

.main {
        background-color: #6dcff6;
        padding-top: 2rem;
}

Peut-être que je ne suis pas très clair mais une image vaut milles mots comme on dit ;-)

Disponible sur pluxthèmes et facilement personnalisable pour un peu qu'on s'y connaisse ou bien qu'on bidouille.

N'hésitez pas à me laisser votre avis et sur le genre de thème que vous aimeriez voir paraître prochainement.

• il existe dans un topic une liste de liens vers de très nombreux plugins, la rubrique correspondante dans les "ressources" en compte quelques uns mais pourrait être bien mieux remplie ...
• malheureusement sa petite sœur " thèmes " n'es pas accessible et reste désespérément vide !!! Pourquoi ne pas en faire aussi un endroit de regroupement des différents thèmes mis à disposition, voire même avec des visualisations possibles ???
• --- sachant que PluXml est toujours aussi pratique, efficace et productif qu'avant, encore plus d'ailleurs avec les nouvelles versions, mais nombre de personnes qui voudraient l'utiliser, déjà super contents de trouver un CMS en français, repart fort souvent déçus : facile à télécharger, facile à mettre en place, mais la démarche pour trouver des plugins est déjà assez rebutante et si trouver une 'personnalisation', un thème pour " son " site devient mission impossible, ces gens repartent finalement la grande majorité du temps vers ... WP !!!

Il faudrait en prendre conscience, car **le "partage" est quand même un des principe fondateurs mis en place lorsque le bébé à dit ses premiers mots ....

Le thème est dispo sur pluxthemes.com ou bien sur mon repo perso petitpouyo.fr/repo/

ces deux là partage une feuille de style semblable à part :

• l'image de fond
• les polices
• quelques couleurs

• la découpe et emplacement des pseudos sur body

  N’hésitez pas vous-même à en faire des forks si ils vous plaisent sur le fond

scifist : Dont le fond me rappelle Pilote (BD des 70's) et les aventures SF de valerian



et prince qui me fait penser aux petit Prince, avec un chien en plus

Visibles, testables et téléchargeables à https://pluxthemes.com/listing-des-themes

cdt

Orienter Blog, Les titres principaux sont affublés d'une lettrine surdimensionné.
téléchargeable et testable en live ici : https://pluxthemes.com/lettrines d'un click
Pas encore de repo github pour celui-ci