Tutoriel WordPress : Ajouter un pointeur de souris personnalisé à votre site web avec Nexter Blocks

Vous en avez assez du vieux pointeur de souris par défaut sur les pages web ? Utilisez le pointeur WordPress Le plugin Nexter Blocks permet d'ajouter facilement un curseur de souris personnalisé unique à votre site web, tel qu'un mignon dinosaure ou un effet de suivi de cercle cool qui met en valeurInteraction avec l'utilisateuret d'améliorer la reconnaissance de la marque. Cet article vous montrera comment obtenir ces résultats à la main.

Nexter Blocks Plugin

Nexter Blocks Il s'agit d'un produit fabriqué par POSIMYTH Innovations Le plugin, développé par l'entreprise, est une extension premium construite spécifiquement pour l'éditeur WordPress Gutenberg, fournissant de riches blocs interactifs et des fonctionnalités de construction de pages pour aider les utilisateurs à créer des sites web de qualité professionnelle avec zéro code. Il repousse non seulement les limites des fonctionnalités de l'éditeur, mais donne également à chaque page plus de possibilités d'expression créative. Avec des animations intégrées, des contrôles réactifs et une logique d'affichage conditionnelle, les utilisateurs peuvent facilement mettre en œuvre une variété de conceptions visuelles et interactives.

Les principales caractéristiques sont les suivantes :

• 🎯 Composants de blocs avancésLes formulaires de connexion : par exemple, des pointeurs de souris personnalisés, des fenêtres contextuelles, des barres de progression, des comparaisons d'images, des formulaires de connexion, etc.
• ⚙️ Contrôle réactif de l'affichageSupport pour l'affichage du contenu par appareil, par statut de l'utilisateur, par rôle, etc.
• 🖌️ Personnalisation du style de hauteurChaque bloc prend en charge la couleur, la typographie, l'animation et d'autres paramètres de style.

Version gratuite vs Professionnelle (Pro)

Fonctionnalité	version gratuite	Édition professionnelle
Blocs d'interface utilisateur de base (boutons, images, cartes, etc.)	✅	✅
Bloc de style souris, bloc popup, formulaire d'enregistrement de connexion	❌	✅
Affichage de la logique conditionnelle, contrôle de l'animation, barre de progression, etc.	❌	✅
Insertion de CSS/JS personnalisés	✅	✅
Contrôle du niveau de l'appareil (afficher/masquer)	❌	✅
Services d'assistance dédiés et nouveaux blocs continuellement mis à jour	❌	✅

procédure

Étape 1 : Installer et activer le plugin Nexter Blocks

Avant de commencer, assurez-vous que l'éditeur de blocs de WordPress est activé (Gutenberg) et terminer l'installation et l'activation du plug-in Nexter Blocks.

1. Connectez-vous au backend de WordPress
2. cliquez sur Plugins > Installer des plugins
3. Rechercher "Blocs Nexter"
4. frappe (sur le clavier) montagepuis cliquez sur commencer à utiliser

Étape 2 : Activer la fonction de blocage du pointeur de la souris

1. Ouvrir le backend de WordPress Nexter Blocks > Blocs
2. Rechercher "Curseur de souris"Modules
3. Activez le commutateur et cliquez sur "Enregistrer les paramètres".

Le bloc peut désormais être utilisé sur n'importe quelle page.

Étape 3 : Ajouter le bloc du pointeur de la souris à la page

• Allez dans l'éditeur de page de WordPress (Nouvelle page ou Modifier une page existante).
• Cliquez sur le signe "+" dans le coin supérieur gauche de la page pour ajouter un bloc.
• Recherchez "Curseur de souris" et sélectionnez Nexter Bloc curseur souris

Étape 4 : Personnalisez l'effet du curseur de votre souris

Après avoir ajouté le bloc, vous verrez plusieurs options permettant de définir différents types de pointeurs personnalisés :

1. Icône du curseur

• Vous pouvez sélectionner un type de curseur prédéfini, tel que aliasetautomobileetcellule et al. (et autres auteurs)

• Vous pouvez également télécharger une image personnalisée sous forme de curseur de souris, comme un petit dinosaure ou un emoji étoile.

2. Suivre l'image

• Téléchargez une image et elle suivra le curseur de l'utilisateur.

• Taille de l'image, transparence et décalage de positionnement réglables

3. Suivre le texte

• Créez un paragraphe, par exemple "Je suis un dinosaure".

• adapterstyle calligraphiqueTaille, couleur et ombrage pour faire flotter le texte au niveau du curseur

4. Suivre le cercle

• Définir un cercle pour suivre le curseur
• Définir les bordures, la taille, l'indice Z et ajouter des effets de survol

5. Progress Style

• Indique la progression du défilement de la page à l'aide d'un cercle à double couche
• Vous pouvez régler séparément la taille de l'anneau intérieur et extérieur, la couleur et l'épaisseur de l'anneau.la transparence

Effets personnalisés pour les zones restreintes

Si vous souhaitez que l'effet du curseur ne soit déclenché que dans un bloc ou une zone de texte spécifique :

1. Placer le bloc du curseur de la souris derrière ce bloc
2. Réglez l'"Emplacement de l'affichage" sur "Bloc".
3. Réglage d'un type d'effet spécifique et prévisualisation

Recommandations pour l'expansion

• Les styles de souris sont le premier point de contact des utilisateurs avec le site, ne les rendez pas mille fois pires.
• existentCommerce électronique, Portefeuille,404 PageEssayez d'ajouter des styles de souris différents dans des zones spéciales telles que
• Grâce aux animations et aux effets de défilement, l'expérience est encore améliorée

résumés

Le module Mouse Cursor de Nexter Blocks offre aux utilisateurs de WordPress une expérience de personnalisation simple et puissante. Qu'il s'agisse d'images, de texte, de cercles ou de barres de progression défilant sur la page, le riche ensemble de styles permet à votre site de se démarquer des autres. Aucune programmation n'est nécessaire, il suffit d'une simple installation pour obtenir instantanément des effets interactifs personnalisés. Pour plus de tutoriels et d'informations sur WordPress, suivez les liens suivantsRéseau de fluctuation des photonsavec les tutoriels WordPress les plus complets et les plus actifs.Communauté d'échange WordPress.

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.