7 astuces pour utiliser les actions rapides Divi lors de la création d’un site Web

Les actions rapides Divi peuvent être un atout précieux pour votre flux de travail de conception. Les actions rapides permettent de trouver facilement tout ce dont vous avez besoin et d'effectuer des tâches Divi Builder à partir d'un emplacement pratique. Et comme son nom l'indique, vous pouvez effectuer des actions rapidement, ce qui améliore définitivement l'efficacité de la conception d'un site Web dans Divi.

Dans ce tutoriel, je vais donner sept conseils pour utiliser les actions rapides Divi qui vous rendront plus efficace pour créer un site Web dans Divi.

Pourquoi devriez-vous envisager d'utiliser des actions rapides

L'une des principales raisons pour lesquelles vous devriez envisager d'utiliser les actions rapides est de faire de vous un utilisateur Divi plus efficace. Le temps que vous pouvez gagner en évitant quelques clics pour effectuer une tâche peut ne pas en valoir la peine. Mais lorsque vous combinez ces économies sur l'ensemble du processus de création d'un site Divi, vous pouvez gagner un temps considérable sur votre flux de travail. De plus, il y a quelque chose de très pratique à avoir un seul endroit pour trouver ce dont vous avez besoin. Même les experts Divi oublieront où se trouve quelque chose et devront interrompre leur flux de travail avec une recherche distrayante d'une option ou d'un paramètre spécifique qui doit être mis à jour. Mais avec des actions rapides, il y a un certain confort à pouvoir taper ce dont vous avez besoin à la volée sans avoir à quitter votre page.

Divi Quick Actions est une fonctionnalité disponible dans Divi en tant qu'outil d'optimisation et de conception utile. Mais comme tout outil, il faut un peu de temps pour s'habituer à son utilisation. Bien sûr, vous n'êtes pas obligé de l'utiliser. Ce n'est pas comme si vous ne pouviez pas créer un site Web facilement sans actions rapides. Vous pouvez certainement. Cependant, vous constaterez peut-être que prendre quelques instants pour explorer le fonctionnement des actions rapides peut vous ouvrir les yeux sur quelques moyens précieux de simplifier votre flux de travail et d'augmenter votre productivité.

Comment utiliser les actions rapides Divi

Pour utiliser le système d'actions rapides, appuyez simplement sur Maj+Espace pendant que vous êtes dans le générateur. Vous pouvez également cliquer sur l'icône de nouvelle recherche située dans la barre des paramètres de page en bas de la page.

Venons-en maintenant à ces conseils.

Astuce n°1 : étiquetez vos éléments Divi pour les commandes « Aller à »

Les étiquettes admin ont toujours fait partie intégrante de Divi. Avant l'époque du Visual Builder, les administrateurs s'appuyaient sur ces étiquettes pour identifier les éléments Divi lorsqu'ils utilisaient le Divi Builder. Pourtant, même avec la possibilité de s'appuyer sur le front-end (visuellement), les étiquettes d'administrateur sont toujours précieuses. Tout comme avant, les étiquettes d'administration vous aident toujours (ou votre client) à identifier facilement les éléments dans la vue filaire. Vous ne voulez pas avoir à deviner où se trouve une section lorsque vous basculez de la vue du bureau à la vue filaire. Mais il y a une autre bonne raison de labelliser vos Divi Elements. Le menu d'action rapide de Divi dispose d'une commande « aller à » qui vous permettra de rechercher et d'accéder rapidement à n'importe quel élément de la page. Et si vous avez étiqueté vos éléments, vous pouvez facilement identifier l'élément auquel vous souhaitez « aller ».

Par exemple, disons que vous avez une section de votre page avec une vidéo, vous pouvez étiqueter cette section "vidéo" facilement soit en tapant le libellé "vidéo" directement à partir de la vue filaire ou en remplissant le libellé admin dans les paramètres modal .

Avec l'étiquette en place, déployez le menu d'actions rapides et tapez « aller à la vidéo ». Divi passera automatiquement à cette section et ouvrira le modal des paramètres.

Vous avez peut-être déjà incorporé des étiquettes d'administration dans votre flux de travail. Si tel est le cas, vous disposez désormais d'un moyen simple de trouver cet élément étiqueté en un clin d'œil.

