Comment utiliser Divi pour créer un site Web de salon de coiffure

Chaque salon de coiffure a besoin d’un beau site Web. Avec le support puissant de Divi (et ces merveilleux paquets gratuits de mise en page de Divi), vous pouvez facilement créer un site Web dont n’importe quel coiffeur serait fier. Aujourd’hui, je vais vous montrer comment utiliser Divi pour créer un site Web pour un salon de coiffure. Je vais commencer par le sac de mise en page du café. Je l’ai fait pour les raisons suivantes: 1. La disposition offre un excellent schéma de couleurs pour les coiffeurs. La disposition de la page correspond à ce qui est nécessaire pour le site Web du salon de coiffure.
Par exemple, la plupart des salons de coiffure offrent des produits, de sorte que la page du magasin est un bon contenu. La mise en page du menu peut être facilement convertie en une page de service énumérant tous les différents types de services de coiffure disponibles. J’aime transformer la page du Guide de la bière en une page de processus qui vous guide vers une expérience de coupe de cheveux « parfaite ». Un voyeur. Installez et activez ce tutoriel Divi theme. Le paquet de mise en page du café est importé dans la Bibliothèque Divi. Vous pouvez choisir n’importe quelle mise en page que vous voulez vraiment, mais aux fins de ce tutoriel, je vais utiliser la mise en page du café, donc nous avons un exemple de travail. Je suis sûr que la disposition du salon de coiffure sera bientôt disponible, ce qui facilitera les choses. Photo: Je vais utiliser des photos de shutterstock et quelques photos prises à partir d’autres paquets de mise en page. Lors de la création d’un site Web de salon de coiffure, assurez – vous de sélectionner une photo de haute qualité de la taille appropriée pour la colonne dans laquelle il se trouve (c. – à – D. que l’image de fond doit être d’au moins 1920 × 1080). Vous pouvez également consulter ce guide faisant autorité pour l’utilisation des images avec Divi. Si vous cherchez une solution d’image d’inventaire gratuite, consultez unsplash. Com. Déterminer les besoins en co du site Web du salon de coiffure
Les détails sont les suivants: # dca47d
Cette couleur sera appliquée à plus de 20 endroits pendant le thème (certains endroits que vous ne verrez peut – être jamais), mais comme c’est la couleur d’accent du thème de mise en page que nous utilisons, il est parfait d’ajouter cette couleur pour mettre à jour les couleurs par défaut (au moins) des liens et des icônes. Publier les personnalisations du sujet et rafraîchir la page pour voir si les changements entrent en vigueur. Mettre à jour les paramètres de mise en page dans le personnalisateur de thème même si votre mise en page a des paramètres de mise en page personnalisés au niveau du formulaire, vous devez trouver les polices dans la mise en page afin que vous puissiez les inclure dans les paramètres de mise en page par défaut dans le personnalisateur de thème. Ceci est nécessaire pour faire correspondre les polices utilisées dans l’ensemble du sujet Divi (en dehors de la nouvelle version) avec les combinaisons de polices utilisées dans la mise en page. Cela permettra également de s’assurer que tout autre texte ajouté lors de la création du nouveau formulaire correspond au site.
Aller à Divi > personnalisation du sujet > paramètres généraux > Composition et mettre à jour ce qui suit: taille du texte du corps: 18px hauteur de la ligne du corps: 1,8 em taille de la police d’en – tête: 42 Px; Espacement des en – têtes: 2px hauteur de ligne de l’en – tête: 1,5 em style de police de l’en – tête: tt caractères de l’en – tête: Oswald caractères du corps: nunito couleur du texte de l’en – tête: # 333333 Personnaliser la barre de menu principale maintenant, vous pouvez continuer et vous assurer que la barre de menu principale est correctement conçue. Il existe de nombreuses façons différentes de personnaliser les menus pour correspondre à cette mise en page, mais tout ce que je dois faire maintenant est de mettre à jour la taille du texte.
Du personnalisateur de thème au titre et à la navigation > barre de menu principale et mettre à jour ce qui suit: taille
Texte: 18px style de police: gras (b), majuscule (TT) Notez également que le texte du corps par défaut a été ajouté en tant que police pour le texte du menu. La couleur du lien actif, la couleur de la ligne de menu déroulant et l’icône du menu hamburger sur l’appareil mobile héritent également automatiquement de l’accent global. Cela se fait dans la configuration initiale du site. Si vous avez besoin de conseils sur la façon de mettre en page, consultez les étapes suivantes.
D’après mes recherches au moment de l’affichage, j’ai choisi un programme de rencontres en ligne pour votre site de coiffure, depuis le plugin wordpress gratuit jusqu’à la société SaaS coûteuse. La bonne nouvelle, c’est que beaucoup d’entre eux semblent bien fonctionner (du moins ceux que j’ai essayé). Donc, si vous avez des problèmes d’argent, commencez à essayer quelques plugins WordPress gratuits jusqu’à ce que vous ayez les fonctionnalités et le design que vous voulez dans le Service de réservation en ligne du site. Une option gratuite est le plugin Easy Dating WordPress, qui semble convenir pour les rendez – vous de type salon de coiffure, avec des extensions pour intégrer votre calendrier personnel et la passerelle de paiement. Calendally a également une option gratuite, mais vous avez besoin d’une mise à jour pour déverrouiller certaines fonctionnalités telles que plusieurs types d’événements et de paiements en ligne. J’aime l’interface utilisateur propre et simple de calendally. C’est facile à utiliser et je suis sûr qu’il est utile pour les coiffeurs. Vcita est une excellente solution polyvalente et intégrée pour étendre votre entreprise au – delà du domaine de planification et gérer tout ce que vous expérimentez (comme l’intégration avec quickbooks). Voici une ventilation plus détaillée de vcita. Acuityscheduler est probablement l’un de mes favoris parce qu’il a toutes les fonctions puissantes
Si vous n’avez pas besoin d’une page de rendez – vous séparée, vous pouvez également en intégrer une ici. De plus, la carte nécessite une API Google pour fonctionner, alors n’oubliez pas de la traiter dans les options de thème. Vous devez également intégrer la liste des courriels des fournisseurs de courriels dans le formulaire d’activation des courriels. Créez une page d’application de livre au lieu de rediriger le bouton d’application de livre vers un site tiers, continuez et Intégrez le formulaire dans la page du site. C’est une bonne façon de maintenir l’expérience utilisateur et la cohérence de la conception. La plupart, sinon la totalité, des solutions de planification des rendez – vous fournissent un code intégré. Voici un exemple d’un module de planification de rendez – vous créé à l’aide de l’acuity Scheduler I intégré dans un module de code. Tout ce que je fais, c’est supprimer, mettre à jour les images de fond dans les en – têtes et les pieds de page, supprimer les modules de blog, ajouter des modules de code au lieu des modules de blog, puis ajouter le Code court fourni par acuity Scheduling. C’est le résultat. Si vous savez ce dont vous avez besoin et que vous avez la puissance de Divi (et la mise en page de Divi), alors la création d’un nouveau site Web pour les salons de coiffure ne sera pas si écrasante. Mon but dans ce tutoriel est de vous donner quelques conseils sur la façon de créer une bonne mise en page de salon de coiffure, puis quelques conseils généraux sur la façon de configurer correctement la nouvelle mise en page pour commencer le processus de conception. J’aurais pu décrire plus en détail les étapes précises et les paramètres utilisés lors de la personnalisation à 4 pages, mais comme beaucoup d’entre vous choisiront différentes mises en page pour le salon de coiffure, je pense qu’une approche plus conceptuelle serait plus appropriée pour cet article. Bienvenue à partager avec nous votre site Web Divi Barbier. Nous en profiterons tous.