GenerateBlocks Pro Styles Migration Tutorial : Mise à jour des anciens styles globaux vers les nouveaux systèmes

existent Générer des blocs Avec la version Pro 1.7, le plugin introduit un système de style global plus puissant et plus flexible. Par rapport à l'ancienne version, qui ne pouvait attribuer qu'un seul style à chaque élément, le nouveau système prend en charge l'utilisation de plusieurs styles superposés et permet une gestion plus claire des composants de conception tels que les boutons et les conteneurs.

Si vous avez utilisé l'ancien style (Legacy) dans la version 1.6 ou antérieure Styles globaux), cet article vous montrera étape par étape comment migrer ces styles vers la nouvelle version de la structure.

I. Révision de l'ancien modèle mondial

Dans l'ancien système, un seul style global pouvait être associé à chaque type de bloc (par exemple, un bouton ou un conteneur). Chaque style pouvait être contrôlé :

• Couleur des boutons, intérieurmargeles bords, les coins, etc.
• Marges supérieure, inférieure, gauche et droite du conteneur
• Changement de style entre l'arrière-plan et l'état survolé

Ces styles, bien que basiques, deviennent progressivement plus difficiles à maintenir au fur et à mesure que d'autres projets sont ajoutés.

Deuxièmement, mettez à jour le plug-in et entrez dans la nouvelle version du panneau de style

Tout d'abord, assurez-vous que GenerateBlocks Pro a été mis à niveau vers la version 1.7 ou une version ultérieure.

• spectacle (un billet) WordPress En coulisses, rendez-vous sur GenerateBlocks → Styles globaux
• Vous verrez une nouvelle entrée sur la page Héritage des styles globaux

• En cliquant sur ce bouton, vous accédez à l'ancien écran de gestion, où vous pouvez sélectionner les éléments que vous souhaitez migrer.

Troisièmement, exemple de migration du style de bouton

Étape 1 : Sélectionner l'ancien style

Prenons l'exemple du style bouton. Cliquez sur l'un des éléments de la liste des anciens styles pour accéder à la page d'édition.

Étape 2 : Nommer la nouvelle classe de style

Entrez un nom pour le nouveau style, un format uniforme avec un préfixe est recommandé, par exemple :bouton abc

Parmi ceux-ci abc Il peut être codé pour une entreprise, un projet ou une équipe afin de faciliter le tri et l'appel à un stade ultérieur.

Étape 3 : Copier le contenu de l'ancien style

En cliquant sur l'option "Copier ce style de bloc de région", le système copiera automatiquement toutes les valeurs définies dans le style d'origine (y compris l'optionsurvol) est copiée dans la nouvelle version du système de style.

Étape 4 : Vérifier l'intégrité du style

Ouvrir le nouveau style de EspacementetContexteetSurvolez et d'autres domaines pour s'assurer que les couleurs, les marges intérieures et les états d'interaction ont été migrés correctement.

Cliquez sur "Enregistrer" lorsque vous avez terminé.

IV. migration des styles de conteneurs

Le processus de migration pour les conteneurs est exactement le même que pour les boutons :

• Sélection de l'ancien style de conteneur
• nommé d'après conteneur abc

• Copiez également les attributs de style et enregistrez

V. Appeler le nouveau style dans la page

Une fois la migration terminée, vous pouvez utiliser les nouvelles classes de style dans n'importe quelle page :

• bâton Générer des blocs Bloc Conteneur → Ajouter un nom de classe conteneur abc
• Insérer un bloc de boutons → Ajouter un nom de classe bouton abc

Si le style du bouton ne s'affiche pas correctement, vérifiez si le style local est toujours conservé, vous pouvez supprimer le style par défaut en cliquant sur l'icône "X" pour que le nouveau style prenne effet.

VI. nettoyage des anciens styles

Lorsque vous avez confirmé que tous les styles ont été migrés avec succès :

• Retour au panneau Styles globaux hérités
• Supprimer les anciens styles qui ne sont plus utilisés

• Ensuite, toutes les pages utiliseront le nouveau système de style, l'interface est également plus rafraîchissante !

VII. résumé des avantages du nouveau système

Le nouveau système de style offre un plus grand degré de liberté grâce à une structure modulaire :

• Plusieurs classes de style peuvent être ajoutées à l'élément, librement combinables
• Paramètres de style plus clairs, y compris les pseudo-états (par exemple, le survol)
• Modifier à un endroit et appliquer automatiquement à toutes les références

Par rapport à l'ancienne structure, le nouveau système est plus adapté à la construction d'un système de conception composé de composants et facile à entretenir.

remarques finales

Si vous utilisez encore Générer des blocs Avec l'ancien style de Pro, le moment est venu de migrer. Le nouveau système est non seulement plus flexible, mais aussi mieux adapté à l'expansion future du site et à la collaboration de l'équipe.

L'opération de migration ne nécessite pas de configuration complexe, il suffit de quelques clics pour que votre système de conception soit entièrement mis à niveau.

Mises à jour récentes

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.