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

Si vous avez un peu de temps ou la curiosité de les relire ce serait très sympathique de partager vos points de vue et surtout relever ce qui vous semble être des erreurs ou manquants.

le premier de la série: https://pluxthemes.com/creer-un-theme-etape-fichiers-01#sum

Pour le moment il y a

• 6 articles concernant les fichiers d'un thème.
• 3 articles traitant des styles, le dernier finis avec un petit point sur la découpe du document, qui peut être aussi un template HTML

Bonne fin de semaine

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

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

On peu dire que c'est un peu WTF

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.

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

• aux nouveaux utilisateurs ayant déjà des notions de codage et désireux de réutiliser ou de développer eux même leurs thèmes.
• aux utilisateurs de PluXml qui souhaitent mettre à jour un PluXml qui à de nombreuses années et mettre leur thème à jour..
• à tous ceux qui veulent prendre l'aspect création de thème en main, cela fait une entrée en matière en leur donnant quelques clés et une liste de thème qu'ils peuvent bricolés à volonté .
• etc.

Ce tutoriel est sorti car il semblait ne pas y en avoir encore sur ce sujet et que l'on trouve sur le git-hub de PluXml un répertoire listant + de 170 thèmes . https://github.com/pluxml/PluXml-Themes
Certains d'entre eux ont bien vieillis et méritent d'être remis à jours et améliorés. D'autres serviront à simplement se faire la main.

Ce tuto est tout frais et a été écrit en mettant à jour un thème de 2009 en tentant de montrer dans quel sens s'y prendre et quels pouvait être les aspects à prendre en compte au delà de juste ajouter un fichier ìnfos.xml`.
Ce tuto n'a aucune autre ambition que d'aider les utilisateurs de PluXml.

Toutes critiques pour améliorer ce(s) tuto(s) sont les bienvenues, et si en plus il sert , c'est qu'il aura servi (dixit le grand Maréchal La Palice).
Si un aspect est manquant, demandez.

Le tuto est composé de 4 articles et le premier est ici : https://pluxthemes.com/article49/mettre-a-jour-un-vieux-theme-14

Cdt,
GC

Un seul fichier CSS et sans dépendance d'un framework.

Quelques variables CSS en debut des styles vous permettront de modifier:

• couleurs de texte,
• couleurs de fonds
• image de fond de body

Visuel

Caractéristiques principales:

• Responsive
  avec un contenu de largeur :

  • 100% en dessous d'une vue au max a 699px
  • 500px au minimum au dela d'une vue de largeur de 700px
  • 1360px au maximum dans une vue au dela de 700px.
  • Ces valeur peuvent être modifier à partir de cette regle : grid-template-columns: auto minmax(200px, 500px) minmax(300px, 760px) auto; ligne 155 du fichier unique theme.css .

• un menu de type "burger" qui reste coller en mode mobile.

• générations de données structurés pour les articles et le chemin de fer...
• affichage en 1colonne, puis 2, puis 4 lorsque la largeur maximal est atteinte laisant apparaitre l'image de fond de body.

Sa particularité est de faire usage de balises personnalisées (Custom Element) de la plus simple façon.

Vous trouverez ce thème en téléchargement sur la page https://github.com/gcyrillus/Theme_HolyGrail

Le lien de téléchargement direct : https://github.com/gcyrillus/Theme_HolyGrail/archive/refs/heads/main.zip

cdt

Le nombre de mots lu par minute est configurable ainsi que son format d'affichage.

Pour l'utiliser,

• télécharger l'archive et dézipper la dans le répertoire plugins situé à la racine de PluXml.

• ajouter le hook suivant

  <?php if(eval($plxMotor->plxPlugins->callHook('showReadingtime'))) return; ?>
  

  dans votre thème dans le fichier home.php et éventuellement les templates article.php et article-full-width.php

• Le plugin est configuré par défaut sur 220 mots et affichera les secondes, Ces infos sont insérées dans un span avec la class tempsLecture . La page de configuration du plugin vous permet de modifier le format d'affichage ainsi que le nombre moyen de mots que vous estimez.

Plugin créer à l'occasion d'une question sur le forum par @entropie https://forum.pluxml.org/discussion/7125/est-ce-quil-existe-un-plugin-pour-afficher-le-temps-de-lecture-estime

Vous trouverez aussi les premières version du plugin sous les branches : bêta, config_Me et hooked. Pour votre curiosité, vous en servir de base, etc.

Est-ce possible de mettre ce thème pluXml basé sur l'ancienne version de Bootstrap 3.0 à jour avec la dernière version de Bootstrap v5.1.3 pour l'installé sur la dernière version de pluXml ?

