Configuration et configuration des points d'arrêt des éléments personnalisés par les modules complémentaires principaux #
Le gratuit Points d'arrêt personnalisés pour Elementor plugin de Master Addons (3 points d'arrêt personnalisés gratuits, illimités avec Master Addons Pro) vous permet de créer mises en page de sites Web entièrement réactives optimisé pour les tailles d'écran au-delà des vues intégrées de l'appareil d'Elementor Cela garantit une expérience utilisateur cohérente et de haute qualité sur n'importe quel appareil.
En utilisant des points d'arrêt d'élément personnalisé, vous pouvez :
- Ajoutez autant de points d'arrêt personnalisés (largeurs d'écran) que nécessaire (illimités avec Master Addons Pro).
- Définissez des dispositions spécifiques, des tailles de police, un espacement et un alignement pour des appareils tels que Small Mobile, Large Tablet ou des tailles d'écran personnalisées.
- Remplacer le comportement réactif par défaut d'Elementor à des largeurs de pixels précises.
Que sont les points d’arrêt des éléments personnalisés ? #
Les points d'arrêt Elementor personnalisés sont des largeurs d'écran supplémentaires définies par l'utilisateur qui permettent à votre disposition de s'adapter aux tailles que les vues intégrées d'Elementor ne couvrent pas Elementor a jusqu'à sept vues d'appareil (Portrait mobile, Paysage mobile, Portrait de tablette, Paysage de tablette, Ordinateur portable, Bureau et écran large).Un point d'arrêt personnalisé en ajoute un autre à la largeur maximale exacte que vous choisissez, par exemple une vue petit-mobile de 600 px. Les addons principaux totalisent 3 points d'arrêt personnalisés sur le plan gratuit et des points d'arrêt illimités avec Pro, vous donnant un contrôle précis sur la conception réactive sans toucher le code.
Alors, voyons comment configurer et configurer cette fonctionnalité.
Configuration des points d'arrêt des éléments personnalisés #
Réponse rapide: installez l'extension Custom Breakpoints à partir de Additions principales > Extension1, ouvrez le nouveau Points d'arrêt page sous le menu Addons principaux, puis entrez un Largeur maximale en pixels pour chaque taille d'appareil que vous souhaitez cibler (par exemple, 600 px pour petit mobile).
Suivez ces étapes pour installer et définir vos points d'arrêt personnalisés.
Étape 1 : Installez et activez l'extension #
- Naviguer vers le Additions maîtres menu dans votre tableau de bord WordPress.
- Aller à la prolongation onglet.
- Trouver le “Custom Breakpoints” option et cliquez sur le bouton de téléchargement pour l'installer et l'activer sur votre site Web.
Étape 2 : Accédez aux paramètres des points d'arrêt #
- Dans le tableau de bord WordPress, survolez le Additions maîtres menu.
- Un nouvel élément de menu intitulé “Breakpoints” apparaîtra. Cliquez dessus Cela vous redirigera vers la page de saisie personnalisée du point d'arrêt.
Étape 3 : Ajoutez des points d'arrêt personnalisés #
Sur la page d'entrée Points d'arrêt, vous verrez vos points d'arrêt Elémentor actifs et leurs plages de pixels.
Pour ajouter un nouveau point d'arrêt personnalisé, utilisez le champ de saisie pour définir uniquement le Largeur maximale (en pixels).
Par exemple, pour cibler les petits appareils mobiles, entrez 600px comme la largeur max.
Après l'enregistrement, le système ajustera automatiquement la largeur minimale pour le prochain point d'arrêt par défaut Dans l'exemple ci-dessus, le point d'arrêt de la dérivation des “Small Mobile s'appliquera à tous les écrans inférieur ou égal à 600px« , tandis que le point d'arrêt par défaut de “Mobile” commencera à 601px et terminez à la largeur minimale du point d'arrêt Tablet.
Vous pouvez ajouter ou supprimer des points d'arrêt selon vos besoins à partir de cette page.
Utilisation des points d'arrêt personnalisés des éléments #
Une fois configurés dans les paramètres des modules complémentaires principaux, les points d'arrêt personnalisés deviennent disponibles directement dans l'éditeur de page Elementor.
Étape 1 : Ouvrez le mode réactif dans Elementor #
Allez sur n'importe quelle page et cliquez “Modifier avec Elementor.” Cliquez sur le Mode Réactif icône (généralement un moniteur et une icône de téléphone) en bas à gauche du panneau.
Étape 2 : Sélectionnez un point d'arrêt personnalisé #
La barre supérieure affichera tous les points d'arrêt disponibles, y compris ceux personnalisés que vous avez créés (par exemple, “Small Mobile”).
Cliquez sur votre Point d'arrêt personnalisé pour modifier la vue de l'éditeur à cette taille d'écran spécifique.
Étape 3 : Appliquer des styles personnalisés #
Sélectionnez n'importe quel élément (par exemple, un widget Heading).
Aller chez l'élément modeler onglet.
Cliquez sur le Icône Réponde (moniteur de bureau) à côté de n'importe quel paramètre de style, tel que Typographie > Taille ou Contenu > Alignement.
Définissez une valeur spécifique pour ce point d'arrêt (par exemple, définissez la taille de la police sur 20px). Cette valeur ne s'appliquera que lorsque la largeur du navigateur se situe dans la plage définie pour ce point d'arrêt personnalisé.
Étape 4 : Enregistrer et prévisualiser #
Une fois que vous avez défini vos styles réactifs pour tous les points d'arrêt nécessaires, cliquez sur Mise à jour pour enregistrer la page.
Prévisualisez la page en direct et redimensionnez la fenêtre de votre navigateur pour voir vos points d'arrêt personnalisés déclencher les styles uniques que vous avez définis.
Foire aux questions #
Combien de points d'arrêt personnalisés puis-je ajouter dans Elementor ?
Master Addons ajoute jusqu'à 3 points d'arrêt personnalisés sur le forfait gratuit et des points d'arrêt illimités avec Maître Addons Pro. Chaque point d'arrêt est une taille d'écran de largeur maximale supplémentaire superposée aux vues intégrées de l'appareil d'Elementor mises en page entièrement réactives.
Comment puis-je ajouter un point d'arrêt personnalisé dans Elementor ?
Installez l'extension Custom Breakpoints depuis l'onglet Master Addons Extension, ouvrez la nouvelle page Breakpoints sous le menu Master Addons et entrez un Max-Width en pixels exemple 600 px pour petit mobile Après votre sauvegarde, le nouveau point d'arrêt apparaît dans le mode réactif d'Elementor prêt à styliser.
Les points d'arrêt personnalisés nécessitent-ils Elementor Pro ?
Non. Les points d'arrêt personnalisés sont un Plugin Addons Maître[TRADUCTION] ?Pas une fonctionnalité Elementor Pro. Le plugin gratuit Custom Breakpoints vous offre jusqu'à 3 points d'arrêt personnalisés, et seule la limite supérieure nécessite Master Addons Pro.
Dois-je définir une largeur minimale pour chaque point d'arrêt ?
Non. Vous saisissez uniquement la largeur maximale. Master Addons ajuste automatiquement la largeur minimale du point d'arrêt suivant afin que les plages ne se chevauchent jamais. Par exemple, un point d'arrêt de petite mobile de 600 x fait démarrer la vue mobile par défaut à 601 px.
Les points d'arrêt personnalisés ralentissent-ils mon site Web ?
No. Breakpoints ajoutent seulement les requêtes multimédias CSS standard, qui sont légères, et les styles que vous définissez se chargent exactement comme les styles réactifs intégrés d'Elementor. Suivant général Meilleures pratiques en matière de vitesse des éléments maintient la page rapide quel que soit le nombre de points d'arrêt que vous utilisez.
Pour une comparaison avec les points d'arrêt intégrés d'Elementor et une démo en direct, voir le Page de plugin Breakpoints personnalisés.
