[RÉSOLU] Mise à jour : disparition des réglages du thème

herve

Bonjour,

Mon site est à https://papillonembarrasse.ouvaton.org

Je viens de faire une mise à jour depuis la 5.8.9 vers la 5.8.19. J'ai duement fait une sauvegarde du répertoire data. Tout s'est bien passé, merci aux développeurs, à part que j'ai perdu les réglages de mon thème ?... Est-ce qu'il y a un moyen de les retrouver ?...

Tant que j'y suis à faire du moteur, auriez-vous un thème à me recommander, en toute subjectivité et partialité ?...

Je souhaite une allure type "blog début du siècle" - mais un bandeau en page d'accueil c'est déjà trop ; c'est le principal truc que je voudrais retirer du thème par défaut. Il faut que ça soit compatible avec les smartphones : je suis plutot vieux jeux, mais il y a des limites. Je voudrais des trucs plutot gris, ou tendance aquarelle, enfin tout ce qui ne tape pas dans l'oeil qui est archi clair, archi simple et archi habituel.

Merci !

gcyrillus-nomade

Bonjour,

Pour le bandeau dans le thème par défaut, tu peut rechercher le sélecteur #bg et le retirer ou y ajouter display:none;. ou retirer du fichier du theme header.php la derniere ligne : <div class="bg"></div> .

Pour les thèmes, tu peut regarder et tester en ligne ceux qui pourraient t’intéresser à https://pluxthemes.com/listing-des-themes/

dans les tons gris sans bandeau, il y a peut-être :

• https://pluxthemes.com/navan
• https://pluxthemes.com/simplygray
• https://pluxthemes.com/colblog
• https://pluxthemes.com/monospaceblog
• https://pluxthemes.com/zeni

et d'autres qui peuvent t’intéresser. Tous sont relativement facile à modifier.
Si tu as une maquette HTML/CSS , on peut aussi t'aider à en faire un thème PluXml.

cdt

Enfin, si tu modifie le thème par défaut, il est préferable de renommer le dossier et son nom dans le fichier infos.xml de façon à ce qu'il ne soit pas écraser par le thème par défaut natif au moment d'une mise à jour.
Idem pour les autres thèmes, cela te permet de bien différencier ta version et d'en faire une copie

herve

Mille mercis pour ces infos.

En farfouillant un peu, je pense que j'avais modifié mes thèmes par /core/admin/parametres_themes.php . Je me souviens qu'il y avait une sorte de bug à l'époque sur je ne sais plus quel caractère, le / ou le \ ou < ou je ne sais plus, je ne sais pas si c'est toujours le cas ?

En tous cas j'ai bien repéré la ligne

dans header.php par ce biais.

J'ai vu aussi qu'on pouvait éditer le fichier infos.xml, comme tu me le proposes, de cette façon. Mais je ne comprends pas comment je fais pour modifier le nom du dossier dans ce fichier ? Je ne comprends pas non plus comment est-ce que je fais pour renommer le dossier du thème, puisqu'apparemment, toujours d'après la page parametres-themes.php, le header.php est à la racine ?

gcyrillus-nomade

Mais je ne comprends pas comment je fais pour modifier le nom du dossier dans ce fichier ? Je ne comprends pas non plus comment est-ce que je fais pour renommer le dossier du thème, puisque apparemment, toujours d'après la page parametres-themes.php, le header.php est à la racine ?

A la racine de PluXml, il y a le dossier themes/, qui lui ne change pas.
Dans ce dossier on trouve le thème par défaut dans le dossier defaut : themes/defaut/
Lorsque l'on ajoute un thème, il se trouve dans un nouveau dossier à la racine du dossier themes/ , par exemple themes/monTheme/.

Si tu veut modifier une copie du thème par défaut , il suffit de créer un nouveau dossier dans le répertoire themes/ et y recopier tous les fichiers et répertoire du thème par défaut et commencer par modifier le fichier infos.xml pour l'identifier dans l'administration des thèmes.
L'aide de PluXml https://wiki.pluxml.org/docs/develop/themes.html fait l'inventaire des fichiers d'un thème.

En farfouillant un peu, je pense que j'avais modifié mes thèmes par /core/admin/parametres_themes.php . Je me souviens qu'il y avait une sorte de bug à l'époque sur je ne sais plus quel caractère, le / ou le \ ou < ou je ne sais plus, je ne sais pas si c'est toujours le cas ?

Oui, ce défaut existe toujours, le plugin : https://ressources.pluxopolis.net/banque-plugins/plugins/cssBackSlash-2.0.1.zip permet de le compenser et de l'ignorer . Cependant, lorsque tu édite directement le thème depuis l'administration il n'y a ni copies, ni sauvegardes d'effectuées ni retour en arrière et cela peut-être laborieux si les modifications ou corrections sont importantes.

cdt

herve