Cela est particulièrement utile lorsque vous avez un long contenu de page.

Astuce n°2 : insérer de nouveaux éléments Divi avec la commande Insérer

C'est peut-être l'une des actions rapides les plus intuitives et les plus faciles à mettre en œuvre dans votre flux de travail. Pour utiliser la commande Insérer, il vous suffit de déployer le menu d'action rapide et de taper « insérer » suivi de l'élément que vous souhaitez insérer. Ceci est particulièrement utile pour insérer de nouveaux modules puisque la méthode traditionnelle vous oblige à rechercher le module. Par exemple, si vous souhaitez ajouter un module de texte, vous devez traditionnellement cliquer sur l'icône grise plus, rechercher le module (en faisant défiler ou en utilisant la barre de recherche), puis sélectionner le module.

Avec les actions rapides, tout ce que vous avez à faire est de taper "insérer du texte" et d'appuyer sur Entrée. Ensuite, vous pouvez placer le module n'importe où sur la page à l'aide de l'indication intuitive de survol.

Astuce bonus

En fait, étant donné que la commande d'insertion est la première de la liste lorsque vous déployez le menu d'action rapide, techniquement, tout ce que vous avez à faire pour insérer un module de présentation est de déployer le menu d'action rapide, de cliquer sur Entrée (cela sélectionne la commande d'insertion), puis tapez « blurb » et appuyez à nouveau sur Entrée.

Autre conseil bonus : Optimisez les paramètres de recherche

Si vous utilisez de plus en plus la commande "insérer", vous pouvez accélérer encore plus la recherche d'action rapide en optimisant le paramètre de recherche d'action rapide pour toujours lancer la recherche avec la commande "insérer".

De cette façon, tout ce que vous avez à faire est de déployer le menu d'action rapide et de taper "texte" car la commande Insérer sera déjà là.

Astuce n°3 : Insérez des éléments enregistrés depuis votre bibliothèque Divi

Avec les actions rapides Insérer une commande, vous pouvez ajouter n'importe quel élément enregistré à partir de votre bibliothèque Divi. Cela inclut les sections, lignes, modules ou mises en page enregistrés.

Tapez simplement « Insert Saved » suivi du type d'élément que vous souhaitez ajouter (section, ligne, module ou mise en page).

C'est une fonctionnalité utile, mais si vous avez un grand nombre d'éléments enregistrés, vous devrez peut-être penser à un système de nommage plus catégorisé pour accélérer la recherche.

Organisez vos éléments de bibliothèque avec des noms catégorisés

Si vous avez un bon nombre d'éléments enregistrés dans votre bibliothèque Divi, les insérer dans votre page (même avec des actions rapides) peut prendre plus de temps que nécessaire. Après tout, vous pouvez facilement oublier le nom exact d'un module, d'une ligne ou d'une section spécifique. Une façon de trouver vos éléments enregistrés plus rapidement à l'aide d'actions rapides consiste à donner à chaque élément un nom catégorisé lors de son enregistrement dans votre bibliothèque. Ceci est différent de l'attribution d'une catégorie à votre élément enregistré. Par exemple, si je souhaite enregistrer des éléments de ma page d'accueil dans la bibliothèque Divi, je pourrais catégoriser le nom de chaque élément en insérant « page d'accueil » au début du nom. Donc, si j'enregistrais une section de textes de présentation présentant des fonctionnalités sur la page d'accueil, je donnerais le nom suivant à la section lors de l'enregistrement dans la bibliothèque.

"page d'accueil - section fonctionnalités"

Si je voulais enregistrer une rangée de textes de présentation, je lui donnerais le nom suivant :

"page d'accueil - ligne de fonctionnalités"

Si je voulais enregistrer un module de présentation présentant une fonctionnalité, je lui donnerais le nom suivant :

"page d'accueil - caractéristiques de l'heure de départ"

Avec ce système de nommage en place, vous pouvez facilement trouver l'élément enregistré que vous recherchez dans une liste classée dans le menu d'action rapide. Supposons que vous souhaitiez ajouter cette section de fonctionnalités que vous avez précédemment créée sur votre page d'accueil, vous pouvez faire l'une des trois choses suivantes.

