Avada est l'un des thèmes polyvalents les plus vendus pour WordPress.calendrier(Timeline), largement utilisé pour l'historique du développement de l'équipe, l'affichage de l'avancement du projet et d'autres scènes. Cependant, après la mise à jour du thème, il y a un problème avec le style de la ligne de temps, ce qui affecte la beauté du site Web et l'expérience de l'utilisateur. Cet article explique systématiquement les causes de ce problème, ainsi que les étapes détaillées pour le résoudre.

Pourquoi le style de la ligne de temps est-il perturbé après la mise à jour d'Avada ?

1.1 Mise à jour de la structure stylistique

Les mises à jour d'Avada tendent à optimiser les mises à jour des CSS de base et des dispositions des modules. Si le module Ligne de temps a modifié les noms de classe ou la structure dans la nouvelle version, la mise en page de l'ancienne page peut ne pas fonctionner.

1.2 Personnalisation des conflits CSS

Si un sous-thème ou unCSS personnalisé Les styles de la ligne de temps ont été modifiés dans Avada, et la mise à jour d'Avada a changé la structure du module, ce qui fait que l'ancienne feuille de style CSS ne fonctionne plus, entra?nant des désalignements, des fautes de frappe et d'autres problèmes.

1.3 Le cache n'est pas vidé

Si le navigateur ou le cache CDN n'est pas actualisé après la mise à jour, les anciens fichiers CSS sont toujours utilisés, ce qui peut également entra?ner un chargement incorrect des styles.

1.4 Avada Builder ne correspond pas à la version du thème

au cas où Avada Builder Le plugin n'est pas mis à jour en synchronisation avec le thème, ce qui peut entra?ner des incohérences dans l'affichage des modules de la ligne de temps.

Deuxièmement, l'interprétation courante du style de la ligne du temps est erronée

1. Désalignement vertical du contenu de la ligne de temps
2. alterner entre la gauche et la droiteouverture (jargon des échecs)échec, tous les articles empilés à gauche ou à droite
3. La taille des ic?nes se superpose à la présentation du texte
4. Les lignes de la ligne de temps disparaissent ou changent de position

Réparer l'erreur de style de timeline d'Avada : étapes détaillées

étape 1 : Assurez-vous que les versions du thème et du plugin sont identiques

Fonctionnement :

1. Connectez-vous au backend de WordPress
2. sonde Thème Avada avec Avada Builder Sont-ils tous à jour ?

raison d'êtreAvada Builder est étroitement lié au thème, et les incohérences entre les versions conduisent souvent à des mises en page mal alignées.

étape 2 : Vérifier si le CSS personnalisé est en conflit avec la nouvelle version

Fonctionnement :

• Trouvez le code qui implique le module de la ligne de temps, comme par exemple :

.timeline
.fusion-timeline
.timeline-item

• Commentez le CSS personnalisé ligne par ligne et actualisez la page pour voir si elle revient à la normale.

étape 3 : Réenregistrer la page à l'aide d'Avada Builder

Fonctionnement :

• Modifier la page où se trouve la ligne du temps
• Ouvrir Avada Live Builder

• Cliquez sur le coin supérieur droit de la page économiser Sauvegarder la page

étape 4 : Vérifier les paramètres des options globales d'Avada

Fonctionnement :

• entrer dans Avada > Options

• vérifier Méthode de compilation CSS Sélection ou non pour Fichier

raison d'êtreLe mode Fichier génère un nouveau fichier CSS pour éviter les conflits de style en ligne avec le cache.

étape 5 : Contacter le support officiel d'Avada

Si la méthode ci-dessus n'est pas valide, il peut s'agir d'un BUG de mise à jour du thème ou d'un conflit avec des plug-ins tiers :

1. s'inscrire ThemeForest Compte Avada
2. entrer dans Soutien
3. Soumettez un ordre de travail avec un lien vers la page du problème avec des captures d'écran et l'équipe officielle vous aidera à résoudre le problème.

Comment éviter que la mise à jour d'Avada ne perturbe le style de la ligne de temps ?

4.1 Gestion des styles personnalisés avec les thèmes enfants

Placez toutes les feuilles de style CSS personnalisées dans le thème enfant et indiquez la date et le r?le de la modification, afin de faciliter le dépannage après la mise à niveau.

4.2 Vérifier la mise à niveau dans un environnement de test

Avant la mise à jour officielle, vous pouvez copier le site web sur le site de test et confirmer qu'il n'y a pas d'anomalie dans la chronologie et les autres mises en page avant de mettre à jour le site officiel.

4.3 Sauvegarde régulière du site web

L'utilisation de plug-ins (tels que Migration WP tout-en-un) Sauvegarder régulièrement les fichiers et les bases de données du site web.

V. Résumé

Avada Le style de la ligne de temps est perturbé après la mise à jour du thème, généralement en raison de la mise à jour de la structure des modules, d'un conflit avec les feuilles de style CSS personnalisées et d'autres problèmes. Vous pouvez y remédier en vérifiant si le constructeur est le même que la version du thème, en dépannant et en mettant à jour les feuilles de style CSS personnalisées, en réenregistrant la page et en ajustant la valeur de l'attribut Options globales Bien qu'il soit difficile de résoudre les problèmes de mise en page, la plupart d'entre eux peuvent être résolus en suivant ces étapes. La ma?trise de ces méthodes peut aider à la maintenance et à la mise à jour des thèmes afin de répondre rapidement aux problèmes de mise en page, d'assurer un fonctionnement stable du site web et d'optimiser l'expérience de l'utilisateur.

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 : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.