Joomla 4 - comment ajouter un "custom code" intelligemment dans Cassiopeia ?

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Joomla 4 - comment ajouter un "custom code" intelligemment dans Cassiopeia ?

    Hier soir j'ai pas mal joué avec Joomla 4.

    Le fait qu'il utilise CSS Grid, c'est une tuerie. Ca veut dire qu'en une seule ligne de css je peux déplacer des positions telles que top-a, top-b, bottom-a, bottom-b, les mettre sur une même ligne etc.

    J'ai testé aussi le "user.css" pour personnaliser le css.
    Ca fonctionne nickel.
    En plus, comme le template fait un usage extensif des "variables CSS" comme on les appelle abusivement, ça permet de faire ce genre de choses :
    Code:
    .container-header {
    background-image: linear-gradient(135deg,var(--cassiopeia-color-primary),var(--danger));
    }
    (et de redéfinir dans son user.css "--cassiopeia-color-primary", ce qui va changer la couleur de dizaines de choses en une seule ligne).

    Et il y a ces classes qu'on peut ajouter pour adapter le style de ses vues blogs (image-alternate est très sympa par exemple). Voir illustrations sur


    Bref, jusque là, super.

    Mais je me posais une question par rapport au fait que Cassiopeia comporte (vraiment très) peu de paramètres.
    Du coup, par exemple, comment ajouter le plus intelligemment possible un "custom code" (exemple : un code Google Analytics, celui de TarteAuCitron, etc) ?
    (sans éditer directement index.php)

    Dans beaucoup de templates (comme Astroid que j'aime assez bien), il y a des dizaines d'options dont la possibilité d'ajouter du Custom Code.
    Dans Joomla 3, de toute façon il n'y avait plus beaucoup de sens à utiliser le Protostar natif (qui datait, était basé sur Bootstrap 2 etc).
    Mais pour Joomla 4, j'envisage sérieusement de partir le plus souvent de Cassiopeia car, contrairement à d'autres templates, il a été conçu pour être Accessible (et c'est une responsabilité sociétale, et maintenant c'est même devenu une obligation pour tous les sites officiels dans beaucoup de pays).

    Je viens de découvrir qu'on peut créer un fichier /js/user.js et que ce dernier est alors automatiquement chargé (comme un /css/user.css).
    Ca peut sans doute être une solution facile et pratique, en tout cas quand on peut injecter directement le code javascript.
    Mais quid lorsque ce qu'on aurait voulu ajouter était plutôt un appel vers un fichier js (local ou distant), un peu comme ceci:
    Code:
    <script type="text/javascript" src="/tarteaucitron/tarteaucitron.js"></script>
    ?

    Dernière chose à propos de Templates : il me semble avoir vu des échanges en anglais évoquant le concept de "template enfant". Est-ce qu'il y aurait quelque-chose de nouveau dans Joomla 4 au niveau de la gestion des templates ? Une autre technique que de carrément dupliquer un Template ou de dupliquer un Style de Template ?
    Dernière édition par woluweb à 13/08/2021, 09h28
    Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

    Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

    Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

  • #2
    Salut,
    Je n'ai pas encore testé J!4 en mode "agence qui va livrer des sites avec" mais ce que tu demande on le fait déjà avec nos templates sur J!3 c'est même l'une des fonctions "de base" de nos templates maisons : on ajoute des champs au template pour toutce que le client devra modifier par lui même (heures d'ouverture, texte de la page d'accueil etc) pour éviter qu'il aille dans les modules ou autre bidouilles. On crée des onglets dans le templates pour chaque type de personnalisation (page d'accueil, thème, technique...) selon les cas/projets.
    Donc pour ta question : on crée un champs textarea dédié "script js" qui sera intégré en via le helper addScript et voilà !
    woluweb aime ceci.

    Commentaire


    • #3
      Envoyé par Pere LK Voir le message
      Salut,
      Je n'ai pas encore testé J!4 en mode "agence qui va livrer des sites avec" mais ce que tu demande on le fait déjà avec nos templates sur J!3 c'est même l'une des fonctions "de base" de nos templates maisons : on ajoute des champs au template pour tout ce que le client devra modifier par lui même (heures d'ouverture, texte de la page d'accueil etc) pour éviter qu'il aille dans les modules ou autre bidouilles. On crée des onglets dans le templates pour chaque type de personnalisation (page d'accueil, thème, technique...) selon les cas/projets.
      Donc pour ta question : on crée un champs textarea dédié "script js" qui sera intégré en via le helper addScript et voilà !
      Merci Niko.Semaphore .
      En dupliquant le template pour en faire un template maison, je vois très bien comment éditer le fichier xml, le fichier index.php etc pour customiser à volonté.
      Mais le but ici était de rester sur le template Cassiopeia "original" (sans risquer que les modifs soient écrasées par une màj).
      Ta technique fonctionne aussi dans pareil scénario ?
      Dernière édition par woluweb à 13/08/2021, 11h34
      Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

      Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

      Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

      Commentaire


      • #4
        Ha non évidemment que non Nous dupliquons toujours en effet. Pour les protostar (les beez ) et Cassiopea sont là pour "montrer la voie". D'ailleurs pour reste dans ta logique j'imaginais il y a quelques jours que les custom fields devraient fonctionner pour les templates, ce serait tellement cool ! il ne serait pas lié à un template mais au com_template et là on pourrai avoir ce que tu cherches et donnant la possibilité d'utiliser facilement tout les custom fields existant en plus. Mais cela n'arrivera pas car dans l'esprit du dev core de J! on n'ajoute que des fonctions exploitable par un power user via GUI alors que ce dont je parle serait certes utilisable en Bo par n'importe qui mais l'exploitation serait en frot uniquement via du code donc pas recevable je pense.

        Commentaire


        • #5
          Bonjour Marc,

          Pour toutes mes personnalisations, j'utilise mon module custom (https://lomart.fr/extensions/lm-custom) en position debug
          Cela me permet de centraliser toutes mes modifs pour des recherches ultérieures

          Ce module existe aussi en mode admin pour les personnalisations en backend
          manu93fr et woluweb aiment ceci.
          UP, le plugin universel à découvrir sur https//up.lomart.fr
          bgMax
          , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

          Commentaire


          • #6
            Génial lomart !

            Je ne pensais plus à LM Custom (pcq dans J!3 j'ai jamais eu ce genre de besoin vu que Astroid permet d'ajouter du css/js soit au niveau des paramètres du template, soit au niveau du menu item).

            Et en plus je vois qu'il est (ou va être) compatible avec J!4 ? (en tout cas sur ton site tu mentionnes "J!4 alpha 11")
            Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

            Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

            Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

            Commentaire


            • #7
              Bonjour Marc
              Et en plus je vois qu'il est (ou va être) compatible avec J!4 ? (en tout cas sur ton site tu mentionnes "J!4 alpha 11")
              Il est compatible Joomla 4 (revérifié ce matin). C'est avec lui que j'ajoute le code pour tarteaucitron sur ma version de test.
              woluweb aime ceci.
              UP, le plugin universel à découvrir sur https//up.lomart.fr
              bgMax
              , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

              Commentaire

              Annonce

              Réduire
              Aucune annonce pour le moment.

              Partenaire de l'association

              Réduire

              Hébergeur Web PlanetHoster
              Travaille ...
              X