Astra template setup sidebar with full-width page toggle

en utilisant Astra Astra est une solution simple à mettre en place, afin que les différentes pages affichent des mises en page différentes.

Image[1]-Le thème Astra définit la barre latérale avec la méthode de mise en page pleine largeur

1. entrer dans Astra Customisation

  • Connectez-vous au backend de WordPress.
  • Cliquez sur [Apparence] dans le menu de gauche.
Image[2]-Le thème Astra définit la barre latérale avec la méthode de mise en page pleine largeur
  • Cliquez sur Personnaliser pour entrer dans le thème Astra.personnalisationPanel.
Image [3]-Le thème Astra définit la barre latérale avec la méthode de mise en page pleine largeur

2) Aller dans les paramètres globaux et trouver le conteneur

  • Dans le panneau de personnalisation, cliquez sur [Global].
Image [4]- Paramétrage du thème Astra pour la barre latérale et les méthodes de mise en page pleine largeur
  • Dans Global, cliquez sur [ ].Conteneur(conteneur)]
Image [5]-Le thème Astra définit la barre latérale avec la méthode de mise en page pleine largeur

À ce stade, la page de configuration de la présentation du conteneur s'affiche, avec trois options de présentation.

3. la sélection de la mise en page par défaut pour l'ensemble du site

Dans [Disposition du conteneur], suivez les invites de l'icône pour sélectionner la disposition souhaitée :

  • ÉtroiteLes pages qui nécessitent une attention visuelle ont une zone de contenu plus étroite et plus d'espace blanc à gauche et à droite.
  • Normal / DéfautLe contenu est de largeur moyenne et convient à la plupart des pages, y compris les pages de listes de blogs et les pages d'articles.
  • Pleine largeur / mise en page étiréeContenu étalé sur toute la largeur du navigateur, couramment utilisé sur la page d'accueil, la bannière,page d'atterrissageou lire la page sans interruption.
Image [6]-Le thème Astra définit la barre latérale avec la méthode de mise en page pleine largeur

Une fois votre sélection effectuée, cliquez sur le bouton [Publier] en haut de la page pour enregistrer vos paramètres.

4. mettre en place différentes mises en page pour les pages individuelles

Si vous souhaitez uniquement définir une mise en page différente pour une page plutôt que pour l'ensemble du site, vous pouvez suivre les étapes ci-dessous :

  • Retournez dans le backend de WordPress et cliquez sur [Pages].
  • Recherchez la page qui doit être modifiée, cliquez sur [Modifier] pour accéder à la page.éditeur (logiciel).
Image [7]-Le thème Astra définit la barre latérale avec la méthode de mise en page pleine largeur
  • Dans le panneau [Document] de droite, recherchez le fichier Réglages Astra.
Image [8]-Le thème Astra définit la barre latérale avec la méthode de mise en page pleine largeur

existent Disposition des conteneurs (Disposition des conteneurs) dans laquelle vous pouvez choisir parmi quatre icônes de mise en page :

  • premierUtiliser le paramétrage du Customizer pour l'ensemble du site.
Image [9]-Le thème Astra définit la barre latérale avec la méthode de mise en page pleine largeur
  • deuxième raisonLargeur standard (Normal), avec une largeur fixe pour le contenu et un espace blanc de part et d'autre.
Image [10]- Paramétrage du thème Astra pour les méthodes de mise en page en barre latérale et en pleine largeur
Image [11]-Le thème Astra définit la barre latérale avec la méthode de mise en page pleine largeur
  • troisièmeLa mise en page standard : La mise en page étroite (Narrow), où la largeur du contenu est plus étroite que la mise en page standard.
Image [12]-Le thème Astra définit la barre latérale avec la méthode de mise en page pleine largeur
Image [13]- Méthode de configuration de la barre latérale et de la mise en page pleine largeur du thème Astra
  • quatrièmeLe contenu de la page est alors réparti sur toute la largeur de la page.
Image [14]-Le thème Astra définit la barre latérale avec la méthode de mise en page pleine largeur
Image [15]- Paramétrage du thème Astra pour les méthodes de mise en page Sidebar et Full Width

5) Paramètres de la barre latérale de la page du blog

Si vous avez besoin d'activer ou de désactiver une page de blogune barre latérale (dans un logiciel): :

  • Retournez dans le panneau [Personnalisation] et cliquez sur [Post Types].
Image [16]- Paramétrage du thème Astra pour les méthodes de mise en page en barre latérale et en pleine largeur
Image [17]-Le thème Astra définit la barre latérale avec la méthode de mise en page pleine largeur
  • Dans la section [Disposition de la barre latérale], sélectionnez :
    • pas de barre latérale
    • barre latérale gauche
    • barre latérale droite
Image [18]-Le thème Astra définit la barre latérale avec la méthode de mise en page pleine largeur

Une fois les réglages terminés, cliquez sur [Publier] pour enregistrer.

6. paramètres de mise en page d'Elementor

Si la page utilise l'option Elementor Rédacteur en chef :

  • Sélectionnez la mise en page "Full Width / Stretched" dans les paramètres Page Astra.
Image [19]- Paramétrage du thème Astra pour la barre latérale et les méthodes de mise en page pleine largeur
  • Après avoir accédé à l'éditeur Elementor, définissez la mise en page dans [Site Settings] dans le coin supérieur gauche :
    • Elementor Canvas(toile complètement vierge, masquer l'en-tête et le pied de page)
    • Elementor Full Width(contenu pleine largeur, en-tête et pied de page conservés)
Image [20]- Paramétrage du thème Astra pour la barre latérale et les méthodes de mise en page pleine largeur

7. résumé

Astra propose des méthodes flexibles de changement de mise en page, qui peuvent être unifiées dans les paramètres de l'ensemble du site ou définir la mise en page de chaque page individuellement pour répondre aux besoins des utilisateurs.blog (mot d'emprunt)La première page, la page de lecture, la page d'atterrissage et d'autres scénarios différents exigent.


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨询:1025174874
(iii) Courriel : [email protected]
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
© Déclaration de reproduction
Cet article a été écrit par lmx
LA FIN
Si vous l'aimez, soutenez-le.
félicitations623 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires