Thème Starlight

Freesby · 11 janv.

@kamea un grand merci, il me tarde d'essayer sa avec impatience

gcyrillus-nomade · 11 janv.

Bonjour,

Il peut aussi être possible de tester avec une condition (un selecteur CSS est une condition) si la grille contient seulement un ou 2 articles et modifier la grille en conséquences.

Voici une modif avec des selecteur supplémentaires pour le fichier style.css à partir de la ligne 1203

.home-art_grid,
  .caterorie-art_grid,
  .tag-art_grid {
  display: grid;
  gap: 3rem;
    justify-content:center;
}

@media (min-width: 640px) {
  .home-art_grid,
  .caterorie-art_grid,
  .tag-art_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
    :is(.home-art_grid, .caterorie-art_grid,  .tag-art_grid):has(article:first-child:last-child)
  {  
    grid-template-columns: 50cqw;
  }
}

@media (min-width: 1280px) {
  .home-art_grid,
  .caterorie-art_grid,
  .tag-art_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  :is(.home-art_grid, .caterorie-art_grid,  .tag-art_grid):has(article:nth-child(2):last-child)
  {  
    grid-template-columns: repeat(2, 30cqw);
    }
  :is(.home-art_grid, .caterorie-art_grid,  .tag-art_grid):has(article:first-child:last-child)
  {  
    grid-template-columns: 30cqw;
  }
}

J'ai mis du cqw pour les dimensions de colonnes mais du vw passera aussi , je vous laisse le soin de tester et d'appliquer les valeurs qui vous conviennent si vous retenez cette proposition.

Cdt

Freesby · 12 janv.

@gcyrillus-nomade merci de ton aide

gcyrillus-nomade · 12 janv.

@kamea,

je viens de voir un autre bug dans le fichier commentaire.php avec la gestion du capcha. qui tente toujours de s'afficher quelque soit la configuration de PluXml.

Il faudrait l'inclure dans le test de configuration:

            <?php if ($plxShow->plxMotor->aConf['capcha']) : ?> 
            <?php $plxShow->capchaQ(); ?>
            <div class="comment_message">
                <label for="id_rep"><strong><?php echo $plxShow->lang('ANTISPAM_WARNING') ?></strong></label>
                <div>
                    <input class="dark:bg-secondary-600 dark:text-white" id="id_rep" name="rep" type="text" size="2" maxlength="120" style="display: inline">

                </div>
            </div> 
            <?php endif; ?>

Par exemple,

Ce test est bien présent dans le fichier du thème ligne 69 mais ne filtre rien

@Freesby De rien , je t'en prie

kamea · 13 janv.

@gcyrillus-nomade c'est noté pour la prochaine maj, merci

bazooka07 · 13 janv.

Autres détails à propos de la boucle sur les articles :

la balise <nav> pour la navigation devrait être dans le fichier inc/art_loop.php puisque commune aux fichiers categorie, tags, archives, home, user

Toujours dans le fichier inc/art_loop.php, il faudrait inclure la boucle while {..} dans une balise <div class="art-grid"> plutôt que d'avoir une multitude de : caterorie-art_grid, tag-art_grid, home-art_grid, grid sm:grid-cols-2 gap-8, grid gap-10 sm:grid-cols-2 xl:grid-cols-3.

Pour être en accord avec le modèle HTML5, il manque une balise <main> dans les fichiers concernant le bouclage sur les articles, à placer entre les include 'header.php'; et include 'footer.php';. Et certainement dans erreur.php et static.php

bazooka07 · 13 janv.

Tout le monde ne connait pas Github.
Sur ton site https://starlight.kamea.fr/ il serait plus simple de faire pointer le lien pour télécharger sur https://github.com/kamea/starlight/releases

kamea · 15 janv.

Bonjour à tous,

La version 1.3 est à présent disponible.

@bazooka07 : J'ai intégré la plupart des signalements que tu m'as remontés à l’exception d'une seule.

Après analyse, voici les raisons pour lesquelles déplacer la balise<nav> dans le fichier inc/art_loop.php ne serait pas optimal :

