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 :
- Contenu de la page — textes, images et liens de la section que vous modifiez dans votre éditeur de pages.
- Niche identity et Niche design — identité et présentation communes à une niche native.
- Washlora Design Studio et Washlora Options — contrôles visuels globaux de l'enveloppe standard du thème.
Niche identity
- Choisissez la niche avant de la modifier.
- Renseignez Brand, Tagline, Phone, Email, Hours, Area et About.
- Ajustez les couleurs Primary, Dark, Accent, Soft et Ink, puis cliquez sur Save identity.
- 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
- Choisissez la niche et sélectionnez un style de présentation tel qu'Atelier, Dispatch, Enterprise ou Home care.
- 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.
- 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
Contrôles visuels globaux de l'enveloppe standard du thème. Cliquez sur Save Design pour les appliquer.
| Contrôle | Choix |
|---|---|
| Couleurs | Primary, Secondary, Accent, Body background et Text colour. |
| Header style / Footer style | 12 styles d'en-tête et 12 styles de pied de page. |
| Largeur du logo | De 60 à 360 px. |
| Style du slider | Style 1 à 5. |
| Mise en page du site | Wide ou Boxed. |
| Options d'en-tête | Sticky 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.
Menus, en-tête et pied de page
- Sélectionnez le menu correspondant à votre niche et mettez à jour les libellés.
- Remplacez les destinations d'exemple par vos propres pages et vérifiez l'attribution du menu principal.
- 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.
- Mettez à jour les coordonnées et les textes d'entreprise communs dans Niche identity.
- Après l'enregistrement, vérifiez le menu mobile, le focus clavier, les liens du pied de page et chaque bouton.
Services, tarifs et images
Séparez le texte éditorial des pages des fiches de services et des produits payants.
- Modifiez la page Services dans l'éditeur de votre choix pour changer la présentation des services.
- Gérez les fiches de services de blanchisserie via le type de contenu service de WordPress. Vérifiez leurs titres, leurs descriptions et leurs détails.
- Si vous vendez en ligne, modifiez les Products correspondants dans WooCommerce et définissez de vrais prix, taxes et disponibilités. Consultez Commerce Studio.
- Remplacez les photos d'exemple à l'aide du contrôle d'image de chaque section. Ajoutez un texte alternatif pertinent dans la médiathèque.
- Vérifiez les recadrages d'images sur les téléphones et les écrans larges, et conservez un relevé des sources et des licences des photographies de tiers.

Images héros et sliders facultatifs
Les sections héros natives et les modules de slider tiers sont des types de contenu différents.
- Pour un héros natif, modifiez l'image, le titre, le texte et l'appel à l'action de la section dans l'éditeur de pages choisi.
- Si une page intègre réellement un slider, identifiez ce module et ouvrez son plugin de slider : Slider Revolution, Smart Slider 3 ou Master Slider. Prime Slider et Serious Slider sont également actifs sur le site de démonstration.
- Vérifiez que tout slider intégré existe après l'import et que son shortcode ou son widget pointe vers le bon module.
- Testez la lecture automatique, l'accès au clavier, la réduction des animations et le chargement des images sur mobile.
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.