![\"joomla](\"https:\/\/cinnk.com\/wp-content\/uploads\/2020\/10\/joomla-custom-fields.jpg\")
<\/p>\n\u00c0 partir de Joomla 3.7, il devient possible d’ajouter facilement des attributs suppl\u00e9mentaires aux articles, aux contacts et aux utilisateurs. Cela est rendu possible gr\u00e2ce \u00e0 la nouvelle fonctionnalit\u00e9 \u00ab\u00a0Custom fields\u00a0\u00bb, que l\u2019on appelle en fran\u00e7ais \u00ab\u00a0Champs personnalis\u00e9s\u00a0\u00bb. Il y a 15 types de champs standards disponibles, comme un champ de texte, un menu d\u00e9roulant, un champ date ou m\u00eame encore un champ o\u00f9 vous pouvez cr\u00e9er votre propre s\u00e9lection SQL. Avec ces champs, vous pouvez faire en sorte que les donn\u00e9es soient saisies de mani\u00e8re structur\u00e9e sur le site. On peut ensuite bien s\u00fbr exploiter ces champs personnalis\u00e9s au niveau du rendu et de la pr\u00e9sentation du contenu du site.<\/p>\n
<\/p>\n
\n\u00c0 partir de Joomla 3.7, il devient possible d’ajouter facilement des attributs suppl\u00e9mentaires aux articles, aux contacts et aux utilisateurs. Cela est rendu possible gr\u00e2ce \u00e0 la nouvelle fonctionnalit\u00e9 \u00ab\u00a0Custom fields\u00a0\u00bb, que l\u2019on appelle en fran\u00e7ais \u00ab\u00a0Champs personnalis\u00e9s\u00a0\u00bb. Il y a 15 types de champs standards disponibles, comme un champ de texte, un menu d\u00e9roulant, un champ date ou m\u00eame encore un champ o\u00f9 vous pouvez cr\u00e9er votre propre s\u00e9lection SQL. Avec ces champs, vous pouvez faire en sorte que les donn\u00e9es soient saisies de mani\u00e8re structur\u00e9e sur le site. On peut ensuite bien s\u00fbr exploiter ces champs personnalis\u00e9s au niveau du rendu et de la pr\u00e9sentation du contenu du site.<\/p>\n
En tant qu’administrateur, vous pouvez facilement cr\u00e9er et configurer les champs personnalis\u00e9s dans Joomla. Gr\u00e2ce aux nombreuses options on peut configurer les champs \u00e0 souhait et les rendre visibles sur le frontend, sur le backend ou sur les deux. Les champs peuvent \u00eatre regroup\u00e9s et lors de l’\u00e9dition de contenu ils sont alors affich\u00e9s dans des onglets s\u00e9par\u00e9s. Il est \u00e9galement possible de d\u00e9finir des droits d\u2019acc\u00e8s (ACL) pour les champs afin que seuls certains utilisateurs puissent modifier certains champs. Et on peut attribuer une langue \u00e0 chaque champ afin de s\u2019assurer qu\u2019il ne soit visible que pour une langue sp\u00e9cifique.
\nDans cet atelier, nous allons nous familiariser avec cette nouvelle fonctionnalit\u00e9 puissante de Joomla. Nous allons cr\u00e9er un site Web de recettes \u00e0 l\u2019aide de simples articles Joomla auxquels nous allons ajouter des attributs suppl\u00e9mentaires tels que le type de nourriture, les ingr\u00e9dients, le nombre de personnes et le temps de cuisson. C\u2019est gr\u00e2ce aux champs personnalis\u00e9s que nous pourrons saisir et afficher cette information de mani\u00e8re structur\u00e9e.<\/p>\n
1 – Cr\u00e9er le Menu et la Cat\u00e9gorie Recettes
\nDans cet atelier, nous commen\u00e7ons par une installation d\u2019un site Joomla 3.7 vierge, mais vous pouvez \u00e9galement suivre les \u00e9tapes sur un site Joomla existant 3.7. Tout d’abord, nous cr\u00e9ons un nouvel \u00e9l\u00e9ment de menu appel\u00e9 \u00ab\u00a0Recettes\u00a0\u00bb dans le gestionnaire de menu Joomla et nous choisissons \u00ab\u00a0Blog d\u2019une cat\u00e9gorie\u00a0\u00bb. Une nouvelle fonctionnalit\u00e9 tr\u00e8s pratique dans Joomla 3.7 est que nous pouvons aussi cr\u00e9er directement cette cat\u00e9gorie de \u00ab\u00a0recettes\u00a0\u00bb \u00e0 la vol\u00e9e lors de la cr\u00e9ation du menu. Il n\u2019est donc plus n\u00e9cessaire de cr\u00e9er au pr\u00e9alable la cat\u00e9gorie pour pouvoir l\u2019assigner ensuite lors de la cr\u00e9ation d\u2019un \u00e9l\u00e9ment de menu.<\/p>\n
2 – Cr\u00e9er le Groupe de Champs
\nNous cr\u00e9ons ensuite un nouveau \u00ab\u00a0Groupe de champs\u00a0\u00bb pour les articles. Nous le faisons Contenu -> Groupes de champs. A ce premier groupe de champs nous donnons comme titre \u00ab\u00a0Recettes\u00a0\u00bb, au deuxi\u00e8me nous donnons comme titre \u00ab\u00a0Ingr\u00e9dients\u00a0\u00bb. La description optionnelle que vous pouvez introduire sera visible au-dessus des champs lors de l’\u00e9dition. Cela peut donc \u00e9ventuellement \u00eatre utilis\u00e9 comme description pour un groupe sur le champs.
\n3 – Cr\u00e9er le Champ Texte
\nMaintenant que les groupes de champs ont \u00e9t\u00e9 cr\u00e9\u00e9s, nous pouvons commencer \u00e0 ajouter des champs. Tout d’abord, nous cr\u00e9ons un champ pour le temps de pr\u00e9paration d’une recette. Sous Contenu -> Champs, nous cr\u00e9ons un nouveau champ de type \u00ab\u00a0texte (text)\u00a0\u00bb auquel on donne comme titre \u00ab\u00a0Temps de pr\u00e9paration\u00a0\u00bb. Ce titre sera automatiquement utilis\u00e9 comme Label de champ, mais peut \u00eatre adapt\u00e9 plus bas sur l\u2019\u00e9cran si souhait\u00e9. Il y a encore une s\u00e9rie d\u2019autres options disponibles, comme par exemple le fait de rendre un champ obligatoire ou facultatif. Pour ce champ, ne modifions aucune autre option, contentons-nous de sp\u00e9cifier \u00e0 droite de l\u2019\u00e9cran le Groupe de champs \u00ab\u00a0Recettes\u00a0\u00bb et enregistrons le champ. Notez qu\u2019une fois qu\u2019un champ a \u00e9t\u00e9 enregistr\u00e9, il n\u2019est plus possible de changer son type.<\/p>\n
4 – Cr\u00e9er l\u2019Article
\nMaintenant que nous avons cr\u00e9\u00e9 notre premier champ, nous allons le tester en cr\u00e9ant un nouvel article de Recette. Au niveau du contenu de l’article, nous indiquons les \u00e9tapes de pr\u00e9paration et sous l’onglet \u00ab\u00a0Images et liens\u00a0\u00bb nous s\u00e9lectionnons une image pour la recette. Parmi les onglets standard qui sont habituellement visibles lors de l’ajout d’un article nous voyons maintenant appara\u00eetre un nouvel onglet \u00ab\u00a0Recette\u00a0\u00bb. C’est le Groupe de champs que nous avons cr\u00e9\u00e9 pr\u00e9c\u00e9demment. Sur ce m\u00eame onglet, nous retrouvons donc le champ \u00ab\u00a0Temps de pr\u00e9paration\u00a0\u00bb. Indiquez le temps de pr\u00e9paration de la recette et enregistrez l\u2019article.<\/p>\n
5 – Position du Champ
\nSi nous regardons maintenant la recette sur le site internet, nous voyons le temps de cuisson au-dessus du texte m\u00eame de l’article. Pour chaque champ, vous pouvez d\u00e9finir sur l\u2019onglet Param\u00e8tres les options d\u2019\u00a0\u00bbaffichage automatique\u00a0\u00bb. On peut choisir \u00ab\u00a0Apr\u00e8s le titre\u00a0\u00bb, \u00ab\u00a0Avant l\u2019affichage\u00a0\u00bb, \u00ab\u00a0Apr\u00e8s l\u2019affichage\u00a0\u00bb et \u00ab\u00a0Non\u00a0\u00bb. Essayez les diff\u00e9rentes possibilit\u00e9s et voyez ce que \u00e7a donne respectivement dans le front-end.
\nNous savons maintenant comment cr\u00e9er des champs et comment choisir leur visibilit\u00e9 dans l\u2019administration et sur le site. Il est maintenant temps d’ajouter un certain nombre d\u2019autres champs.<\/p>\n
6 – Cr\u00e9er un Champ Liste
\nPour le nouveau champ \u00ab\u00a0Type de plat\u00a0\u00bb que nous ajoutons, nous choisissons le type \u00ab\u00a0liste (list)\u00a0\u00bb. Ce champ produit une liste d\u00e9roulante (dropdown) o\u00f9 l\u2019utilisateur peut choisir parmi plusieurs options pr\u00e9d\u00e9finies. Dans \u00ab\u00a0Valeurs de la liste\u00a0\u00bb nous mettons en place trois options: \u00ab\u00a0Entr\u00e9e\u00a0\u00bb, \u00ab\u00a0Plat principal \u00ab\u00a0et\u00a0\u00bb Dessert\u00a0\u00bb. Il est \u00e9galement possible d\u2019autoriser un utilisateur \u00e0 choisir des valeurs multiples en indiquant Oui pour le param\u00e8tre \u00ab\u00a0Multiple\u00a0\u00bb. Nous assignons ce nouveau champ \u00e9galement au Groupe de champ \u00ab\u00a0Recette\u00a0\u00bb afin qu’il soit visible sous l’onglet du m\u00eame nom lors de l\u2019\u00e9dition de l’article.<\/p>\n
7 – Cr\u00e9er un Champ Nombre
\nL’un des autres types de champs qui est \u00e0 notre disposition est le \u00ab\u00a0Nombre entier (integer)\u00a0\u00bb. C\u2019est ce type de champ que nous utilisons pour g\u00e9n\u00e9rer automatiquement une liste d\u00e9roulante de nombres. Dans le param\u00e8tre \u00ab\u00a0Premi\u00e8re\u00a0\u00bb nous indiquons \u00ab\u00a01\u00a0\u00bb, pour \u00ab\u00a0Derni\u00e8re\u00a0\u00bb \u00ab\u00a010\u00a0\u00bb et pour \u00ab\u00a0Incr\u00e9mentation\u00a0\u00bb nous indiquons \u00ab\u00a01\u00a0\u00bb. Si nous enregistrons ce champ et nous rendons sur l\u2019article, nous voyons une liste d\u00e9roulante avec les nombre de 1 \u00e0 10. Bien s\u00fbr, nous aurions pu choisir le type de champ \u00ab\u00a0liste\u00a0\u00bb et alors introduire manuellement toutes les valeurs autoris\u00e9es.<\/p>\n
8 – Cr\u00e9er un Champ URL
\nPour entrer l’URL source d’une recette, nous cr\u00e9ons un champ de type \u00ab\u00a0URL (url)\u00a0\u00bb. Nous choisissons p.ex. de n\u2019autoriser que les liens \u00ab\u00a0http\u00a0\u00bb et \u00ab\u00a0https\u00a0\u00bb et nous pr\u00e9cisons ce choix dans l\u2019option \u00ab\u00a0Protocole\u00a0\u00bb. Sous l’onglet \u00ab\u00a0Param\u00e8tres\u00a0\u00bb nous choisissons \u00ab\u00a0Apr\u00e8s l\u2019affichage\u00a0\u00bb pour le param\u00e8tre \u00ab\u00a0Affichage automatique\u00a0\u00bb, de sorte que notre lien soit visible au bas de l’article. Il est \u00e9galement possible de donner des \u00ab\u00a0classes\u00a0\u00bb qui sont utilis\u00e9s pour affichage du champ (choisissez des classes qui existent d\u00e9j\u00e0 dans le template, ou adaptez le css en fonction). Au niveau du param\u00e8tre \u00ab\u00a0Classe de rendu\u00a0\u00bb, indiquez comme classe \u00ab\u00a0muted\u00a0\u00bb. En effet, Joomla utilise par d\u00e9faut Bootstrap v2.3 comme framework CSS, o\u00f9 ce champ aura d\u00e8s lors une une couleur de police grise.<\/p>\n
9 – Cr\u00e9er un Champ \u00c9diteur de Texte
\nQuant aux ingr\u00e9dients de la recette, nous allons vouloir les faire introduire \u00e0 l\u2019aide d\u2019un \u00e9diteur de texte. Par cons\u00e9quent, nous cr\u00e9ons un nouveau champ de type \u00ab\u00a0Editeur (editor)\u00a0\u00bb, pour lequel nous pouvons pr\u00e9ciser diff\u00e9rents param\u00e8tres comme la largeur et la hauteur de l’\u00e9diteur. Pour le \u00ab\u00a0Groupe de champ\u00a0\u00bb, nous indiquons le groupe \u00ab\u00a0Ingr\u00e9dients\u00a0\u00bb. Cela va permettre d\u2019afficher le champ dans un nouvel onglet lors de l’\u00e9dition d’un article. Pour la \u00ab\u00a0classe de rendu\u00a0\u00bb nous indiquons \u00ab\u00a0well well-small\u00a0\u00bb, ce qui va faire en sorte que le visiteur verra la liste des ingr\u00e9dients dans une sorte de cadre \u00e0 part.[ NDLR : voir plus bas pour la bonne configuration du plugin \u00c9diteur ]<\/p>\n
10 – Cr\u00e9er un Champ pour une citation
\nLe dernier champ que nous allons cr\u00e9er est un champ de type \u00ab\u00a0texte (text)\u00a0\u00bb que nous utiliserons pour ajouter un citation int\u00e9gr\u00e9e dans le corps m\u00eame de l\u2019article. Pour le param\u00e8tre \u00ab\u00a0rendu de classe\u00a0\u00bb, nous indiquons \u00ab\u00a0lead text-center\u00a0\u00bb ce qui donne au texte une mise en forme diff\u00e9rente et le centre au niveau de l\u2019affichage. De plus, sur l\u2019onglet Param\u00e8tres nous mettons l\u2019Affichage automatique sur Non parce que nous allons placer manuellement ce champ au milieu du texte de la recette. Nous mettons le param\u00e8tre Afficher le label sur Masquer afin que seul le contenu du champ en question soit affich\u00e9 et non son label.
\n11 – Afficher le Champ dans l\u2019Article
\nMaintenant que nous avons cr\u00e9\u00e9 le champ pour la citation, nous pouvons l\u2019ins\u00e9rer au sein m\u00eame du texte de l’article. Nous le faisons \u00e0 l\u2019aide du shorttag \u00ab\u00a0{field X}\u00a0\u00bb que l\u2019on tape \u00e0 l\u2019endroit o\u00f9 le champ doit \u00eatre visible. Ici, vous remplacez \u00ab\u00a0X\u00a0\u00bb par l’ID (le num\u00e9ro) du champ que vous voulez charger. Si votre champ porte l\u2019ID 7, alors vous tapez simplement \u00ab\u00a0{field 7}\u00a0\u00bb (NDLR : le bouton Champ dans l\u2019\u00e9diteur vous permet de r\u00e9aliser cela encore plus facilement avec une interface graphique, sans \u00e0 avoir \u00e0 conna\u00eetre l\u2019ID du champ). Si nous avons introduit une citation dans ce champs et que nous sauvegardons l\u2019article, alors cette citation sera visible sur le site \u00e0 l\u2019endroit voulu.<\/p>\n
12 – D\u00e9terminer l\u2019ordre des champs
\nDans la gestion des champs, il est \u00e9galement possible de d\u00e9finir l’ordre des champs. Cela fonctionne gr\u00e2ce au principe de drag & drop de Joomla. Si vous allez Dans le menu Contenu -> Champs, vous pouvez cliquer sur les poign\u00e9es (les trois mini carr\u00e9s noirs) figurant devant chaque champ, maintenir appuy\u00e9 et faire glisser les champs vers l’ordre souhait\u00e9.<\/p>\n
13 – Affecter les Champs \u00e0 des Cat\u00e9gories
\nSi votre site propose des articles classiques outre les articles de recettes, vous ne voudrez pas que les Groupes de champs des attributs de recettes soient \u00e9galement visibles sur les articles classiques. Ceci peut \u00eatre \u00e9vit\u00e9 en pr\u00e9cisant les cat\u00e9gories d\u2019articles pour lesquelles les diff\u00e9rents champs doivent \u00eatre disponibles. Lors de l\u2019\u00e9dition d\u2019un champ se trouve ainsi \u00e0 droite de l\u2019\u00e9cran une zone \u2018Cat\u00e9gorie\u00a0\u00bb o\u00f9 vous pouvez s\u00e9lectionner une ou plusieurs cat\u00e9gories. De cette mani\u00e8re vous pouvez si souhait\u00e9 cr\u00e9er facilement des champs sp\u00e9cifiques pour chaque cat\u00e9gori<\/p>\n
14 – D\u00e9finir la visibilit\u00e9 des Champs
\nVous pouvez r\u00e9gler le niveau d’acc\u00e8s pour chaque Groupe de champs ou chaque Champ \u00e0 l’aide de la liste d\u00e9roulante \u00ab\u00a0Acc\u00e8s\u00a0\u00bb qui fonctionne de la m\u00eame fa\u00e7on que notamment pour les articles, les \u00e9l\u00e9ments de menus et les modules. Comme exemple, nous voulons que les ingr\u00e9dients soient visibles uniquement pour les membres du site. Nous obtenons ce r\u00e9sultat en mettant l\u2019Acc\u00e8s du Champ \u00ab\u00a0Ingr\u00e9dients\u00a0\u00bb sur \u00ab\u00a0Enregistr\u00e9 (Registered)\u00a0\u00bb. Sur le site, le grand public ne voit plus les ingr\u00e9dients dans un article. Mais si on se connecte, on voit \u00e0 nouveau bien ce champ.<\/p>\n
15 – Montrer les champs aux utilisateurs Invit\u00e9s
\nPour les utilisateurs non connect\u00e9s (les Guests\/Invit\u00e9s) nous voudrions montrer un petit texte indiquant qu\u2019il faut se connecter pour voir les ingr\u00e9dients. Pour ce faire, nous cr\u00e9ons un nouveau champ de type \u00ab\u00a0Editeur (editor)\u00a0\u00bb et dans le param\u00e8tre \u00ab\u00a0Valeur par d\u00e9faut\u00a0\u00bb nous introduisons \u00ab\u00a0<p>Connectez-vous pour voir les ingr\u00e9dients. Pas encore de compte ? Cr\u00e9ez-en un !<\/p>\u00a0\u00bb. De cette mani\u00e8re nous ne devons pas ajouter manuellement ce texte \u00e0 chaque article. Ensuite, nous mettons l\u2019Acc\u00e8s sur \u00ab\u00a0Invit\u00e9 (Guest)\u00a0\u00bb, nous choisissons \u00ab\u00a0Ingr\u00e9dients\u00a0\u00bb comme Groupe de champs et pour la Classe de rendu, nous indiquons \u00ab\u00a0well well-small\u00a0\u00bb. Sur le site, ce champ est maintenant visible tant que le visiteur n\u2019est pas connect\u00e9.<\/p>\n
16 – Droits d\u2019\u00e9dition
\nEn plus de d\u00e9finir la visibilit\u00e9, il est \u00e9galement possible de d\u00e9finir quels sont les Groupes d\u2019utilisateurs autoris\u00e9s \u00e0 modifier le contenu du champ. Sous l’onglet \u00ab\u00a0Droits\u00a0\u00bb vous pouvez autoriser ou interdire l’action \u00ab\u00a0Modifier les valeurs des champs personnalis\u00e9s\u00a0\u00bb. Ceci est param\u00e9trable ind\u00e9pendamment pour chaque Champ, mais aussi carr\u00e9ment pour tout un Groupe de champs afin de ne pas devoir \u00e9diter chaque champ. De cette fa\u00e7on, vous pouvez autoriser un Groupe d\u2019utilisateurs \u00e0 modifier les articles, tout en rendant un champ donn\u00e9 non modifiable. Ceci est pratique si vous souhaitez configurer un workflow pour la publication d’articles o\u00f9 un d\u00e9partement doit d\u2019abord approuver tout article avant qu’il ne soit publi\u00e9.<\/p>\n
17 – Effectuer une surcharge (template override)
\nLes Champs sont maintenant tous visibles mais nous voudrions montrer les ingr\u00e9dients \u00e0 la gauche de l’article. Nous pouvons y parvenir en cr\u00e9ant une surcharge (template override) en allant dans le menu Extensions -> Templates -> Templates. Sur cet \u00e9cran, ouvrez le template actif et allez dans l’onglet \u00ab\u00a0Cr\u00e9er des substitutions\u00a0\u00bb. Ensuite, cliquez sur \u00ab\u00a0com_content\u00a0\u00bb ->\u00a0\u00bb article\u00a0\u00bb. La surcharge est maintenant cr\u00e9\u00e9e et nous pouvons adapter davantage la pr\u00e9sentation des articles en s\u00e9lectionnant l\u2019onglet \u00c9diteur et en allant chercher le fichier suivant pour cliquer dessus : dossier html -> com_content -> article -> default.php.
\nPersonnaliser le rendu de l\u2019article
\nDans ce fichier nous cherchons la ligne
\n <?php echo $this->item->text; ?>,
\nque nous rempla\u00e7ons par
\n<div class=\u00a0\u00bbrow-fluid\u00a0\u00bb> <div class=\u00a0\u00bbspan4″><\/div> <div class=\u00a0\u00bbspan8″> <?php echo $this->item->text; ?> <\/div><\/div>
\n(NDLR: les classes span4 et span8 fonctionneront sur le template par d\u00e9faut Protostar, mais pour un template bas\u00e9 sur Boostrap 3, on les remplacera respectivement par col-md-4 et col-md-8 par exemple)
\nApr\u00e8s avoir sauvegard\u00e9 cette modification, nous voyons sur le site que le texte de l’article s\u2019est d\u00e9plac\u00e9 \u00e0 droite et cr\u00e9e l’espace droit pour l’affichage du champ avec les ingr\u00e9dients. Le div avec classe \u00ab\u00a0span4\u00a0\u00bb est encore vide pour l\u2019instant.<\/p>\n
19 – Afficher un Champ via la surcharge (template override)
\nPour afficher le Champ contenant les ingr\u00e9dients \u00e0 l\u2019endroit encore vide, nous pla\u00e7ons le code suivant qui g\u00e8re l\u2019affichage d\u2019un champ. Dans le div vide nous pla\u00e7ons le code suivant :
\n<?php if (isset($this->item->jcfields[X])): ?><?php echo FieldsHelper::render(‘com_content.article’, ‘field.render’, array(‘field’ => $this->item->jcfields[X])); ?><?php endif; ?><?php if (isset($this->item->jcfields[Y])): ?><?php echo FieldsHelper::render(‘com_content.article’, ‘field.render’, array(‘field’ => $this->item->jcfields[Y])); ?><?php endif; ?>
\nRemplacer ici \u00ab\u00a0X\u00a0\u00bb par l\u2019ID du Champ des ingr\u00e9dients cr\u00e9\u00e9 \u00e0 l’\u00e9tape 9 et remplacer \u00ab\u00a0Y\u00a0\u00bb par le champ de l\u2019ID cr\u00e9\u00e9 \u00e0 l’\u00e9tape 15, c\u00e0d le champ qui n\u2019est visible que pour les visiteurs non connect\u00e9s. Vous verrez que le Champ Ingr\u00e9dients est affich\u00e9 \u00e0 la fois au-dessus de l’article et dans la barre lat\u00e9rale. Dans les param\u00e8tres des champs nous changeons l\u2019Affichage automatique pour le mettre sur Non afin que ces champs ne soient dor\u00e9navant visibles que dans la barre lat\u00e9rale.<\/p>\n
20 – Personnaliser le style
\nL’affichage est presque comme nous l\u2019avions \u00e0 l’esprit. Nous voulons juste encore montrer un peu plus clairement les Labels des champs. Les Labels des champs re\u00e7oivent d\u2019office une classe \u00ab\u00a0field-label\u00a0\u00bb. On peut donc exploiter cette classe pour personnaliser l’apparence via le CSS. Au template nous allons donc ajouter le CSS suivant pour afficher les Labels en caract\u00e8res gras :
\n.field-entry .field-label { font-weight: bold;}
\nLe rendu de notre recette est maintenant pr\u00eat et vous avez pu voir comment \u00e9tendre facilement les articles Joomla avec des Champs compl\u00e9mentaires et m\u00eame comment via une surcharge (template override) on peut aller encore plus loin pour personnaliser la pr\u00e9sentation et la mise en forme de ses pages. Il est temps maintenant pour vous de faire vos propres essais avec les nouveaux Champs sur votre propre site Joomla ! La documentation Joomla relative aux Champs se trouve en fran\u00e7ais sur https:\/\/docs.joomla.org\/J3.x:Adding_custom_fields\/fr <\/p>\n
Les Champs sont des plugins Joomla
\nLors de la cr\u00e9ation d’un Champ, vous pouvez choisir parmi 15 types diff\u00e9rents. Ces Champs sont tous les plugins s\u00e9par\u00e9s. Si vous allez dans le menu Extensions -> Plugins et filtrez les r\u00e9sultats en choisissant \u00ab\u00a0champs\u00a0\u00bb comme Type, vous allez tous les retrouver. Il est donc aussi possible de d\u00e9sactiver certains types de champs afin qu\u2019ils ne soient pas disponibles. Par ailleurs, pour chaque type de champ, vous pouvez \u00e9galement sp\u00e9cifier les param\u00e8tres par d\u00e9faut. Ceci vous \u00e9vite alors de r\u00e9p\u00e9ter ces modifications \u00e0 chaque cr\u00e9ation de champs. [NDLR : par exemple, pour le plugin Editeur (editor), indiquez \u00ab\u00a0safe html\u00a0\u00bb ou \u00ab\u00a0brut\u00a0\u00bb ou \u00ab\u00a0texte\u00a0\u00bb comme Filtre, sinon vos textes libres risquent de perdre leur mise en forme \u00e0 chaque sauvegarde de l’article. En effet, le \u00ab\u00a0non\u00a0\u00bb que j’avais interpr\u00e9t\u00e9 comme \u00ab\u00a0non pas de filtre\u00a0\u00bb signifierait en fait plut\u00f4t \u00ab\u00a0non pas de html\u00a0\u00bb ].
\nParce que les champs sont des plugins, il est \u00e9galement possible en tant que d\u00e9veloppeur de cr\u00e9er ses propres plugins de champs et ainsi de mettre \u00e0 disposition sur le site de nouveaux types de champs. On s\u2019attend ainsi \u00e0 ce que dans les mois \u00e0 venir soient publi\u00e9es de nouvelles extensions dans le Joomla Extensions Directory qui offriront comme fonctionnalit\u00e9 un nouveau type de champ. Pensez par exemple \u00e0 un champ Google Maps, YouTube ou \u00e0 un champ galerie avec lesquels on pourra facilement ajouter \u00e0 un article respectivement une carte, une vid\u00e9o ou une galerie photos.<\/p>\n
\u00c0 propos de l’auteur
\nSander Potjer
\nSander est co-propri\u00e9taire et d\u00e9veloppeur dans l’\u00e9quipe de Perfect Web Team, une agence web sp\u00e9cialis\u00e9e dans Joomla. Avec une \u00e9quipe de sp\u00e9cialistes Joomla ils travaillent \u00e0 de beaux projets Joomla. Vous pouvez vous adresser \u00e0 eux pour des conseils, la conception, le d\u00e9veloppement, le support et la maintenance de sites Joomla. www.perfectwebteam.nl.<\/p>\n
Source
\n Cet article est la traduction d\u2019un article de Sander Potjer r\u00e9dig\u00e9 pour la version n\u00e9erlandaise du Webdesigner Magazine #94 NL : http:\/\/www.webdesignermagazine.nl\/uitgave\/webdesigner94
\n [ version originale en n\u00e9erlandais : sanderpotjer.nl\/customfields ]<\/p>\n","protected":false},"excerpt":{"rendered":"
\u00c0 partir de Joomla 3.7, il devient possible d’ajouter facilement des attributs suppl\u00e9mentaires aux articles, aux contacts et aux utilisateurs. Cela est rendu possible gr\u00e2ce \u00e0 la nouvelle fonctionnalit\u00e9 \u00ab\u00a0Custom fields\u00a0\u00bb, que l\u2019on appelle en fran\u00e7ais \u00ab\u00a0Champs personnalis\u00e9s\u00a0\u00bb. Il y a 15 types de champs standards disponibles, comme un champ de texte, un menu d\u00e9roulant, […]<\/p>\n","protected":false},"author":1,"featured_media":514,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[13],"tags":[],"class_list":["post-515","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-archives"],"yoast_head":"\n