Différences UX entre les pages
Concernant la page archives.php, elle utilise un processus d'affichage différent des autres pages (categories, tags, home, user), afin d'offrir une expérience utilisateur adaptée à la lecture des contenus archivés.

Contraintes de la grille CSS (grid) pour les pages (categories, tags, home, user)
Placer la navigation dans le fichier partagé imposerait un col-span-3, rendant la mise en page moins flexible. La structure actuelle permet une grille plus modulable selon les besoins de chaque page.

En résumé, la proposition rendrait la structure plus rigide et compliquerait la gestion de la mise en page. Il est donc préférable de conserver la solution actuelle, plus flexible et offrant une meilleure disposition d'évolution.

Belle journée à toutes et à tous.

bazooka07 · 15 janv.

le bloc <div class="art-wrap"> doit être placé dans le fichier inc/art_loop.php et non répété dans categorie, home, tag, user.php.
Et après ce bloc, tu peux ajouter la pagination dans art_loop.php sans avoir besoin d'un col-span-3

Pour archives.php, je n'ai pas exploré mais cela me semble compliqué.

gcyrillus-nomade · 15 janv.

Bonjour/bonsoir,

Voici une autre piste d'amelioration concernant le template article:

<p class="text-italic">
      <?php $plxShow->lang('LAST_UPDATE'); ?>: <time datetime="<?php $plxShow->artUpdateDate('#num_year(4)-#num_month-#num_day'); ?>">
        <?php $plxShow->artUpdateDate('#num_day #month #num_year(4)'); ?>
      </time>
    </p>

où Dernière mise à jour : mériterait d'être ajouter aux fichiers langues et où $plxShow->artUpdateDate() va extraire effectivement la date de mise à jour

Cdt

kamea · 19 janv.

Bonjour,

L'ensemble des remontées a été pris en compte.

Téléchargez la version 1.4 .

Bon dimanche à toutes et à tous.

Bodieu · 20 janv.

Il reste un conflit entre le thème Starlight et le plugin markdownComment.

Les barres blanches apparaissent.

gcyrillus-nomade · 20 janv.

@Bodieu
Je viens de tester la version 1.4 du thème et la version 2.0 .0 de markdownComment et je n'ai pas (plus) ce soucis avec les styles sur les hr https://ressources.pluxopolis.net/banque-plugins/plugins/markdownComment.2.0.0.zip

Tu peut ajouter au style CSS cette règle :

#toolbar hr {
  margin: auto -0.05rem;
  height: 1.6rem;
  width: auto;
  border: revert;
  opacity: .5;
}

Si manquante et à partir de l'admin :

Bodieu · 21 janv.

Merci,
L'affichage est maintenant correct.

Cordialement

santini · 23 mai

Salut, merci pour le partage de ce thème, lorsque je suis sur la page d'un article, en bas il y a écrit "Découvrez aussi ces articles" , ils sont bien présent mais l'image d'accroche ne s'affiche pas, ce problème est présent uniquement sur mobile, une idée svp ? merci beaucoup

gcyrillus-nomade · 23 mai

ils sont bien présent mais l'image d'accroche ne s'affiche pas, ce problème est présent uniquement sur mobile, une idée svp ? merci beaucoup

Bonsoir,
oui c'est normal et lié à la feuille de style qui n'affiche plus ces images sur les petites résolutions afin de gagner en place d'affichage.
Je ne suis pas sur totalement que ce soit voulu car les images sont malgré tout toujours chargées mais avec une hauteur de 0px car seul sur leur ligne (affichage flex qui passe en 1 colonne ).

NonoM · 13 juin

Bonjour à tous, ce thème est superbe mais voilà 2 jours que je m'arrache les cheveux !
Quelqu'un a-t-il réussi à faire fonctionner une galerie photos avec ce thème ?
Avec divers autres thèmes pas de soucis... côté plugins galeries photos, j'en ai essayé une dizaine mais c'est toujours le même problème, les images s'agrandissent mais vraiment en bas... tout en bas de page !!!
j'ai essayé d'insérer le code "jquery" dans le footer mais j'ai l'impression que ce n'est pas la bonne piste.

