J3.x

Ajout de champs personnalisés/Champ Médias

From Joomla! Documentation

< J3.x:Adding custom fields
This page is a translated version of the page J3.x:Adding custom fields/Media Field and the translation is 100% complete.

Other languages:
Deutsch • ‎English • ‎français • ‎Bahasa Indonesia • ‎Nederlands

Champ Médias


Médias

Fournit un accès en modal au gestionnaire de médias pour l'insertion d'images avec chargement par les utilisateurs disposant des autorisations appropriées.

Paramètres

Les paramètres spécifiques pour ce champ sont ː

  • Répertoire
    Le répertoire d'images par défaut pour ce champ. Par défaut, le champ Médias est le répertoire principal /images de manière inhérente, donc quelle que soit le répertoire saisi dans le champ Répertoire, il est supposé être présent dans le répertoire images. Donc si vous souhaitez que votre répertoire par défaut soit /images/myimages, il faut simplement saisir myimages dans le champ Répertoire.
  • Prévisualisation
    Affiche ou masque la prévisualisation de l'image sélectionnée.
  • Classe de l'image
    La classe qui est ajoutée à l'image (balise src).


Informations connexes

Lisez Type de champ de formulaire Médias.

Captures d'écran

Créer le champ

Supposons que vous créez un champ avec les options présentées dans la figure suivante.

Media field create-fr.png

Utiliser le champ en backend

Dans l'administration lors de la création d'un article ou d'un contact, vous voyez le champ comme dans l'image suivante ː

Media-fr.png

Et si vous cliquez, une fenêtre modale va s'ouvrir et vous pourrez y sélectionner un utilisateur. 800px


Utiliser le champ en frontend

Sur le site public, vous pouvez voir le champ comme sur l'image ci-dessous. Le paramètre Affichage automatique se charge de la position du champ et le modèle de site est responsable du rendu du champ.
Les champs sont uniquement visibles sur le site public lorsqu'ils sont remplis avec des données dans l'article. Si le champ n'est pas requis, pouvez-vous vous en passer ?

Media field frontend-fr.png