Selon vous, dois-je partir du thème par défault de pluxml où bien est-ce plus simple de modifier le thème bootstrap 3 ?
Les modifs se font-elles uniquement dans le dossier du thème où est-ce qu'il faut aller dans le core ?
Pouvez-vous s'il vous plait me donner une idée des principaux dossiers et fichiers qu'il faut modifier ?

Mon but au final est d'obtenir ce type de disposition que je trouve plutôt ergonomique :

Petit plugin regroupant les 2 HOOKs du theme et ajoutant un HOOK customisable sur une balise du théme.-|/-.
Les fichier PhP du théme peuvent être affiché pour rechercher la balise où appliquer votre hook.-|/-. A utiliser avec précaution.

archive du plugin sur github @ https://github.com/gcyrillus/plx-hookMyTheme/archive/refs/heads/main.zip

idée premiere evoqué ici : https://forum.pluxml.org/index.php?p=/discussion/6919/ajout-dun-hook-sur-le-theme-actif-ou-pas

Je partage aujourd'hui un plugin perso que je viens d'utiliser pour facilement injecter dans le thème en cours le petit code du plugin plxMySkinSelect qui se trouve ici : https://github.com/Pluxopolis/plxMySkinSelect . En effet , au lieu d'éditer un a un les thèmes, pour y insérer ce code, je me suis servis de ce plugin sans toucher aux thèmes.

Quelque soit le thème en cours, ce code

<div id="themes"><style>#themes {position: fixed;bottom: 0;z-index: 10;display: flex;gap:1rem;padding: 0 1rem;left:0;background:white;color:#333;}#themes>*,#themes>*>*,#themes>*>*>*{padding:0!important;margin:0!important;line-height:1.2}</style><h3>Th&egrave;mes</h3><?php eval($plxShow->callHook('MySkinSelect')) ?></div>

est injecté avant la fermetur de body.

L'idée était de mettre en ligne la démo des quelques thèmes que j'ai récemment mis en ligne pour PluXml , visible à http://gcyrillus.alwaysdata.net/ et je m'aperçois que ce petit plugin peut rendre services à d'autres .

Cdt

Encore un thème pour bPluXml, en boites qui s'imbriquent, sans JavaScript.

Basé sur le système de grid-layout, ce thème n'utilise aucune image, à part votre logo et votre favicon à mettre à la place de celles de PluXML.

Il y a un point de ruptures a 800px pour passé le header et le contenu principal en une seule colonne.

sur la page d’accueil,rubrique, tag ou archive, les aperçus d'article sont empilés et slide les uns après les autres au clique ou à l'aide de la touche de tabulation.

Les éléments de la barre secondaires s'affichent sous le contenu principal en petits carré de 5 à 1 colonnes selon la largeur de l'écran.

previews

Le thème peut-être sélectionner sur http://gcyrillus.alwaysdata.net/ pour le tester avec les fables de la fontaines.

N’hésitez pas à le copier, modifier et repartager.

• -Couleur de fonds et polices principales déclarées en variables CSS afin de facilement modifié les palettes de
  couleurs du thème.

  • -favicon et logo générique à remplacer par les vôtres.

Télechargement de l'archive : https://github.com/gcyrillus/MasTro/archive/refs/heads/main.zip

Rendus selon Navigateurs

grid masonry	ou	simple grid

Cdt

Édit le grid-layout en mode masonry n'est pour le moment disponible que dans Firefox si activé.
Pour l'activer, taper dans la barre d'adresse about:config puis rechercher masonry et passer la valeur false à true. C'est tout.

Le thème peut-être sélectionner sur http://gcyrillus.alwaysdata.net/ pour le tester avec les fables de la fontaines.

Mais la je suis à la recherche d'un thème "OnePage" pour un petit site que je veux créer.
J'ai fait une recherche sur le site mais je ne trouve pas de thème a télécharger.

Est-ce que ça existe?

Dans l'administration, à l'édition d'une page, les templates disponibles s'affichent dans la liste.

Dans le cas d'une page statique d’accueil , il peut-être intéressant de proposer un look différent mais aussi de l'activer uniquement si cette page est effectivement la page d’accueil.

Une solution est de tester l'URl demandée avant d'utiliser ce template ou de se rabattre sur un autre par défaut .

exemple de test

<?php if (!defined('PLX_ROOT')) exit; ?>
<?php 
 // on valide le template si cette page statique s'affiche en page d'accueil.
 if ($_SERVER['REQUEST_URI'] !=='/') {
     include __DIR__.'/static.php';
     exit;
     }
?>

Un fichier template exemple et une feuille de style pour le thème par défaut peuvent vous servir si l'idée vous tente : https://github.com/gcyrillus/plx-custom-static-home/archive/refs/heads/main.zip ou voir ce que cela peut donner sur un thème par défaut a peine modifier http://gcyrillus.alwaysdata.net/ (site démo rempli avec le plugin les fables de la Fontaine ).

