Vous ne savez pas comment utiliser Avada Postcard, ce guide pratique vous aidera à démarrer !

Avada Thème de l'élément carte postale L'élément carte postale d'Avada est un outil efficace pour afficher des produits, des blogs, des services et des informations sur l'équipe, qui est à la fois esthétique et pratique, et qui convient à une variété de mises en page de contenu. Dans cet article, nous vous apporterons une compréhension préliminaire du rôle d'Avada Postcard Element, de l'utilisation des scénarios, des fonctionnalités principales et des compétences de configuration, afin de vous aider à créer efficacement de belles pages.

I. Qu'est-ce qu'Avada Postcard Element ?

Élément de carte postale être Avada Le constructeur de thèmes dispose d'un module d'affichage de contenu par carte, qui utilise l'image, le titre, la description, les boutons, etc. pour former un bloc de contenu indépendant, et peut appeler plusieurs cartes par lots, afin d'obtenir l'effet d'affichage d'un tableau de contenu.

Caractéristiques principales :

• Prise en charge des appels de contenu dynamique (par exemple, articles de blog, produits, etc.)
• Des styles de mise en page et des animations riches

• Conception auto-réactive, compatible avec les appareils mobiles

• Peut être lié à d'autres éléments d'Avada (par exemple des boutons, des boîtes graphiques, etc.)

Scénario d'application : Que peut faire Postcard Element ?

Voici quelques scénarios pratiques courants :

• Afficher plusieurs aperçus d'articles de blog
• Liste des catalogues de produits
• Présentation des membres de l'équipe
• Afficher des cartes de témoignages de clients
• Créer des listes de services graphiques

effet de levier Élément de carte postaleVous pouvez rapidement créer des pages riches en informations, mais clairement structurées et très attrayantes sur le plan visuel.

Comment ajouter un élément Avada Postcard ?

Si vous êtes un utilisateur d'Avada, l'utilisation est très simple. Voici les étapes de base :

1) Activation de l'éditeur de pages Avada Builder

Dans le backend de WordPress, allez sur la page que vous souhaitez modifier et cliquez sur "Utiliser Avada Builder" pour ouvrir l'éditeur visuel.

2. ajouter le conteneur de ligne et sélectionner une mise en page.

Choisissez une mise en page en une ou plusieurs colonnes (les cartes en trois colonnes sont généralement plus efficaces).

3. insérer l'élément carte postale

Cliquez sur le bouton "Ajouter un élément", entrez "carte postale" dans le champ de recherche et cliquez sur Ajouter.

IV. les paramètres de base en détail

Avada Postcard offre un large éventail de paramètres de personnalisation. Quelques-unes des principales options de réglage sont énumérées ci-dessous :

1. configuration de la source de données

• Sources de données dynamiques : prise en charge de la lecture automatique des articles de blog, des produits WooCommerce et d'autres contenus.

• Saisie manuelle du contenu : convient pour un petit nombre de présentations de cartes personnalisées.

2. configuration du contenu de la carte

Cliquez sur Modifier la carte pour apporter des modifications.

• Style de l'en-tête (police, taille, couleur).

• Paramètres de l'image (échelle, méthode de recadrage)

• Pour les paragraphes d'introduction (qui prennent en charge le formatage HTML), il existe deux façons de configurer la prise en charge du formatage HTML :
  • La première consiste à ajouter un bloc de texte à la page d'édition de la carte.
  • L'autre est l'éditeur en arrière-plan, cliquez sur les options des éléments, l'interface des cartes postales cliquez sur les généralités, vous pouvez modifier les éléments suivants

• Animation et effet de survol (possibilité d'ajouter une interaction dynamique) : il existe deux façons de mettre en place une interaction dynamique, l'une consiste à ajouter un élément de sélection dans la page d'édition de la carte, afin de trouver une animation ; l'autre consiste à cliquer sur les options de l'élément dans le back-end de l'éditeur, à cliquer sur les extras de l'interface des cartes postales, afin de faire apparaître une animation. type.

3. l'alignement et l'espacement

fonction souhaitée	Dans quel cadre dois-je chercher ?
Espacement des lignes, espacement des colonnes	Paramètres du conteneur ou de la ligne → Onglets d'espacement ou de conception
Alignement des cartes	Paramètres de mise en page et de conception dans les éléments Post Card, Blog, Portfolio
Plus d'informations	Cartes postales → Extras ou dans Paramètres de pagination

4) Paramètres réactifs

Avada prend en charge différents comptes et styles d'affichage pour différents appareils (ordinateur de bureau, tablette, mobile) afin de garantir un aspect uniforme sur tous les appareils.

V. Suggestions et conseils pratiques pour l'optimisation de la conception

1. maintenir l'équilibre graphique

Le rapport entre les images et le texte de la carte ne doit pas être déséquilibré, et il est recommandé d'utiliser des vignettes de taille uniforme et de conserver des paragraphes de texte concis et clairs.

2. ajouter un bouton CTA pour guider la conversion

Peut être utilisé dans chaque Carte postale Ajoutez des boutons "En savoir plus" ou "Acheter" pour augmenter le taux d'interaction des utilisateurs.

3. utiliser l'animation pour attirer l'attention

L'ajout d'une légère animation au survol de la carte ou d'un effet de révélation du défilement peut contribuer à améliorer l'expérience de l'utilisateur sans être trop sophistiqué.

4. utilisation avec d'autres éléments

Peut être utilisé avec les éléments Advanced Button, Modal Popup ou Image Hover pour une présentation interactive plus avancée du contenu.

VI. carte postale ou élément de blog : comment choisir ?

De nombreux utilisateurs confondent les éléments Postcard et Blog dans Avada, voici donc une brève distinction :

Projet de comparaison	Élément de carte postale	Élément de blog
source de contenu	Personnalisation ou articles	Articles de blog uniquement
Nombre de styles	Plusieurs styles de cartes	Limité à la mise en page du blog
Extension des fonctionnalités	Contrôle plus souple des boutons, des graphiques et de la mise en page	Mieux adapté aux présentations traditionnelles des listes de blogs
Utilisation recommandée	Produits, services, équipe, vitrine des contenus vedettes	Page d'archives du blog ou page de liste des articles

Si vous souhaitez une présentation plus marquée et plus attrayante sur le plan visuel, la carte postale est l'option préférée.

VII. questions fréquemment posées et réponses

1) L'élément carte postale peut-il afficher des produits WooCommerce ?

Peut. Vous pouvez lier du contenu dynamique par l'intermédiaire de la fonction WooCommerce Catalogue de produits avec une carte présentant l'image du produit, son titre, son prix et un bouton "voir les détails".

2) Est-il possible d'importer des styles de cartes prédéfinis ?

Oui, Avada propose officiellement plusieurs préréglages de cartes postales que vous pouvez rapidement importer et appliquer avec Avada Studio.

3) Les styles des cartes peuvent-ils être personnalisés à l'aide de CSS ?

Avada prend en charge l'ajout de noms de classe CSS personnalisés à chaque élément, et vous pouvez personnaliser l'apparence via Options du thème > CSS personnalisé.

VIII Résumé

Élément de carte postale AvadaConvient à une grande variété de scénarios d'affichage de la structure du contenu. Que vous souhaitiez afficher des produits, des équipes, des commentaires de clients ou intégrer des recommandations de blog, ils peuvent être présentés sous la forme de magnifiques cartes pour améliorer le design général du site et l'expérience utilisateur. Si vous êtes déjà un utilisateur d'Avada, vous pouvez l'essayer dès que possible pour donner à vos pages un aspect premium !

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : [email protected]
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.