Gestion des css avec SP Page Builder

Réduire
X
Réduire
 
  • Page sur 1
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages
Précédent template Suivant
  • #1

    Gestion des css avec SP Page Builder

    Bonjour tout le monde,

    J'utilise SP Page Builder pour certaines pages et notamment ma page d'accueil.
    En regardant le code source, je me rends compte qu'une très grosses partie du css du composant n'est pas dans fichier css mais directement dans la page ce qui peut l'alourdir.

    Est ce que quelqu'un à déjà eu ce genre de problème et si oui, savez vous comment créer un fichier css pour toutes ces lignes ?
    Merci par avance
    Christophe
    Tags: Aucun
  • #2
    Bonjour,

    Effectivement, pour éviter cela, on peut utiliser les fichiers css, scss ou lesscss, via le template ou son fichier custom ou user.
    Ajouter un style CSS personnalisé avec Protostar - Joomla! Documentation
    https://docs.joomla.org/J3.x:Adding_a_custom_CSS_with_Protostar/fr


    Sans oublier l'utilisation du cache et si nécessaire, une extension comme jch optimize pour fusionner les fichiers css.

    Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

    Commentaire

    • #3
      Merci bcp pour ce retour,
      J'ai déjà installé jch optimizer qui combine déjà plusieurs fichiers.
      Je vais voir ce que je peux faire dans mon template.

      Commentaire

      • #4
        Dans les paramètres de SPPB, une fonction est prévue pour cela.
        "Si vous n’êtes pas impliqués émotionnellement dans ce que vous créez, laissez tomber."
        https://www.graphiquedesign-bf.com/

        Commentaire

        • #5
          Merci GraphiqueDesign, dans la version payante ? car je ne le vois pas dans la version gratuite que j'ai installé.

          Commentaire

          • #6
            Envoyé par ptitof54 Voir le message
            Merci GraphiqueDesign, dans la version payante ? car je ne le vois pas dans la version gratuite que j'ai installé.
            Malheureusement, je ne connais pas la version free.

            Je faisais allusion au mode production de SP Page Builder qui génère un fichier de cache CSS pour un chargement plus rapide des pages.
            "Si vous n’êtes pas impliqués émotionnellement dans ce que vous créez, laissez tomber."
            https://www.graphiquedesign-bf.com/

            Commentaire

            • #7
              tu as du css inline. Utilise des classes et crées les dans ton fichier custom / user / .css.
              avec tinymce, tu as deux paramètres sur lesquels tu peux jouer: LE fichier editor.css et le fichier custom.css de ton template.
              Tu peut utiliser les classes contenues dedans et y stocker des classes spécifiques a ton contenu

              Commentaire

              • #8
                Envoyé par GraphiqueDesign Voir le message
                Je faisais allusion au mode production de SP Page Builder qui génère un fichier de cache CSS pour un chargement plus rapide des pages.
                Effectivement, le mode production est également proposé dans les paramètres de configuration de "SP Page builder lite"


                Le mode production compilera tout le code CSS dans un seul fichier tandis que le mode développement injectera le code CSS en style entre les balises <head> et </head>.


                Si cela ne fonctionne pas, le fichier custom ou user semble la solution.
                On peut reprendre chaque modification de css pour chaque page si on précède de l'itemid.
                Celui-ci étant défini en classe css dans chaque page réalisée avec sp page builder.
                Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

                Commentaire

                Précédent template Suivant

                Annonce

                Réduire
                Aucune annonce pour le moment.

                Partenaire de l'association

                Réduire
                Hébergeur Web PlanetHoster
                Travaille ...
                X