Article Lire la suite Élément

À propos de l'article Lire la suite Élément

L'élément Lire la suite de l'article est conçu pour fonctionner dans le Élément de liste d'articles.

Il offre aux visiteurs un moyen clair et convivial de naviguer vers des articles complets en ajoutant un bouton ou un lien sous les aperçus des articles.

Comment ajouter un élément Lire la suite d'article à votre page ?

Étape 1 : Consultez la Tableau de bord GemPages > Pages, puis cliquez sur votre page cible pour localiser l'éditeur.

Étape 2 : Dans la barre latérale gauche, recherchez le Article Lire la suite Élément et faites-le glisser et déposez-le à l'emplacement souhaité sur votre page.

Étape 3 : Cliquez sur l'élément pour ouvrir ses paramètres pour une personnalisation supplémentaire.

Configurer l'onglet Paramètres

L'espace Article Lire la suite Élément est livré avec plusieurs options de personnalisation pour répondre à vos besoins de conception et de fonctionnalité :

Style

Sélectionnez votre mise en page préférée pour votre élément Article Lire la suite : avec ou sans crochets remplis (texte uniquement).

Source de l'article

Cliquez sur la case pour configurer les sources d'articles dans l'élément Liste d'articles.

Taille

• En vertu des Normes sur l’information et les communications, les organismes doivent rendre leurs sites et applications Web accessibles. Ils y parviennent en conformant leurs sites Web au niveau AA des Web Content Accessibility Guidelines (WCAG). Taille section, modifiez la largeur, la hauteur et le remplissage de l'élément pour vous assurer qu'il s'intègre dans la conception de votre page. 

Si la largeur = Ajuster le contenu (Auto) :

Si la largeur = Pleine (100 %) :

• Ajuste le rembourrage manuellement pour une meilleure visibilité si vous préférez.

Présentation

• Changez le couleur de fond de la section entière, en fonction de vos préférences, avec ce paramètre.

Saisissez un code couleur, choisissez-en un dans le nuancier ou utilisez le sélecteur de couleurs. Vous pouvez également sélectionner votre couleur préférée dans le Couleurs récentes et Suggéré pour vous des listes pour gagner du temps et des efforts.

• Si vous préférez un arrière-plan de l'image, cliquez sur la case à côté de l'image option pour télécharger une nouvelle image ou l'importer depuis votre bibliothèque pour la définir comme image d'arrière-plan.

Forme

Les paramètres de forme concernent toute la section qui contient votre élément de liste d'articles.

• Frontière:Vous pouvez modifier la couleur de la bordure, l'épaisseur et le contour de votre section Liste d'articles.

• CORNER:Le coin de la section peut être carré, carré arrondi ou rond.

• Shadow: Vous pouvez ajouter une ombre à la section Liste d'articles et ajuster l'affichage de l'ombre (taille, couleur, flou et distance).

Icône

Assurez-vous de l'avoir activé pour ouvrir ses paramètres :

• Icône: Choisissez parmi la liste d'icônes disponibles de GemPages, ou vous pouvez télécharger la vôtre (fichier .SVG uniquement).
• Poste: Sélectionnez la position de l'icône dans votre bouton pour qu'elle soit à gauche ou à droite.
• Écart: Ajustez l'espacement entre le texte et l'icône pour une meilleure visibilité.

Texte

Configurez le texte du bouton à votre façon, notamment :

• Style:Choisissez le titre
• Fonte:Sélectionnez un style de police qui correspond à l’identité de votre marque.
• Taille:Ajustez la taille de la police pour rendre le titre visible.
• Couleur:Choisissez une couleur qui complète votre design.
• Aligner: Ajustez l'alignement de votre texte à gauche, au centre, à droite ou justifiez.

Cliquez à nouveau sur Afficher plus pour développer les paramètres complets dans le Style de texte section:

• Poids de polices:Contrôlez l'épaisseur ou la finesse du texte.
• Hauteur de ligne:Ajustez l'espace entre les lignes pour une meilleure lisibilité.
• L'espacement des lettres:Créez un look plus moderne ou compact en modifiant l'espace entre les lettres.
• Transformez:Convertissez le texte en majuscules, en minuscules ou mettez en majuscule la première lettre de chaque mot.
• Shadow:Ajoutez une ombre de texte pour donner de la profondeur à vos titres.

Effect

État du survol : Définissez comment l’élément change lorsque les utilisateurs passent la souris dessus. 

Options de personnalisation de l'effet de survol, y compris

• Mise en contexte: Appliquez un arrière-plan différent au bouton pour une meilleure mise en valeur.
• Texte : Modifiez la couleur du texte lorsque vous passez la souris dessus.
• Forme: Personnalisez la taille de la bordure, le style et le rayon des coins pour les effets de survol.

Aligner

Ajustez l'alignement du titre pour une meilleure lisibilité. Vous pouvez choisir entre un alignement à gauche, au centre ou à droite.

En personnalisant l'élément Lire la suite de l'article, vous améliorez la navigation et l'expérience utilisateur, ce qui permet aux visiteurs d'explorer plus facilement votre contenu.

Configurer l'onglet Avancé 

Pour une personnalisation plus avancée, accédez à l'onglet Avancé et suivez les instructions cet article.