Utiliser le bloc Téléchargements et Liens

Avec le bloc Gutenberg Téléchargements et liens (immomakler/single-downloads-links), vous présentez les pièces jointes (PDFs, documents) et les liens externes d’un bien immobilier sous forme de liste d’icônes. Le bloc correspond en termes de fonctionnalités et de rendu au widget Elementor du même nom, « Téléchargements et liens ».

Prérequis

WordPress avec l’éditeur Gutenberg (à partir de WordPress 5.0)
WP-ImmoMakler (toute édition)
Le bien immobilier doit avoir des pièces jointes (documents/PDFs) ou des liens enregistrés

Insérer le bloc

Modifier un bien ou ouvrir un template

Ouvrez un bien immobilier existant dans l’éditeur ou un template basé sur des blocs pour le type de publication Bien immobilier (requiert un thème de blocs ou le Site Editor).
Insérer le bloc

Cliquez sur le symbole + et recherchez Téléchargements et liens, ou naviguez vers la catégorie Widgets. Insérez le bloc.
Vérifier l’aperçu

Dans l’éditeur, un aperçu en temps réel s’affiche immédiatement avec les données d’un exemple de bien existant. Si l’exemple ne comporte pas de téléchargements ni de liens, une notice de remplacement apparaît. Sur la page réelle du bien, les données de l’objet correspondant sont affichées.

Configurer la liste

Dans le panneau de bloc Liste, vous gérez la mise en page de base :

Paramètre	Description
Mise en page	Standard (vertical) : entrées les unes sous les autres. Inline (horizontal) : entrées côte à côte, avec retour à la ligne automatique.
Alignement	Alignement des entrées : Gauche, Centre ou Droite.
Espacement entre éléments (px)	Espace entre les entrées individuelles de la liste. Par défaut : 10 px.
Interligne (px)	Espace supplémentaire sous chaque entrée (s’ajoute à l’espacement entre éléments). Par défaut : 0 px.
Largeur minimale (px)	Largeur minimale de chaque entrée. Utile en mise en page inline pour des largeurs uniformes. Par défaut : 0 (pas de limite).

Séparateur

Dans le panneau de bloc Séparateur, vous ajoutez des lignes de séparation optionnelles entre les entrées :

Paramètre	Description
Afficher le séparateur	Active les séparateurs entre les entrées (par défaut : désactivé).
Style	Type de ligne : Solid, Double, Dotted ou Dashed.
Épaisseur (px)	Épaisseur de la ligne en pixels. Par défaut : 1 px.
Largeur (%)	Largeur du séparateur en pourcentage de la largeur de l’élément. Par défaut : 100 %.
Couleur	Couleur du séparateur. Par défaut : `#ddd`.

Style des éléments

Dans le panneau de bloc Éléments, vous personnalisez l’arrière-plan, la bordure et les marges intérieures de chaque entrée :

Paramètre	Description
Couleur d’arrière-plan	Couleur d’arrière-plan de chaque entrée.
Style de bordure	Type de bordure : Solid, Dashed, Dotted ou Double.
Épaisseur de bordure (px)	Épaisseur de la bordure autour de chaque entrée.
Couleur de bordure	Couleur de la bordure.
Rayon des coins (px)	Arrondi des coins (haut, droite, bas, gauche indépendamment).
Marge intérieure (px)	Rembourrage à l’intérieur de chaque entrée (haut, droite, bas, gauche indépendamment).

Style des icônes

Dans le panneau de bloc Icônes, vous choisissez et personnalisez les icônes :

Paramètre	Description
Icône téléchargements	Icône pour les entrées de téléchargement : Fichier, Flèche de téléchargement ou PDF.
Icône liens	Icône pour les entrées de liens : Lien externe, Maillon de chaîne ou Globe.
Couleur	Couleur des icônes. Sans valeur, la couleur du texte du thème est utilisée.
Couleur au survol	Couleur des icônes au passage de la souris.
Taille (px)	Largeur et hauteur des icônes. Par défaut : 14 px, plage : 6–96 px.
Espacement avec le texte (px)	Espace entre l’icône et le texte du lien. Par défaut : 5 px.

Style du texte

Dans le panneau de bloc Texte, vous adaptez la typographie du texte des liens :

Paramètre	Description
Couleur	Couleur du texte des liens. Sans valeur, la couleur des liens du thème est utilisée.
Couleur au survol	Couleur du texte au passage de la souris.
Taille de police (px)	Taille de la police. 0 = valeur par défaut du thème.
Graisse de police	Graisse de la police (Light à Extrabold). Valeur par défaut = valeur du thème.
Hauteur de ligne	Hauteur de ligne en facteur. 0 = valeur par défaut du thème.
Espacement des lettres (px)	Espace entre les caractères.

Classes CSS pour des personnalisations supplémentaires

Pour une personnalisation plus poussée, vous pouvez utiliser vos propres règles CSS dans votre thème :

/* Liste enveloppe */
.immomakler-downloads-links { }

/* Variante de mise en page inline */
.immomakler-downloads-links.immomakler-downloads-links--inline { }

/* Entrée individuelle */
.immomakler-downloads-links__item { }

/* Conteneur d'icône */
.immomakler-downloads-links__icon { }

/* Élément de lien */
.immomakler-downloads-links__link { }