Identité visuelle, design et contenu

Définissez votre identité, vos couleurs, votre présentation, vos menus, vos services, vos prix, vos images et vos sections héros.

Accueil de la documentation › Identité visuelle, design et contenu

Regarder le tutoriel vidéo

EP 6 · Every Page Included: Services, Pricing, About & Contact · 4:36 · YouTube

Organisation en couches des réglages

Washlora comporte plusieurs couches. Travaillez de la plus spécifique à la plus globale :

  1. Contenu de la page — textes, images et liens de la section que vous modifiez dans votre éditeur de pages.
  2. Niche identity et Niche design — identité et présentation communes à une niche native.
  3. Washlora Design Studio et Washlora Options — contrôles visuels globaux de l'enveloppe standard du thème.
L'en-tête et le pied de page propres à une niche peuvent prendre le pas sur l'enveloppe globale standard. Si une démo native ignore un changement de couleur global, définissez d'abord la couleur dans Niche identity.

Niche identity

Chemin d'administration : Appearance → Niche identity
  1. Choisissez la niche avant de la modifier.
  2. Renseignez Brand, Tagline, Phone, Email, Hours, Area et About.
  3. Ajustez les couleurs Primary, Dark, Accent, Soft et Ink, puis cliquez sur Save identity.
  4. Vérifiez l'en-tête et le pied de page de la niche sur sa page d'accueil et sur une page intérieure.

Modifier l'identité commune ne réécrit pas chaque paragraphe de la démo. Modifiez les textes propres à chaque section dans l'éditeur de pages.

Niche design

Chemin d'administration : Appearance → Niche design
  1. Choisissez la niche et sélectionnez un style de présentation tel qu'Atelier, Dispatch, Enterprise ou Home care.
  2. Définissez la largeur du contenu de 1040 à 1320 px, le rayon des angles de 0 à 48 px et l'espacement des sections sur ordinateur de 64 à 120 px.
  3. Enregistrez le design et prévisualisez la même niche dans plusieurs éditeurs.

Pour une composition de sections différente, utilisez plutôt le contrôle de mise en page de l'éditeur de pages.

Washlora Design Studio

Chemin d'administration : Washlora AI Studio → Design Studio

Contrôles visuels globaux de l'enveloppe standard du thème. Cliquez sur Save Design pour les appliquer.

ContrôleChoix
CouleursPrimary, Secondary, Accent, Body background et Text colour.
Header style / Footer style12 styles d'en-tête et 12 styles de pied de page.
Largeur du logoDe 60 à 360 px.
Style du sliderStyle 1 à 5.
Mise en page du siteWide ou Boxed.
Options d'en-têteSticky header, Mega menu, Menu search et Menu cart.

Washlora Options

Activez Redux Framework pour utiliser Washlora Options et gérer l'identité visuelle globale, les couleurs, la typographie, l'en-tête, le pied de page, le blog et les performances de l'enveloppe standard du thème.

Chemin d'administration : Appearance → Menus
  1. Sélectionnez le menu correspondant à votre niche et mettez à jour les libellés.
  2. Remplacez les destinations d'exemple par vos propres pages et vérifiez l'attribution du menu principal.
  3. Gardez le dernier élément du menu comme action principale de demande ou de réservation si l'en-tête de votre niche l'utilise comme appel à l'action.
  4. Mettez à jour les coordonnées et les textes d'entreprise communs dans Niche identity.
  5. Après l'enregistrement, vérifiez le menu mobile, le focus clavier, les liens du pied de page et chaque bouton.
Le méga-menu de la vitrine publique des 105 démos est le navigateur de démos de l'auteur. Ne supposez pas que la vitrine elle-même est importée dans le site de votre entreprise.

Services, tarifs et images

Séparez le texte éditorial des pages des fiches de services et des produits payants.

Une section de registre de services dans la démo Tent & Awning Care.
Une section de registre de services dans la démo Tent & Awning Care. Cliquez pour agrandir.
Les photographies d'aperçu et les prix d'exemple ne constituent pas un engagement commercial. Vérifiez la licence de chaque photographie de démonstration avant de la réutiliser. Consultez Crédits des médias.

Images héros et sliders facultatifs

Les sections héros natives et les modules de slider tiers sont des types de contenu différents.

Choisir une option de slider par défaut ne convertit pas les sections héros natives en modules de slider. Les exports de base de données de sliders du dossier Demo-Data ne doivent pas être importés tels quels en SQL dans une base de production — utilisez un processus de migration maîtrisé. Vérifiez le contenu du package et les licences de chaque plugin de slider.