WP Layouts – Une nouvelle façon révolutionnaire de stocker les mises en page WordPress !

WP Layouts stocke toutes vos mises en page pour les principaux constructeurs WordPress dans le cloud afin que vous puissiez y accéder depuis n'importe quel site Web WordPress. Enregistrez ou utilisez vos mises en page en un seul clic. C'est un excellent moyen de gagner du temps, ce qui le rend idéal pour tous ceux qui souhaitent réutiliser un design. Ceci est particulièrement idéal pour tous ceux qui créent de nombreux sites Web ou pour la collaboration de projets au sein de grandes agences de design. Dans cet article, nous examinerons de près WP Layouts, verrons ce qu'il peut faire, verrons à quel point il est facile à utiliser et verrons si WP Layouts vous convient.

Pourquoi utiliser WP Layouts ?

L'ancienne méthode

L'ancienne méthode consistait à exporter chaque mise en page une par une et à les enregistrer sur votre ordinateur. Ensuite, accédez au site sur lequel vous souhaitez utiliser les mises en page et importez-les une par une.

Auparavant, les fichiers d'exportation .JSON devaient être stockés dans des fichiers sur votre ordinateur ou dans un service de stockage cloud séparé. Cela signifie que vous devrez les rechercher ou naviguer dans le dossier et trouver le fichier individuel un par un. Cela a été fait pour chaque site Web où vous vouliez utiliser les fichiers. Vous ne pouviez pas voir la mise en page avant de la télécharger, il était donc possible de télécharger plusieurs mises en page pour obtenir la bonne pour le site Web.

L'ancienne méthode était encore pire pour empaqueter les thèmes enfants. Les exporter et les emballer est un processus en plusieurs étapes qui peut devenir compliqué. Vous vous retrouveriez avec beaucoup de fichiers à partir desquels vous devrez créer un package de thème enfant. Cela devenait chronophage.

La nouvelle méthode