gcyrillus-nomade · 13 juin

@NonoM Bonjour,

Quel plugin ou script utilise tu ?
Sans connaître la structure HTML utilisée ,le script, ni la feuille de style qui va avec, difficile de te proposer une solution pour adapter l'affichage aux feuilles de style du thème.

Cdt

NonoM · 13 juin

@gcyrillus-nomade Salut,
Alors, pour entrer dans les détails :
PluXml 5.8.19
Thème = Starlight (version 1.4)
Plugin = kzGallery 1.0.1 (pas d'autre plugin)
Environnement = en local (UwAmp) avec version PHP 7.4.20

Le thème Starlight me plait bien et la galerie kzGallery mais y'a rien à faire...
Je crois que ce thème est une usine à gaz, ça dépasse mes compétences...
d'ailleurs je ne comprends rien à l'aide décrite ici :
"Si le thème par défaut ne vous convient pas, sélectionnez une autre feuille de style en modifiant son nom dans le fichier 'base-head.php', situé dans le répertoire '/inc/' à la racine du thème."

Merci pour ton aide !

NonoM · 13 juin

J'ai réessayé cette fois-ci en ligne, avec la Version de PHP : 8.2.28
J'ai installé une autre galerie... ArtGalerie version 4.6 (et installé avant le plugin JQuery 1.7.1)
et bien entendu suivi les instructions à la lettre...
C'est toujours pareil, le clic sur les vignettes de la galerie ne fonctionne pas comme ça devrait le faire. (et cela même dans tous les modes proposés par ArtGalerie)
Je tourne en rond, j'ai l'impression que le thème Starlight est buggé ou vérollé, je sais pas....

gcyrillus-nomade · 13 juin

Bonsoir,
@kamea , @NonoM ,

il y a un défaut de structure HTML dans le thème, il y manque la balise <head>:

Ouvre le fichier header.php et modifie le comme ceci:

<?php if (!defined('PLX_ROOT')) exit; ?>
<!DOCTYPE html>
<html lang="<?php $plxShow->defaultLang() ?>">
<head>
<?php include 'inc/base-head.php' ?>
</head>
<body id="body" class="relative"> 
<?php include 'inc/menu_top.php' ?>

NonoM · 13 juin

Et ben là, franchement... un GRAND Merci @gcyrillus-nomade !
ça fonctionne à merveille, jamais je n'aurais pensé que cela puisse provenir de ce fichier, j'étais parti dans la mauvaise direction...
Encore plein de petits soucis et adaptations à régler avec ce thème qui au final semble un peu "baclé", mais bon, c'est comme ça que l'on apprend ! Bonne soirée à toi !!!

NonoM · 14 juin

@gcyrillus-nomade ... je vais solliciter ton aide à nouveau, toujours au sujet de ce thème "Starlight".
Comment faire pour que le "Mode sombre" du thème soit celui par défaut ?
et comment virer cette "création automatique d'un mini-logo" pour remplacer par mon propre Logo ?
après ça, je devrais pouvoir me débrouiller même si l'aide à propos de ce thème ne me parle pas vraiment.

gcyrillus-nomade · 14 juin

Bonjour,

Pour mettre le thème sombre par défaut, tu peut ajouter ceci à base-head.php au début de la première balise script:

    if(!localStorage.getItem('theme')) {
        localStorage.setItem('theme', 'dark'); // passe en mode dark par défaut
    }

Pour le logo et à la place de la première lettre du nom du site :
Dans le fichier menu_top.php recherche au début ,

         <a class="avatar" href="<?php $plxShow->racine() ?>">
            <?= substr($plxShow->plxMotor->aConf['title'], 0, 1); ?>
          </a>

et remplace <?= substr($plxShow->plxMotor->aConf['title'], 0, 1); ?> par une balise img avec ton logo

cdt

NonoM · 14 juin

Bonjour @gcyrillus-nomade , c'est parfait tout ça !
Merci pour ton aide précieuse et ta rapidité en plus !!!!
cordialement

Thème Starlight

Réponses