Formidable ! J'y suis arrivé ! Et ça fonctionne presque mieux qu'avant ! J'ai réussi à faire un nouveau billet (https://papillonembarrasse.ouvaton.org/index.php?article1270/alors-je-n), et à éditer une page statique, tout va bien ! Merci !

J'attends avec impatience la prochaine version pour voir si la mise à jour détruira tout à nouveau ou si ça restera :-)

J'ai pu faire une copie du thème standard, mettre la copie à la place du standard, et y faire quelques modifs, comme enlever l'horrible (c) 2018 dans le "footer" ; sinon ce thème standard me parait très bien ; je vais chercher activement pour mettre un petit liséré noir autour des images automatiquement, j'aimerais aussi que les attributs alt des images soient affichés, je prends soin de les mettre, mais ça m'énerve qu'ils soient "perdus" pour les gens qui voient,
et mettre les pages avec un léger fond gris, ou bleuté, ou saumoné, soyons fous !

À bientôt.

gcyrillus-nomade

Bonjour,

Pour afficher les attributs alt de tes images, il te faudra du JavaScript et un peu de style

Possible exemple qui reprend le paragraphe avec l'image de ton article n° 1270 :

<p>
  <img alt="Matériel de cinéma de salle,...." src="....2025/02/20/20250220191412-4bfe5aa6-me.jpg" style="border-width: 1px; border-style: solid;">
</p>

javascript à ajouté qui va

• chercher l'attribut alt de l'unique image et contenu d'un paragraphe
• réinjecter dans ce paragraphe le alt dans un span aprés l'image
• donner une class à ce paragraphe pour lui appliquer un style spécifique

    <!-- balise script pour le javascript , peut-être externaliser dans un fichier .js -->
    <script>
    window.addEventListener('load', function(){
      for (let pimgs of document.querySelectorAll("p:has( img:first-of-type:last-of-type )")) {
        let alt = pimgs.querySelector('img').getAttribute('alt');
        let altText = document.createElement('span');
        altText.textContent = alt;
        pimgs.appendChild(altText);
        pimgs.classList.add('imgText');
      }  
    });
    </script>

Et pour le style, il suffit d’utiliser cette class ajoutée à la volée et faire par exemple :

    <style>
   /* portion CSS qui peut-être ajouter au fichier CSS du thème  */
    p.imgText {
      display:grid;
      width:min-content;
      max-width:90%;
      background:silver;
      margin:1em auto;
      line-height:1.6em;
      text-align:center;
      box-shadow:inset 0 0 0 1px;
    }
    p.imgText span {
      padding:0.2em 1em;
    }
    p.imgText img {
      max-width:100%;
    }
    </style>

Le CSS et le javaScript peuvent être inserer dans ces deux balises dans footer.php par exemple ou externalisés dans le CSS du thème et un fichier javascript.

cdt

herve

Trop bien mille mercis :-) :-)

Cependant, dans un premier temps, j'ai commencé beaucoup plus modeste, et ça ne marche pas ?... J'ai voulu changer la couleur du fond des pages. Donc, dans le theme copie du defaut, j'ai modifié, dans theme.css, comme indiqué dans https://wiki.pluxml.org/docs/develop/themes.html :

body {
--header-height: 7rem;
--header-padding-top: 1.3rem;
--bg-height: 250px;
font-family: 'open_sansregular', sans-serif;
font-size: 1.7em;
line-height: 1.6em;
color: #3A4145;
/* background-color: #fff; */
background-color: #fcdebe;
}

Et j'ai sauvegardé, mais rien ne se passe ?

gcyrillus-nomade

Bonjour,

En fait ton thème charge ce fichier : https://papillonembarrasse.ouvaton.org/themes/hdefaut/css/theme.min.css

C'est dans ce fichier: theme.min.css que tu dois faire tes modification et pas dans theme.css ,
ou alors modifier le nom du fichier chargé dans header.php en remplaçant:

<link rel="stylesheet" href="<?php $plxShow->template(); ?>/css/theme.min.css?v=<?php echo PLX_VERSION ?>" media="screen"/>

par

<link rel="stylesheet" href="<?php $plxShow->template(); ?>/css/theme.css?v=<?php echo PLX_VERSION ?>" media="screen"/>

Cdt

herve

Oui, mais theme.min.css est illisible ?

gcyrillus-nomade

Alors dans ce cas, la deuxième option te conviendras mieux en modifiant header.php te permettra d'éditer le fichier CSS qui lui est indenté.

herve

ÇA Y EST J'AI RÉUSSI !

Revoir https://papillonembarrasse.ouvaton.org , où le bandeau supérieur est devenu d'un beau jaune !... (...hein, je fais mon van Gogh) (... j'ai encore du travail à ce sujet)

Bon, cette fois, je pense que tout est vraiment résolu :-) Merci à tous, et surtout à gcyrillus-nomade !