mise en page d'article avec custom field

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

  • mise en page d'article avec custom field

    Bonjour,
    est-ce qu'il existe un tuto pour faire une mise en page un peu complexe à base de custom field dans un article:
    https://www.clibre.eu/tux-paint-outi...r-les-enfants/
    Les custom fields sont entourés par du code css pour améliorer l'ergonomie de la page
    Je voudrai passer ce site de wp en joomla
    @+

  • #2
    Bonsoir Hervé,

    Dans l'onglet "Options" des champs personnalisés, vous pouvez personnaliser le rendu en utilisant des classes de rendu.

    Ces classes sont à définir dans votre template, habituellement dans le fichier custom.css.

    Pascal
    Les JoomlaDays Paris 2019, c'était du 8 au 9 mars... J'y étais et vous ?

    If anything can go wrong, it will...
    If I can help, I will ..https://conseilgouz.com

    Commentaire


    • #3
      Bonjour Pascal
      J'avais vu cela masi je ne pense pas que je puisse reproduire la page mentionné.
      Celle-ci montre des mises en forme qui peuvent recouvrir plusieurs champs (ex. encadré) et avoir des effets visuels.
      Sous wp, il y a des shortcodes qui permettent de réaliser cela.
      Déjà sous Joomla, existe t-il des extensions similaires ?
      @+

      Commentaire


      • #4
        Bonjour,

        Je ne suis pas sûr de comprendre la question :
        - si elle concerne les Custom Fields, il y a deux manières d'ajouter du CSS à un custom field
        1. comme expliqué ci-dessus par pmleconte
        2. d'ajouter le css dans l'override (voir les présentations de Christian Bardin à ce sujet sur joomladay.fr > archives. Il en a parlé lors des 2 dernières éditions)

        Sinon, là vous parlez de shortcode.
        Si la question est d'avoir une animation au survol d'un custom field... ben il suffit d'ajouter la classe au custom field... et d'ajouter le css correspondant dans le "custom.css" du template...

        (Exemple de css d'animation d'icône trouvée rapido-presto : https://tympanus.net/codrops/2013/05...hover-effects/ On récupère le code et zou !)
        Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla 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 : https://www.joomla.fr/association/adherer

        Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

        Commentaire


        • #5
          Hello.

          As-tu regardé le plugin de Cédric.

          Voir : https://www.joomlack.fr/extensions-j...stom-fields-ck
          woluweb likes this.
          A tous les utilisateurs de Joomla du très Grand Est de la France et du Jura suisse
          Rejoignez le Joomla Users Groupe Alsace...
          roland_d_alsace va-t-il devenir roland_du_grand_est ?

          Commentaire


          • #6
            Bonsoir
            Merci pour vos suggestions. je vais reformuler ma demande:
            je vais avoir des centaines d'articles. Chaque article ayant des valeurs de custom fields différentes.
            je ne rentre pas ces données manuellement!!
            Les custom fields seront automatiquement "mappé" au chargement de l'article (voir affichage et effet visuel sur le site actuel) .

            Il me semble que le plugin de cédric est utilisable manuellement dans un article, je ne fais pas cela
            les css des custom fields pourraient certainement répondre à ma demande mais comme je privilégierai une solution plus globale

            Je viens de voir les présentations de Christian Bardin à ce sujet sur joomladay.fr > archives
            Je pense qu'effectivement les layout seraient la solution sauf si je trouve une solution plus conviviale.
            J'ai demandé à https://www.regularlabs.com/guides/1...icles-anywhere

            Pour la mise en forme, j’ai trouvé 2 extensions avec des shortcodes qui a priori seraient proches de mes besoins de mise en forme;

            https://extensions.joomla.org/extens.../yt-shortcode/
            https://codecanyon.net/item/shortcod...joomla/7807980

            Les connaissez-vous et ce que vous en pensez (si connaissance de l'auteur ou extension) ?
            Cordialement

            Commentaire


            • #7
              Bonjour,
              En plus de mes questions précédentes, je regarde du côté de l'override mais aussi "Alternate layout" (pour l'instant tjs centré sur la modification de l'affichage des custom fields).
              Néanmoins ces concepts qui existent depuis longtemps sont encore confuent pour moi (et aussi pour certaines ressources en ligne qui les confondent plus ou moins!).
              Est-ce que vous pourriez m'expliquer ou me passer une référence qui expliquent bien la différence entre les 2 ? voir si possible avantages et inconvénients ?
              Je me demande aussi qu'est-ce qui se passent si le fichier original (joomla ou extension) est mis à jour, Il faut dupliquer les modifications ou il n'y a rien à faire ?
              merci pour vos éclairages
              @+
              Dernière édition par herve à 23/04/2019, 08h59

              Commentaire


              • #8
                Override et alternate layout sont en effet assez similaires :
                - dans les deux cas on fait un "duplicata" du fichier d'une vue et on personnalise
                - on appelle ça override quand le fichier personnalisé va s'appliquer d'office (dans 100% des cas), et on appelle ça alternate layout quand on va n'appliquer le fichier que (p.ex.) pour certaines catégories (en effet, dans un menu de type blog p ex, on peut choisir l'Alternate Layout)

                Bref, dans le cas de custom fields, c'est plutôt un alternate layout pcq je suppose que tous les articles du site n'auront pas ces custom fields.
                Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla 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 : https://www.joomla.fr/association/adherer

                Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

                Commentaire


                • #9
                  Bonjour

                  Envoyé par woluweb Voir le message
                  Override et alternate layout sont en effet assez similaires :
                  - dans les deux cas on fait un "duplicata" du fichier d'une vue et on personnalise
                  - on appelle ça override quand le fichier personnalisé va s'appliquer d'office (dans 100% des cas), et on appelle ça alternate layout quand on va n'appliquer le fichier que (p.ex.) pour certaines catégories (en effet, dans un menu de type blog p ex, on peut choisir l'Alternate Layout)

                  Bref, dans le cas de custom fields, c'est plutôt un alternate layout pcq je suppose que tous les articles du site n'auront pas ces custom fields.
                  ok je vais partir sue alternate layout.
                  Qui a un bon tuto la dessus ?
                  et sur mon inuqiétude; qu'est-ce qui se passent si le fichier original (joomla ou extension) est mis à jour, Il faut dupliquer les modifications ou il n'y a rien à faire ?
                  @+

                  Commentaire


                  • #10
                    Pour le tuto, il y a le lien vers le site du JoomlaDay que j'évoque ci-dessus.

                    Lors des màj de Joomla, no stress : par définition, override ni le layout override ne sont écrasés...
                    (par contre, il est vrai que puisque ce sont des fichiers "forkés" à l'instant t, si Joomla ajoute des fonctionnalités ou corrige des bugs sur le fichier original, pour en bénéficier il faudrait -si utile- reproduire ces changements dans son duplicata. Mais dans la pratique, c'est rare. Et d'ailleurs, Joomla4 va venir avec une fonctionnalité permettant justement de repérer facilement ces fichiers dont la source originale a évolué depuis le fork)
                    Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla 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 : https://www.joomla.fr/association/adherer

                    Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

                    Commentaire


                    • #11
                      Bonjour

                      woluweb et les autres pationnés de CF
                      Bon j'avance avec 2 tests sur override et alternative layout.
                      je reviens quand même vers toi afin que je prenne un bon premier départ et une bonne méthodologie car plusieurs sites à faire après celui là.

                      Je récapitule le besoin qui est de faire un site sous Joomla similaire avec un affichage d'un article https://www.clibre.eu/tux-paint-outi...r-les-enfants/ qui comporte une belle mise en page de nombreux champs et groupes ce champs.
                      Le site pourra comporter plusieurs centaines d'articles répartis en 3 ou 4 catégories.
                      Chaque catégorie ayant ~ 10 champs personnalisés dont 2 ou 3 communs.

                      a/ Si j’utilise alternative layout [templates/shaper_helixultimate/html/layouts/com_fields/field/] avec autant de fichiers render-x.php que de champs, cela risque de faire beaucoup de paramétrage (chaque champ), fichier à maintenir ... du coup je ne vois pas cela super avantageux !?

                      b/ Si j'utilise override [/templates/shaper_helixultimate/html/com_content/article]. là je pourrai faire mon rendu de toute ma page mais je dois faire un paramétrage via un lien de menu. Si j'ai plusieurs sous catégories thématiques, je suis embêté !?


                      Du coup tu ne m'a pas parlé (et vas sur sur les docs suggérés) la possibilité de faire cela pour
                      c/ un groupe de champs [/templates/MY_TEMPLATE/html/layouts/com_fields/fields] mais je ne vois pas ou le déclarer dans le groupe de champ ?

                      d/ pour une catégorie, possibilité de faire cela pour une catégorie (cf image), mais c'est l'affichage de la catégorie ou des articles de la catégorie ?

                      Avec ce cahier de charge , quelle piste serait la plus pertinente ?
                      Bonne journée

                      Commentaire


                      • #12
                        A propos de render class pour les CF dans les articles
                        La class CSS ne peut s'afficher en front car elle n'existe pas dans le render.php d'un field
                        alors qu'elle est présente dans com_contact
                        cf /components/com_contact/layouts/field/render.php

                        J'avais fait la proposition sur github mais je m'étais fait basher woluweb , je t"en avais parlé.
                        Il n'en reste pas moins que je fais systématiquement la modif parce que ... je le peux et surtout que je m'en sers pour styler, insert en alternate layout.

                        Dans /components/com_fields/layouts/field/render.php

                        Code:
                        $field = $displayData['field'];
                        $label = JText::_($field->label);
                        $value = $field->value;
                        $showLabel = $field->params->get('showlabel');
                        $labelClass = $field->params->get('label_render_class');
                        $class     = $field->params->get('render_class');   //on rajoute le paramètre
                        
                        if ($value == '')
                        {
                            return;
                        }
                        
                        ?>
                        <?php if ($showLabel == 1) : ?>
                            <span class="field-label <?php echo $labelClass; ?>"><?php echo htmlentities($label, ENT_QUOTES | ENT_IGNORE, 'UTF-8'); ?>: </span>
                        <?php endif; ?>
                        <span class="field-value" <?php echo $class; ?>><?php echo $value; ?></span>   //on echo la variable
                        Je modifie aussi les tags html et j'ai le rendu que je souhaite.

                        woluweb pour info, il y a une proposition géniale de subfields pour la J4
                        Joomla! Issue Tracker | Fields subfields
                        https://issues.joomla.org/tracker/joomla-cms/24711
                        Testé et ça marche très bien.
                        Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

                        Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

                        Commentaire


                        • #13
                          Oui ghazal , merci ! Je suis aussi abonné au nouveau fil Github sur les subfields.
                          Ce sera une tuerie effectivement (et c'est dommage que finalement ça ne sera pas déjà intégré dans J!3.x )

                          Merci pour le code qui ajoute la classe dans le "render" d'un champ.

                          Pour revenir à la question initiale du fil : quand je parlais d'Alternate Layout, je ne visais même pas encore l'Alternate Layout du "render" d'un field donné.
                          Je visais simplement l'Alternate Layout de la vue Article de com_content où on peut forcément définir son layout librement, ajouter des classes etc.
                          Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla 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 : https://www.joomla.fr/association/adherer

                          Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

                          Commentaire


                          • #14
                            salut
                            Envoyé par woluweb Voir le message

                            Pour revenir à la question initiale du fil : quand je parlais d'Alternate Layout, je ne visais même pas encore l'Alternate Layout du "render" d'un field donné.
                            Je visais simplement l'Alternate Layout de la vue Article de com_content où on peut forcément définir son layout librement, ajouter des classes etc.
                            Ok mais ce n'est donc pas pour moi une solution vu que je veux avoir un modèle d'affichage d'article par catégorie.
                            sauf erreur de ma part, j'aurai plutôt besoin des pistes c/ & d/.
                            Si quelqu'un peut m'en dire plus ?
                            Bonne journée

                            Commentaire


                            • #15
                              mmmh, mais c'est exactement ce qu'on fait avec un Alternate Layout :
                              Exemple ici sur le site du Joomladay.fr : pour tous les articles de la catégorie Intervenants, on sélectionne le Layout Override "intervenants"... qui est la vue traditionnelle "article" dans laquelle on a fait quelques adaptations et ajouté les Champs Personnalisés aux endroits voulus :
                              https://screenpresso.com/=x8cwc
                              Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla 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 : https://www.joomla.fr/association/adherer

                              Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

                              Commentaire

                              Annonce

                              Réduire
                              1 sur 2 < >

                              C'est [Réglé] et on n'en parle plus ?

                              A quoi ça sert ?
                              La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                              Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                              Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                              Comment ajouter la mention [Réglé] à votre discussion ?
                              1 - Aller sur votre discussion et éditer votre premier message :


                              2 - Cliquer sur la liste déroulante Préfixe.

                              3 - Choisir le préfixe [Réglé].


                              4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                              2 sur 2 < >

                              Assistance au forum - Outil de publication d'infos de votre site

                              Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                              Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                              Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                              UTILISER À VOS PROPRES RISQUES :
                              L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                              Problèmes connus :
                              FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                              Installation :

                              1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                              Archive zip : https://github.com/AFUJ/FPA/zipball/master

                              2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                              3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                              4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                              5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                              6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                              et remplacer www. votresite .com par votre nom de domaine


                              Exemples:
                              Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                              Télécharger le script fpa-fr.php dans: /public_html/
                              Pour executer le script: http://www..com/fpa-fr.php

                              Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                              Télécharger le script fpa-fr.php dans: /public_html/cms/
                              Pour executer le script: http://www..com/cms/fpa-fr.php

                              En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                              Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                              Voir plus
                              Voir moins

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X