Que puis-je faire avec la station spatiale ? - Air BVI (2023)

Très bien, vous avez installé le plugin Beaver Builder sur votre site WordPress. Et vous avez un thème WordPress installé - si vous avez une version Pro ou Agence de Beaver Builder, vous pouvez avoir un thème Beaver Builder et un thème enfant installés. Et vous vous demandez peut-être si vous avez vraiment besoin d'ajouter Beaver Themer, le plugin premium.

Voici un aperçu du plugin Beaver Builder, des thèmes Beaver Builder et un peu de ce que Beaver Themer ajoute lorsque vous en avez besoin.

• Plugin vs Thème vs Biber-Themer
• Bâtisseur de castor Dodatak
• Castor Bâtisseur-Thema
• Quand ai-je besoin de Beaver Themer ?

Plugin vs Thème vs Biber-Themer

WordPress distingue la zone de contenu d'une page Web de toutes les autres zones, y compris l'en-tête, la barre latérale et le pied de page, comme indiqué dans ce schéma :

Voici comment Beaver Builder s'intègre.

• Le plugin Beaver Builder vous permet de créer des mises en page complexes danszone de contenupage. Beaver Builder est activé pour les pages par défaut, mais certains paramètres l'activent pour la zone de contenu des publications et des publications personnalisées.
• WordpressIlest une partie obligatoire d'un site WordPress. Il contrôle les zones d'en-tête, de pied de page et de barre latérale de votre site Web. Pour un article individuel, il contrôle également l'affichage des informations sur l'article (titre de l'article, auteur, images en vedette, catégories, etc.). Selon le thème que vous choisissez, vous pourrez peut-être configurer ou supprimer ces zones sur des pages et des publications individuelles.Modèles de sites WordPress.
• LeDodatak Beaver Themervous pouvez créer des mises en page dans des zones en dehors de la zone de contenu qui sont normalement contrôlées par le thème. Vous pouvez contrôler à quelles pages les mises en page thématiques s'appliquent et quels utilisateurs peuvent les voir. Beaver Themer est un plugin qui utilise le plugin Beaver Builder pour créer ces mises en page. Voir les exemples ci-dessous.

Les sections suivantes vous montrent les concepts de base derrière la mise en page du contenu avec le plugin Beaver Builder, les parties de la page gérées par le thème et comment le thème Beaver Builder s'intègre et améliore le plugin.

Bâtisseur de castor Dodatak

Le plugin Beaver Builder est un concepteur de mise en page et de style frontal qui vous donne une vue WYSIWYG de la zone de contenu pendant le développement. À partir de l'un des modèles de mise en page Beaver Builder ou d'une page vierge, vous pouvez facilement modifier et ajouter des modules de contenu dans des mises en page complexes en lignes et en colonnes, comme illustré dans cet exemple :

Commencez avec un modèle de mise en page ou une page vierge

Lorsque vous créez un nouveau site WordPress, vous verrezcastor le bâtisseurà côté de l'éditeur de texte WordPress.

Haut:Une fois que vous ou vos clients avez ouvert la page d'édition, vous pouvez accéder à une excellente vidéo de démarrage rapide en cliquant sur la flèche vers le bas dans la barre d'administration de Beaver Builder, puis en cliquant surOutilcliquez sur le menuS'il vous plaît aider.

Sur la page d'édition, vous verrez la barre d'administration de Beaver Builder en haut de l'écran. Vous pouvez commencer par faire glisser un module sur une mise en page vide ou vous pouvez cliquer surmodèleset commencez par un look prêt à l'emploi que vous pouvez modifier à votre guise.

Si vous ne voyez pas le volet de contenu, cliquez dessus lorsque la page s'ouvrePlusicône dans le coin supérieur droit. Cliquez pour fermerXSymbole.

Principes de base de la disposition de la zone de contenu

Lorsque vous faites glisser des modules de contenu de la zone de contenu vers la mise en page, des lignes et des colonnes sont créées automatiquement. Au fur et à mesure que vos mises en page deviennent plus complexes, avec des colonnes sur des colonnes, il est parfois plus facile de faire d'abord glisser les mises en page des lignes, puis de faire glisser les modules de contenu. Par exemple, voici une ligne avec trois couches de colonnes.

Pour plus d'informations sur le fonctionnement des colonnes, voirPrésentation de la disposition des colonnes.

Dans la capture d'écran ci-dessus, les trois couches de colonne sont sur une seule ligne, mais vous pouvez également placer chaque couche de colonne dans une ligne différente, comme indiqué dans cette capture d'écran :

Qu'est-ce qui détermine le moment où vous commencez une nouvelle ligne dans votre mise en page ? Il n'y a pas de règle absolue, mais voici quelques considérations :

• Vous souhaitez définir une couleur d'arrière-plan, une image ou une vidéo pour une ligne spécifique de votre mise en page. Créez une ligne distincte pour cette section.
• Vous souhaitez enregistrer une ligne particulière pour la réutiliser ailleurs.
• Vous avez des éléments de contenu sur votre page que vous voudrez peut-être modifier plus tard - s'ils se trouvent sur des lignes distinctes, vous pouvez simplement les faire glisser.
• Vous souhaitez utiliser les fonctionnalités de marge ou d'espacement pour positionner un bloc de contenu dans une ligne ou pour positionner une ligne par rapport à d'autres lignes.
• Au lieu d'une barre latérale de thème, vous souhaitez ajouter un module de barre latérale ou un autre module qui semble s'étendre sur plusieurs lignes. Pour donner à cette zone un aspect de barre latérale, vous avez besoin d'une seule ligne avec des niveaux de colonne, comme dans cette maquette rapide qui montre une seule ligne avec deux colonnes. La colonne de gauche contient deux en-têtescouches de colonnes, et la colonne de droite contient la barre latérale.

Penser de manière responsable

Beaver Builder donne une belle apparence aux mises en page sur les appareils moyens (tablettes) et les petits appareils (appareils mobiles) sans aucun effort supplémentaire de votre part. Toutefois, si vous souhaitez davantage de contrôle sur les points d'arrêt, l'empilement et l'espacement, vous pouvez ajuster l'espacement séparément pour les appareils grands, moyens et petits. Commencez par çaUn article de synthèse sur la réactivité.

Enregistrer les mises en page Beaver Builder pour un autre usage

Vous pouvez enregistrer des lignes et des modules globalement afin que toute modification que vous apportez à un endroit soit répercutée partout, ou vous pouvez enregistrer des lignes et des modules afin de pouvoir les réutiliser mais en les modifiant différemment à chaque endroit. Ou vous pouvez enregistrer la mise en page entière sousmodèle de mise en page, ce que tu peuxUtiliser sur toutes les autres pages de votre site WebouExporter pour une utilisation sur un autre site Web.

Si vous avez l'édition Beaver Builder Agency, vous pouvez marquer en blanc l'interface utilisateur Beaver Builder. Et avec chaque version de Beaver Builder, vous pouvez créer des environnements d'édition personnalisés pour vos clients en contrôlant les modèles de mise en page, les lignes et les modules qui leur sont disponibles.

Utiliser les mises en page de publication de Beaver Builder

Par défaut, Page Builder n'est activé que pour les pages WordPress, pas pour les publications. Si vous activez les publications ou les types de publication personnalisés, vous pouvez utiliser le Page Builder pour styliser la zone de contenu des publications individuelles ou des types de publication personnalisés. Voir l'article surUtilisation de Page Builder avec des publicationspour plus d'informations.

Note:Jer WordPressIndicejearchiveLes pages sont générées à la volée, vous ne pouvez pas utiliser Beaver Builder pour styliser ces pages, bien que vous puissiez créer des mises en page Beaver Builder qui simulent les pages WordPress générées. Pour plus d'informations, consultez l'article surarchives WordPress générées par rapport aux mises en page du constructeur de pages. Ou vous pouvez utiliser le plugin Beaver Themer pour créer des mises en page personnalisées pour les index WordPress, les archives et les résultats de recherche.

Castor Bâtisseur-Thema

WordPress nécessite l'utilisation d'un thème pour contrôler les zones de la page telles que l'en-tête, le pied de page et les zones de la barre latérale. Les thèmes vous permettent de personnaliser l'apparence de ces zones dans une certaine mesure.

Le thème Beaver Builder propose de nombreuses options de mise en page et de style pour exécuter les zones thématiques de votre site Web sur de grands écrans et des appareils plus petits. De plus, le thème Beaver Builder est entièrement compatible avec les plugins Beaver Builder et Beaver Themer. Tous les paramètres de thème sont définis dans WordPress Customizer, auquel vous pouvez accéder viaRegarderMenu d'administration WordPress. Le thème Beaver Builder propose des personnalisations pour les catégories générales suivantes :

• Préréglages qui appliquent des styles intégrés à la page si vous ne souhaitez pas personnaliser vous-même tous les paramètres de thème.
• Disposition et style des en-têtes (barre supérieure, en-tête, barre de navigation), des pieds de page (widgets et barre de pied de page) et des barres latérales.
• Mise en page et options pour les archives de blog, les articles uniques et WooCommerce.
• Paramètres de style Beaver Builder par défaut, tels que la couleur de surbrillance, les polices de titre et de texte et les boutons.
• Une section où vous pouvez ajouter du code à l'en-tête ou au corps de vos pages.

Zones d'en-tête, de pied de page et de barre latérale dans le thème Beaver Builder

L'en-tête contient deux zones distinctes :

• Barre supérieure, une barre facultative au-dessus de l'en-tête qui peut contenir une ou deux colonnes.
• Un en-tête principal contenant le logo et une zone de navigation avec un certain nombre d'options de mise en page.
  Certaines options d'en-tête permettent de concevoir la zone de navigation séparément.

Le pied de page contient également deux zones distinctes, chacune étant facultative :

• Pied de page principal, similaire à la barre supérieure en ce sens qu'il permet une ou deux colonnes.
• La zone du widget de pied de page qui s'affiche au-dessus du pied de page.

Voici un diagramme montrant les sous-sections d'en-tête et de pied de page.

La barre latérale est facultative, mais lorsqu'elle est activée, elle apparaîtra sur chaque page d'archive et de publication, ainsi que sur chaque page si vous la définissez surParamétrage du modèle WordPresspour le montrer. Notez que par défaut, dans le thème Beaver Builder, il n'y a qu'une seule barre latérale dont le contenu du widget est affiché partout où vous l'activez (tous les articles ou pages individuelles). Sinon, vous ne pouvez pas personnaliser les widgets de la barre latérale pour des publications et des pages individuelles, sauf si vous utilisez un plug-in tiers ou écrivez du code. Une autre façon de personnaliser votre barre latérale consiste à utiliser le plugin Beaver Builder pour créer un module de barre latérale dans la mise en page de votre contenu.

Paramètres de thème par défaut de Beaver Builder pour Beaver Builder

Le thème Beaver Builder vous permet de définir certains des paramètres par défaut pour les mises en page Beaver Builder. Cela permet de gagner du temps et de faire correspondre plus facilement l'apparence de vos pages sur le site, sauf si vous remplacez ce comportement.

Voici quelques paramètres de thème Beaver Builder liés aux mises en page Beaver Builder :

• couleur d'accentuation
  Définit la couleur par défaut des liens et des boutons pour créer des thèmes et des pages.
• adresses
  Définit la famille de polices par défaut, la taille et d'autres propriétés de la police du titre dans la zone de contenu.
• Texte
  Définit la famille de polices par défaut, la taille et d'autres propriétés de police du texte autre que le titre dans la zone de contenu.
• arrière-plan
  Définit la couleur ou l'image d'arrière-plan pour toute la zone de contenu.
• boite à lumière
  Contrôle le comportement par défaut ou si les images s'ouvrent dans une lightbox lorsque vous cliquez dessus.
• Code court pour l'année en cours
  Le thème a un shortcode qui insère automatiquement l'année en cours, à la fois dans les sections thématiques de la page et dans les mises en page Beaver Builder et Beaver Themer.

Quand ai-je besoin de Beaver Themer ?

Bien que Beaver Theme offre une grande flexibilité dans la personnalisation des zones thématiques (en-tête, pied de page, barre latérale, informations de publication et pages d'archives générées par WordPress), Beaver Themer pourrait être pour vous si vous souhaitez plus de contrôle sur ces zones.

Beaver Themer est un plugin de produit pour le plugin Beaver Builder. Avec lui, vous pouvez créer des mises en page Beaver Builder qui s'appliquent aux zones de votre site Web qui sont généralement axées sur le thème. Vous pouvez créer différentes mises en page pour différents emplacements - par exemple, un en-tête pour vos pages de magasin et un autre en-tête pour le reste de votre site. Ou vous ne pouvez afficher les mises en page qu'aux utilisateurs ayant un certain statut (connecté, déconnecté) ou un rôle d'utilisateur (administrateur, éditeur, etc.). Cela vous donne beaucoup plus de flexibilité et de contrôle de personnalisation que n'importe quel thème pourrait offrir.

Beaver Themer est entièrement intégré au thème Beaver Builder, mais prend également en charge plusieurs thèmes populaires. D'autres développeurs ont rendu leurs thèmes compatibles avec Beaver Themer comme décrit dansCet article.

Types et exemples d'agencements de pièces

Voici les types de mises en page Themer que vous pouvez créer, avec un exemple de chacun. Chaque thème Themer vous donne le choix des emplacements et des utilisateurs auxquels il s'applique.

Note:Vous pouvez considérer les mises en page de temer comme un contrôle de conception prioritaire sur une zone spécifique de la page. Cela signifie que toute page qui n'a PAS de mise en page de thème héritera des options de thème par défaut que vous avez définies. Par exemple, si vous avez appliqué une disposition de thème de type en-tête uniquement à la page d'accueil, l'en-tête de votre thème sera appliqué à toutes les autres pages de votre site.

Disposition de l'en-tête

Dans cet exemple, la mise en page du thème d'en-tête est créée avec l'image principale et s'applique uniquement à la page d'accueil. Pour les autres pages, une mise en page de thème de type en-tête différente peut être créée qui s'appliquera à toutes les pages sauf la page d'accueil, ou vous pouvez simplement laisser votre thème hériter afin que son en-tête s'affiche sur d'autres pages.

Apparition du pied de page

Vous pouvez créer des mises en page qui apparaissent là où votre thème afficherait normalement un pied de page.

Dans l'exemple montré dans cette capture d'écran, la disposition du thème du pied de page à gauche a un pied de page typique en dessous et une autre ligne au-dessus qui est similaire à la zone du widget de pied de page, sauf qu'elle contient le contenu du module plutôt que les widgets WordPress, ce qui vous donne plus de contrôle sur l'apparence et le style. La disposition du thème sous la forme d'un pied de page à droite est liée à la catégorie de produits et aux pages d'archives de produits avec une section de support client, un champ de recherche de produits et une liste des produits récemment consultés. Beaver Themer a des intégrations avec les plugins WooCommerce, Easy Digital Downloads et The Event Calendar, avec des modules spéciaux qui facilitent l'affichage de ce type d'informations et limitent où elles apparaissent.

Disposition unique

Les mises en page de thème individuelles s'appliquent aux publications individuelles. Ils diffèrent des mises en page de publication habituelles de Beaver Builder en ce que les mises en page régulières sont appliquées à la zone de contenu, tandis que les mises en page Singular Themer sont appliquées partout sauf dans la zone de contenu. Beaver Themer prend en charge les types de publication personnalisés et les champs personnalisés utilisés dans WordPress, le plugin Advanced Custom Fields et le plugin Pods (avec un plugin supplémentaire qui s'intègre à Beaver Themer).

La capture d'écran ci-dessous montre un exemple de type de publication personnalisé appelé Événements. Le titre de la publication contient deux champs personnalisés pour la date et l'heure de l'événement, et l'image en vedette de la publication est définie pour s'afficher en arrière-plan de la ligne. Dans une ligne à deux colonnes sous le titre, la colonne de gauche affiche le contenu de la publication et la colonne de droite affiche trois champs personnalisés (Notes spéciales, Lieu de réunion et Carte).

Note:La mise en page standard du constructeur de castor est appliquée à la zone de contenu de la publication, tandis que la mise en page unique du thème est appliquée partoutsaufzone de contenu de publication. Si vous utilisez une mise en page de thème unique, vous ne pouvez pas utiliser la mise en page standard du constructeur de castors pour le contenu de votre publication et vice versa. Dans la capture d'écran ci-dessus, la zone de contenu de la publication dans la colonne de gauche utilise l'éditeur WordPress par défaut avec le shortcode Beaver Builder pour insérer une ligne enregistrée pour afficher l'image de la princesse et superposer le texte.

Dispositions d'archives pour les pages WordPress générées (index, archives, résultats de recherche)

Vous ne pouvez généralement contrôler que l'apparence des pages comme la liste des articles récents que WordPress génère via les paramètres de votre thème ou en personnalisant directement les modèles WordPress PHP ou en créant des CSS personnalisés. Beaver Themer vous permet d'appliquer une mise en page Beaver Builder à ces pages générées.

Voici un exemple d'utilisation de la mise en page d'archive pour créer une page d'index qui affiche les publications récentes pour un type de publication personnalisé appelé Événements, avec des champs de date et d'heure personnalisés.

Vous pouvez appliquer des mises en page d'archives à une page d'index (une liste de publications récentes) ou à des publications écrites par un auteur spécifique, ou organisées par date, ou pour une catégorie ou une étiquette spécifique. Une mise en page d'archive peut également être appliquée à une page qui affiche des résultats de recherche.

Voici un exemple de mise en page d'archive pour une page de catégorie de produits WooCommerce. Dans cette mise en page, l'image de la catégorie apparaît comme arrière-plan de la ligne derrière le titre de la catégorie et la barre de recherche, et les produits de la catégorie sont affichés dans le module Messages, ce qui vous permet d'afficher uniquement les produits correspondant à cette catégorie de produits WooCommerce.

Page 404 personnalisée

Vous pouvez créer une mise en page personnalisée 404 comme indiqué dans cette capture d'écran.

Pour vous

Avec les types de mise en page Themer qui s'appliquent aux emplacements de thème standard, vous pouvez créer des mises en page Themer pour des emplacements ciblés en dehors de la zone de contenu, comme en haut de la page. B. après l'en-tête, après le titre, au-dessus du pied de page, etc.

Par exemple, vous pouvez créer une bannière de site Web que vous afficherez sous l'en-tête de certaines pages. Dans la capture d'écran ci-dessous, la disposition Themer de type Part insère une notification de bannière avec les tarifs d'expédition sous l'en-tête sur toutes les pages de magasin du site WooCommerce.