Avec WP Layouts, vous n'avez jamais besoin d'exporter les mises en page d'un site et de les importer sur un autre à la fois. Les mises en page sont stockées dans le cloud et sont accessibles à partir d'un menu unique au sein de votre site Web WordPress. Ils incluent même vos fichiers CSS et vos images. Il fonctionne avec Gutenberg, Divi, Elementor et Beaver Builder (plus d'options à venir).

Choisissez simplement l'onglet WP Layouts dans l'option de mise en page pour le constructeur que vous souhaitez utiliser. Toutes vos mises en page sont visibles sous forme de vignettes afin que vous sachiez exactement ce que vous sélectionnez à chaque fois. L'abonnement WP Layouts comprend plus de 20 mises en page personnalisées et vous pouvez acheter plus de mises en page premium directement à partir de la bibliothèque.

Une fonctionnalité à venir vous permettra de créer des thèmes enfants en un seul clic. Plus besoin de télécharger des fichiers individuels et de les combiner pour créer le package de thème enfant. Tout se fera automatiquement.

Télécharger et installer les mises en page WP

Pour commencer avec la version bêta de WP Layouts, accédez à WPLayouts.space et cliquez sur n'importe quel bouton intitulé Get WP Layouts NOW!

Cela ouvre le formulaire où vous pouvez créer un compte ou vous connecter à votre compte et télécharger le plugin. Vous pourrez également renouveler votre clé de licence ici. Il s'agit de la version bêta, qui sera disponible jusqu'à la fin de l'année. Après le premier de l'année, une option gratuite restera disponible ainsi que plusieurs forfaits Premium.

Téléchargez le plugin et activez-le normalement. Dans le menu du tableau de bord, accédez à WP Layouts > Paramètres et connectez-vous avec votre e-mail. WP Layouts est maintenant ajouté aux bibliothèques de vos constructeurs et peut être importé dans les pages et publications de Gutenberg.

WP Layouts Mes mises en page

Vous verrez la liste des mises en page dans le menu du tableau de bord WP Layouts. Vous pouvez les afficher dans une grille ou une liste. La vue en grille affiche la vignette, le nom de l'éditeur ou de la mise en page et une loupe qui ouvre la mise en page pour la voir en direct dans un nouvel onglet. Chacun défile au fur et à mesure que vous le survolez pour vous montrer la mise en page. Vous pouvez les afficher par date ou par ordre alphabétique, et vous pouvez choisir le nombre à afficher sur la page. Une boîte de recherche dans le coin supérieur gauche vous permet de rechercher par nom ou par éditeur.

Cela montre la vue de liste. Je les ai triés par ordre alphabétique de A à Z. Il affiche le nom, l'éditeur, la date de téléchargement et un bouton pour voir la mise en page sous forme d'aperçu en direct.

Vous pouvez également renommer ou supprimer un modèle en le sélectionnant puis en faisant vos choix dans la case à droite de l'écran. Si vous choisissez de supprimer une mise en page, une fenêtre contextuelle vous demandera de confirmer la suppression.

Thèmes

Le menu du tableau de bord comporte également un lien appelé Thèmes . Il s'agit d'une fonctionnalité à venir qui vous permettra d'importer des thèmes enfants à partir de la bibliothèque cloud WP Layouts. Il s'agit d'une fonctionnalité intéressante et plus de détails seront bientôt disponibles.

Comment utiliser les mises en page WP

Voici un aperçu de la façon d'utiliser WP Layouts avec chacun des constructeurs. Tous utilisent un processus en un clic pour voir les mises en page.

Utilisation de WP Layouts avec Gutenberg

Dans l'éditeur Gutenberg, vous verrez quelques boutons dans le coin inférieur droit d'un onglet appelé Import/Export . Cliquez pour importer votre mise en page depuis le cloud ou pour importer votre mise en page dans le cloud.

J'ai cliqué pour importer. Un modal s'ouvre pour montrer les mises en page que je peux utiliser avec ce constructeur. Il s'agit du même écran que la bibliothèque WP Layouts, je peux donc les trier, les rechercher et les afficher de la même manière. Il comprend un onglet appelé WP Layouts et un onglet appelé Mes mises en page . Mes mises en page sont les mises en page que vous avez enregistrées dans votre bibliothèque cloud à partir de n'importe quel site Web.

Cliquer sur une mise en page affiche un nouveau modal où je peux choisir une option d'importation. Insérez la mise en page au-dessus du contenu existant, sous le contenu existant ou remplacez le contenu existant.

Ma mise en page a maintenant été importée de ma bibliothèque cloud.

Une fois que vous avez créé votre mise en page, vous pouvez l'enregistrer dans le cloud en cliquant sur Exporter vers WP Layouts . Une fenêtre modale s'ouvre dans laquelle vous pouvez fournir un nom pour la mise en page. Il génère une image miniature et exporte tout le contenu.

Utilisation de WP Layouts avec Divi

Deux nouveaux onglets WP Layouts sont ajoutés à la fenêtre contextuelle des mises en page Divi où vous pouvez voir les mises en page Divi que vous avez enregistrées dans les nuages ​​​​WP Layouts ou les mises en page de la bibliothèque WP Layouts.

Tout comme avec les mises en page Gutenberg, choisissez comment vous souhaitez que la mise en page soit importée à partir du modal et cliquez sur Importer.

La mise en page est maintenant importée dans la page ou la publication Divi où elle peut être personnalisée comme n'importe quelle mise en page.

Pour l'enregistrer dans la bibliothèque WP Layouts, sélectionnez pour enregistrer la mise en page dans la bibliothèque comme d'habitude, puis sélectionnez l'option WP Layouts.

Utilisation des mises en page WP avec Elementor

Les onglets WP Layouts sont ajoutés à la bibliothèque Elementor où vous pouvez choisir vos mises en page enregistrées ou choisir dans la bibliothèque WP Layouts.

Cliquez sur la mise en page souhaitée et attendez qu'elle soit importée.

Pour enregistrer les mises en page dans votre cloud WP Layouts, survolez la flèche à côté du bouton Publier dans le coin inférieur gauche et sélectionnez Enregistrer comme modèle .

Sélectionnez Enregistrer dans WP Layouts dans la fenêtre contextuelle d'enregistrement.

Utilisation de WP Layouts avec Beaver Builder

Pour utiliser vos WP Layouts avec Beaver Builder, cliquez sur l' icône de nuage dans le coin supérieur droit. Cela ouvre la fenêtre contextuelle Import Layouts avec les onglets My Layouts et WP Layouts.

Sélectionnez votre mise en page et choisissez comment vous souhaitez insérer la mise en page dans votre page ou publication.

Votre mise en page est maintenant importée de la bibliothèque WP Layouts.

Pour enregistrer votre mise en page dans la bibliothèque, cliquez sur l'icône de nuage sur la section ou le module que vous souhaitez enregistrer.

Nommez votre mise en page et cliquez sur Exporter .

Vous pouvez également importer ou exporter à partir du menu Outils dans le coin supérieur gauche.

Mises en page WP Mises en page gratuites

L' abonnement WP Layouts comprend plus de 20 mises en page de qualité supérieure conçues par des professionnels. D'autres seront disponibles à l'achat et vous pourrez les acheter directement à la bibliothèque.

Voici un aperçu de la mise en page Voyage pour Divi. Il s'ouvre avec le Visual Builder actif afin que vous puissiez apporter des modifications et voir quels éléments sont inclus. Les modifications ne seront pas enregistrées, mais c'est un excellent moyen de voir les paramètres et les modules.

Voici un aperçu de la mise en page du commerce électronique.

Prise en charge et documentation de WP Layouts

La documentation est fournie sur la page de support de WP Layouts. Il comprend des articles, une FAQ, un guide de démarrage rapide, un lien vers l'assistance et un formulaire de contact. Le guide de démarrage rapide comprend des vidéos détaillées et des articles écrits étape par étape pour vous aider à démarrer.

Prix

La version bêta est gratuite jusqu'à la fin de l'année. Une fois la bêta terminée, il y aura un niveau de tarification spécial pour les abonnements Divi Space et Aspen Grove Studios. Les prix seront annoncés ultérieurement, alors assurez-vous de vous inscrire à la newsletter.

Mettre fin aux pensées

WP Layouts place toutes vos mises en page à portée de main. L'importation est rapide. La plupart semblaient être plus rapides que d'importer les mises en page Divi standard et elles incluaient toutes les images et CSS. L'utilisation du plugin et des onglets est intuitive. Je n'avais besoin de la documentation d'aucun des constructeurs, mais elle est facilement disponible pour tous ceux qui en ont besoin.

Il fonctionne actuellement avec des mises en page pour Gutenberg, Divi, Elementor et Beaver Builder. Bientôt, le plugin sera également compatible avec les thèmes enfants, ce qui rendra le plugin encore plus précieux pour tout développeur Web.

Avoir toutes vos mises en page en un clic change la donne. WP Layouts est un must pour tous ceux qui créent de nombreux sites Web et souhaitent réutiliser leurs propres conceptions comme point de départ, ou pour tous ceux qui souhaitent simplement avoir leurs mises en page à portée de main.

Nous voulons de vos nouvelles. Avez-vous essayé la version bêta de WP Layouts ? Faites-nous savoir ce que vous en pensez dans les commentaires.