Construire un site WordPress parfait avec Layers

L’un des meilleurs aspects des logiciels open source est que vous êtes libre de le modifier à votre guise. C’est pourquoi WordPress est une si grande plateforme de blogging : vous pouvez choisir parmi des centaines de thèmes et également l’étendre avec des plugins et améliorer ses performances avec des astuces utiles.

Si vous avez toujours voulu créer votre propre thème WordPress, mais que vous n’aviez ni les compétences en codage ni le temps à investir dans l’apprentissage, Layers est définitivement fait pour vous. C’est un cadre de thème qui s’intègre étroitement avec les options par défaut de WordPress, permettant une expérience de personnalisation sans faille. Vous pouvez l’utiliser pour concevoir des thèmes WordPress sans aucune connaissance en codage grâce à une interface de glisser-déposer et des dialogues conviviaux.

Installation et intégration avec WordPress

Layers est gratuit et open source, vous pouvez donc simplement télécharger le .zip et l’installer via le dialogue d’installation des thèmes dans votre configuration WordPress existante. Pour utiliser Layers, vous devez le sélectionner comme thème WordPress actif.

Une fois activé, Layers sera accessible depuis plusieurs parties de l’interface WordPress. Il y aura un nouveau menu appelé “Layers” dans la barre latérale principale de WordPress. Ici, vous pouvez contrôler tous les aspects de Layers depuis son propre tableau de bord.

Layers s’intégrera également avec le menu Apparence où vous pouvez y accéder en cliquant sur “Personnaliser” et le menu Pages où vous pouvez ajouter une nouvelle page en tant que “Modèle Layers”. Enfin, lors de l’aperçu de votre site WordPress, il y aura une nouvelle option – “Modifier la mise en page” – dans la barre d’outils.

Si vous souhaitez simplement essayer Layers sans l’installer, il existe une version de démonstration qui fonctionne dans le navigateur mais nécessite une inscription (gratuite).

Édition des pages WordPress avec Layers

Layers fonctionne essentiellement comme un thème WordPress entièrement personnalisable ; contrairement à d’autres thèmes avec des fonctionnalités prédéfinies, vous pouvez ajuster chaque élément de votre site web en ajoutant, supprimant et modifiant des widgets. Si vous ne souhaitez pas construire des pages à partir de zéro, vous pouvez choisir l’un des modèles prédéfinis. Certains modèles sont conçus pour des objectifs spécifiques, comme une page de portfolio, des pages d’atterrissage ou une page vidéo. Pour commencer à travailler avec les mises en page, cliquez soit sur “Modifier la mise en page” dans la barre d’outils principale, soit sur “Modifier votre page” dans le menu Pages de la barre latérale WordPress.

L’éditeur Layers a la barre latérale principale à gauche où vous pouvez choisir ce que vous souhaitez modifier (Corps de la page, Barre latérale mobile, Pied de page). Chaque section est un menu déroulant dans lequel vous pouvez ajouter et réorganiser des widgets. Cliquer sur un widget ouvre sa boîte de dialogue d’options à droite pour une personnalisation supplémentaire.

La barre d’outils verticale avec des icônes s’appelle la barre de design, et elle change en fonction du widget que vous sélectionnez. Chaque widget a son propre ensemble de fonctionnalités, et les widgets Layers sont marqués d’une icône bleue pour les distinguer des widgets WordPress par défaut. Cliquer sur le bouton “Avancé” dans la barre de design vous permettra de modifier le CSS pour ce widget. De cette manière, Layers offre un plus grand degré de contrôle sur le contenu aux utilisateurs avancés, familiers avec le CSS.

Bien sûr, vous n’avez jamais à toucher au code si vous ne le souhaitez pas, même en ce qui concerne le design réactif. Layers prend en charge les appareils mobiles en vous permettant de créer un menu spécial, uniquement mobile, simplement en sélectionnant et en réorganisant des widgets.

Modifier une mise en page n’affecte que la page WordPress sélectionnée. Cependant, Layers peut également modifier les paramètres globaux du site. Pour y accéder, éloignez-vous de “Modifier la mise en page” en cliquant sur la flèche de retour dans la barre latérale de l’éditeur Layers.

Ajustement des paramètres du site

Depuis le menu des paramètres du site, vous pouvez contrôler des éléments tels que le logo et le titre du site web, la navigation et les barres latérales, ainsi que utiliser Google Fonts grâce à l’intégration de Layers avec le service.

Dans la barre latérale de l’éditeur Layers, il y a également des options séparées pour modifier l’en-tête et le pied de page, définir une page d’accueil statique et ajouter du CSS personnalisé. Les sections En-tête et Pied de page contiennent toutes deux un onglet “Scripts supplémentaires” que vous pouvez utiliser pour insérer du code personnalisé dans votre site web, comme le suivi Google Analytics ou des fonctions similaires basées sur Javascript.

Si vous prévoyez de créer un thème avec Layers, je vous suggère de commencer par ces éléments généraux (paramètres globaux), puis de travailler vers la personnalisation des pages individuelles et la création de modèles que vous pouvez appliquer à un ensemble de pages.

Exportation et fonctionnalités avancées

Une fois que vous êtes satisfait de la mise en page que vous avez créée, vous pouvez l’exporter dans plusieurs formats différents. Depuis le tableau de bord WordPress, allez dans le menu Layers et sélectionnez Sauvegarde pour voir toutes les options. Vous pouvez exporter uniquement les mises en page ou effectuer une sauvegarde complète de votre contenu avec les paramètres des widgets modifiés.

Avec Layers, il est également possible de créer des thèmes enfants et des kits de style, qui sont des exports plus étendus contenant tous les éléments de l’interface du site web. Cependant, ils ne peuvent être appliqués qu’à une installation WordPress qui a Layers. La documentation officielle explique comment créer et importer des kits de style.

Une autre fonctionnalité utile de Layers est le support pour WooCommerce, ce qui rend la création de sites web e-commerce beaucoup plus facile.

Conclusion

Layers est un projet en pleine croissance, donc si vous sentez que certaines fonctionnalités manquent, il est probable qu’elles seront ajoutées dans de futures versions. C’est un moyen facile pour les débutants WordPress de créer rapidement un thème personnalisé, et cela n’alourdit pas le site web. L’interface est épurée et directe avec un flux de travail de gauche à droite qui vous guide depuis la barre latérale à travers des menus déroulants jusqu’aux boîtes de dialogue des widgets individuels. Naturellement, Layers n’est pas la seule extension WordPress de ce type, donc si pour une raison quelconque vous ne l’aimez pas, vous pouvez essayer Platform ou Unyson, que nous avons précédemment couverts.

Avez-vous essayé Layers ? Préférez-vous construire vos propres thèmes WordPress, ou comptez-vous sur les créations d’autres designers ? Dites-le nous dans les commentaires.