Reste un défaut, en changeant de thème, si vos fichiers templates ne matchent plus avec ceux présent dans le thème, PluXml affiche une page erreur. Switcher sur le template par défaut du mode, serait peut-être plus approprié.

cdt

Voici le dernier visuel de mon site soumis a vos critiques.! https://re7net.com
screen de la page d’accueil :

Il remplace un visuel qui a vécue a peine deux mois et qui n'a pas résisté aux critiques de mon entourage (trop sombre et fouillis/compacte), celui-ci semble déjà plaire à une vingtaine de personnes avec comme critique : une trop grosse différence entre la page d'accueil et les autres.

Il est basé sur le thème par défaut de PluXml 5.8.6 avec une reprise de home.php pour l'affichage en page d’accueil. Les CSS sont ajoutés dans le fichier themes.css juste après ceux du thème par défaut.
fontawesome est aussi dans la partie, bien que peu utilisé.

IE11 est volontairement ignoré, quant à Safari et mobile Apple, je n'en ai pas sous la main pour tester si les clip-path et grid/flex ont le comportement attendu.

Il fonctionne , entre autres, avec un plugin séparant 2 types de catégories principales lors de la navigation en mode catégorie et article.

description(categorie) et meta description(statique) sont mis à contribution à l'affichage de la page d’accueil

Je suis aussi conscient du manque de photos/illustrations que beaucoup m'ont fait savoir, enfin , l'orthographe et les accentuations seront corrigés au fil du temps et des relectures des articles par ma moitié Un collègue s’était porté volontaire mais n'avait pas réalisé qu'il pouvait y avoir plusieurs articles ... et que sa vie personnelle était déjà bien remplie avec ses deux enfants en bas age, que les journées s'allongent et deviennent plus belles, que les mesures restrictives de confinements s’amoindrissent, ... bref, on est tous a reprendre un cours de vie plus normal et ça c'est cool.

Cdt,
GC

j'essaie de récupérer le contenu du champ description d'une page statique (champ affichée dans les méta)

Mes tentatives pour récupérer le numéro de la catégorie a partir et de #cat_url sont infructueuses (à partir d'un fichier du théme). , si je teste :
<?php $plxShow->staticList('','<a href="#static_url" title=".$plxMotor->aStats['001']['meta_description'] .">#static_name</a>'); ?> cela me donne bien la description de la page statique 001 (donc ça marche) , mais je n'arrive pas a extraire ce numéro depuis #static_url et de le réinjecter comme index, et attribuer à chaque page statique sa description si il y en a une.

 `function get_num ($str) {
    preg_match_all('/static\d+/', $str, $matches);
    $str = implode($matches[0]);
    preg_match_all('/\d+/', $str, $matches);
    $num = implode($matches[0]) ;
   // echo $num .PHP_EOL;
    $res = str_pad($num, 3, '0', STR_PAD_LEFT);
    //echo $res;
   return $res;
}`

Pour le coup j'ajoute en dur dans la boucle de la fonction staticList(); : $stat = str_replace('#static_description', plxUtils::strCheck($this->plxMotor->aStats[$k]['meta_description']) , $format); . Il y a surement un truc plus simple et plus court à faire a partir de l'url dans le fichier du théme ($format) plutôt que de faire un plugin pour tout reprendre pour une seule ligne.

Merci

• optimisation du code php. 4 scripts php utilisent une boucle identique pour afficher une liste d'articles. Cette boucle est maintenant dans le script posts.php qui est "include" dans {home,categorie,tags,archives}.php
• les scripts {articles,categorie,static}-full-width.php sont simplifiés et font un "include" à {articles,categorie,static}.php respectivement
• Les règles CSS pour le media "print" sont corrigés pour l'impression d'un article. Elles sont mises dans theme.css pour éviter le téléchargement d'un fichier supplémentaire

Le thème comprend un script "script.js" qui ajoute les fonctionnalités suivantes :

• insertion facile de notes de bas de page (footnote en anglais)
• génération automatique d'une table de matières en début d'article quand celui-ci est divisé en chapitres

Ces fonctionnalités ont été ajoutés suite à 2 discussions récentes hélas parties dans les nuages
Thème disponible sur mon dépôt (repository)

J'ai donc forké ce dépôt pour créer semi-automatiquement une galerie de présentation avec un aperçu de tous les thèmes. Il y a juste un petit script php à lancer à la main pour générer un fichier de données au format json.

Et bien sûr, cela est visible sur Github :
Voir la galerie
Faites votre choix !

Contact en MP , rémunération à la clef merci par avance de vos retours