1) Vous pouvez déployer le menu d'actions rapides et taper « page d'accueil ». Cela affichera la liste des éléments enregistrés avec « homepage » au début du nom. Là, vous pouvez identifier la section spécifique que vous recherchez avec le nom catégorisé de «page d'accueil».

2) Vous pouvez taper « insérer une section enregistrée » ou simplement « section enregistrée » pour voir une liste de toutes vos sections enregistrées. Là, vous pouvez identifier celui classé par «page d'accueil».

3) Si vous vous souvenez du nom de la section, vous pouvez le saisir et gagner encore plus de temps.

Astuce n°4 : Ouvrir des pages dans Divi Builder avec Open Command

La commande Ouvrir dans Actions rapides est utile pour ouvrir n'importe quelle page, publication ou projet que vous avez créé sur votre site Web. Par exemple, dans le menu d'action rapide, connaître la commande de recherche « Ouvrir la page » est utile pour afficher une liste de toutes vos pages existantes sur votre site Web.

Ce qui est génial avec l'ouverture de pages à partir du menu des actions rapides, c'est que chaque page est ouverte dans un nouvel onglet avec le constructeur Divi déjà déployé. Ceci est pratique lorsque vous êtes en mode conception de sites Web, car cela vous permet de sauter certaines étapes qui pourraient éventuellement distraire votre créativité ou votre réflexion.

Si vous connaissez le nom de la page, vous pouvez taper « ouvrir » suivi du nom de votre page pour l'afficher directement. Ainsi, par exemple, si vous avez une page avec le titre « À propos ». Pour ouvrir la page, tapez simplement « ouvrir à propos ». La page devrait apparaître en haut de la liste. Ensuite, tout ce que vous avez à faire est de cliquer sur Entrée ! Vous serez automatiquement redirigé vers cette page À propos avec le Divi Builder déjà actif et prêt à être modifié.

Astuce n°5 : utilisez les actions rapides comme tremplin vers les raccourcis clavier

Pour ceux d'entre vous qui se sont engagés à apprendre les raccourcis clavier, les actions rapides peuvent être un enseignant utile. Avouons-le, la plupart d'entre nous ne prendront pas le temps de mémoriser tous les raccourcis clavier en une seule séance, puis de lutter pour les forcer dans votre flux de travail. Mais, je parierais que si vous prenez un moment pour reconnaître les raccourcis clavier étiquetés à côté des options d'action rapide, vous serez plus enclin à les essayer la prochaine fois que vous pensez à cette action particulière. Voici quelques exemples de la façon dont cela pourrait se dérouler.

De « Paramètres de page » à « O »

Disons que vous naviguez avec des actions rapides et que vous vous retrouvez à taper fréquemment « paramètres de page » pour accéder aux paramètres de page (parce que vous êtes une rockstar et que vous connaissez le jargon). Puis une fois, vous remarquez la lettre "O" étiquetée à l'extrême droite de l'option.

Ensuite, une ampoule s'éteint pour que vous puissiez accéder aux paramètres de la page avec une simple touche ! Vous ne reviendrez peut-être plus jamais à l'ancienne.

De "wireframe" à "shift-w"

Vous pouvez déployer la vue filaire en tapant simplement « vue filaire » dans le menu des actions rapides. Mais vous remarquerez peut-être le raccourci clavier "shft + w" étiqueté à droite de l'option dans la liste.

Ce petit raccourci est parfait pour basculer entre les modes filaire et bureau à la volée !

N'oubliez pas le « ? »

Pour accéder à une liste des raccourcis dans le menu des actions rapides, vous pouvez utiliser la commande builder. Tapez simplement « raccourcis du constructeur ». Ou vous pouvez aussi simplement taper « raccourcis clavier » ou simplement « raccourcis ». Mais, ne négligez pas l'étiquette de raccourci clavier « ? » À droite.

Vous pouvez afficher la liste complète des raccourcis clavier en tapant simplement « ? » dans le Divi Builder et en cliquant sur l'onglet Raccourcis clavier.

Astuce n°6 : mettez à jour rapidement les options de page et les paramètres de page à la volée

Lors de la création d'un site Web dans Divi, vous rencontrerez souvent le besoin de mettre à jour les paramètres de votre page, les paramètres de thème et les options de thème. Voici quelques façons dont cela pourrait être utile.

Flux de création de page

Là, vous créez votre troisième page de votre site Web et réalisez que vous ne voulez pas être dérangé par la fenêtre contextuelle du flux de création de page à chaque fois. Déployez le menu des actions rapides et tapez « flow ». Sélectionnez ensuite l'option « Flux de création de page » pour ouvrir le modal des paramètres de page où se trouve cette option.

Ensuite, vous pouvez le changer en « Créer à partir de zéro » afin que chaque fois que vous déployez le constructeur Divi sur une nouvelle page, vous puissiez commencer à construire immédiatement.

Contenu de l'espace réservé aux nouveaux modules

Une fois que vous vous serez habitué à utiliser les modules Divi, vous constaterez peut-être que vous n'avez plus besoin du contenu de l'espace réservé. Cela vous évite d'avoir à supprimer le contenu de l'espace réservé avant d'ajouter le vôtre. Déployez le menu des actions rapides et tapez « paramètres du générateur » pour désactiver cette option.

Mettre à jour la palette de couleurs

Je suis prêt à parier que beaucoup d'entre vous perdent encore un temps précieux à rechercher, copier et coller des codes de couleur dans des sections, des lignes et des modules lors de la création de votre site Web. Vous n'en avez pas besoin ! Déployez simplement le menu d'actions rapides et tapez "couleur" et choisissez l'option "Paramètres de la palette de couleurs de la page".

Cela vous amènera directement à la palette de couleurs de votre page. Là, vous pouvez ajouter la nouvelle couleur que vous utilisez à la palette et elle sera disponible sur toutes les palettes de couleurs dans chaque modal de paramètres d'élément Divi lors de la création de votre page. Maintenant, vous pouvez simplement cliquer sur la couleur de la palette au lieu de recourir à la recherche et à la recherche encore et encore.

Ajout de CSS personnalisé à votre page

Si vous souhaitez ajouter un CSS personnalisé à votre page, il suffit généralement de quelques clics pour ouvrir les paramètres de la page et en cliquant sur l'onglet avancé (c'est-à-dire si vous vous souvenez où il se trouve en premier lieu). Avec les actions rapides, vous pouvez simplement déployer le menu d'actions rapides et taper "css" et cliquer sur Entrée pour sélectionner "Paramètres CSS personnalisés de la page".

Juste comme ça, vous êtes là où vous devez être sans un seul clic de souris.

Astuce n°7 : utilisez vos lignes de vie

Je serai le premier à admettre que j'avais l'habitude de souffrir du stéréotype masculin classique de ne pas demander de directions ou de lire des instructions. Mais j'ai appris ma leçon. Après de nombreux échecs, j'ai découvert que le succès de tout projet que j'entreprenais (comme la construction d'un ensemble de cuisine jouet pour ma fille par exemple) dépendait fortement de la rapidité avec laquelle j'atteignais le manuel d'instructions. Il en va de même pour la création de sites Web avec Divi. Avec des actions rapides, la documentation d'aide et le support sont littéralement à quelques touches.

Besoin d'un aperçu rapide du module vidéo, déployez simplement le menu d'actions rapides et tapez « Vidéo d'aide » ou « module vidéo ». Vous y verrez un lien pour afficher un didacticiel vidéo ou un lien externe vers l'article de documentation.

Si vous rencontrez un problème spécifique nécessitant une assistance personnalisée, saisissez simplement « assistance » pour afficher le lien externe vers la page d'assistance d'Elegant Themes.

Dernières pensées

Si vous hésitez à intégrer les actions rapides Divi dans votre flux de travail, j'espère que ces quelques conseils vous aideront à sortir du rebord afin que vous puissiez les essayer par vous-même. Même un ou deux de ces conseils peuvent vous faire gagner un temps précieux à long terme.

Je suis curieux de connaître quelques conseils que vous pourriez avoir à partager avec nous. J'ai hâte de vous entendre dans les commentaires ci-dessous.

À votre santé!