Adapter la structure HTML et la mise en page d'une page.
Chaque page nouvellement créée utilise d'abord la mise en page par défaut du CMS bluetronix. Dans ce tutoriel, tu apprendras comment cette structure HTML est construite, comment définir tes propres mises en page et ensuite les attribuer à des pages individuelles.
La mise en page par défaut d'une nouvelle page.
Une page nouvellement créée dans le CMS bluetronix utilise automatiquement la mise en page standard. Cette mise en page constitue la structure HTML de base dans laquelle le contenu de votre site web sera affiché.
La mise en page standard intègre par exemple automatiquement un en-tête et un pied de page. D'autres éléments comme le bouton du chatbot peuvent également faire partie de cette structure de base.
Si vous ne souhaitez pas afficher certains éléments ou si vous souhaitez intégrer des éléments personnalisés dans la mise en page par défaut, vous pouvez ajuster la structure HTML de base.
Ouvrir la structure HTML.
Ouvrez Mise en page ⯈ Mise en page-Html.
Vous trouverez là les structures HTML de base existantes ou les définitions de mise en page.
Le premier élément est la Mise en page standard. Cette mise en page est utilisée par défaut pour les nouvelles pages HTML.
Structure de la mise en page standard
<!DOCTYPE html>
<html class="wide wow-animation" data-bs-theme="__DB_GB_HTMLDarkMode__" lang="__DB_WebSiteLang__">
<head>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
__DB_HeadTitle__
<link rel="icon" href="/img/favicon.ico" type="image/x-icon">
<script src="__FV_/bx_script/BxHeadScript_own_min.js__"></script>
<link rel="stylesheet" href="__FV_/bx_style/BxStyle_own_min.css__">
</head>
<body>
__DB_Layout_/bx_Header.html__
<main>
__DB_Layout_Main__
</main>
__DB_Layout_/bx_Footer.html__
<script src="__FV_/bx_script/BxScript_own_min.js__"></script>
</body>
</html>Dans la mise en page standard, les en-têtes et les pieds de page sont intégrés automatiquement.
Le contenu réel de votre page HTML est inséré dans la zone principale ou à la marque __DB_Layout_Main__.
En outre, le CMS bluetronix définit automatiquement différentes valeurs et marques. Cela comprend par exemple le mode sombre de Bootstrap, la langue et le titre du site web.
De plus, les scripts nécessaires de bluetronix s'exécutent automatiquement.
La mise en page Single Page
En plus de la mise en page standard, la mise en page Single Page est également disponible.
Cette mise en page diffère de la mise en page standard normale. Par exemple, le bouton de chat et l'avertissement sur les cookies peuvent y être masqués.
Cela vous permet d'utiliser une autre structure de base pour certaines pages, sans avoir à modifier la mise en page standard de toutes les autres pages.
Créer une mise en page personnalisée
Vous pouvez également créer des entrées de mise en page personnalisées et ainsi définir vos propres structures HTML de base.
Dans cet exemple, nous allons créer une entrée de mise en page avec le nom Mise en page de test.
Dans cette mise en page, vous pouvez déterminer quels composants doivent être intégrés par défaut sur une page.
Choisir une mise en page pour une page
Les mises en page définies peuvent ensuite être directement assignées à une page HTML.
Pour cela, ouvrez le Éditeur et allez dans Paramètres de la page.
Appuyez sur la sélection de mise en page. Les définitions de mise en page existantes s'afficheront.
Les mises en page créées par vous, comme la Mise en page de test, seront également proposées.
Changer la mise en page d'une page
Sélectionnez la mise en page souhaitée, puis appuyez sur Enregistrer.
La page utilisera ensuite la structure de mise en page sélectionnée.
De cette manière, vous pouvez utiliser différentes structures pour différentes pages et par exemple définir quels éléments généraux doivent être affichés sur chaque page.
Résumé
La mise en page détermine la structure HTML de base d'une page dans le CMS bluetronix. Les nouvelles pages utilisent d'abord la mise en page par défaut.
Via Mise en page ⯈ Mise en page HTML, vous pouvez consulter les mises en page existantes et créer vos propres définitions de mise en page. Ensuite, vous pouvez sélectionner la mise en page souhaitée via Paramètres de page ⯈ Mise en page et valider avec Enregistrer.
FAQ
ce que nos clients nous demandent souvent
Quelle mise en page utilise une nouvelle page créée ?
Une nouvelle page HTML utilise automatiquement la mise en page par défaut du CMS bluetronix.
Où puis-je trouver les mises en page HTML existantes ?
Ouvrez Mise en page ⯈ Mise en page HTML. Vous y trouverez les définitions de mise en page existantes.
Que se lie automatiquement via la mise en page par défaut ?
Avec la mise en page par défaut, par exemple, l'en-tête, le pied de page et d'autres éléments généraux comme le bouton du chatbot peuvent être intégrés.
Où le contenu réel de ma page HTML est-il inséré ?
Le contenu de la page est inséré dans la zone principale ou à la balise DB Layout Main dans la mise en page.
Qu'est-ce que la mise en page Single Page ?
Single Page est une définition de mise en page alternative. Par exemple, le bouton de chat et l'avertissement sur les cookies peuvent y être masqués.
Puis-je créer ma propre mise en page ?
Oui. Vous pouvez créer une entrée de mise en page et y définir votre propre structure HTML.
Comment attribuer une autre mise en page à une page ?
Ouvrez l'éditeur, allez dans Paramètres de page, sélectionnez la mise en page souhaitée et appuyez sur Enregistrer.
Les mises en page créées par l'utilisateur sont-elles également affichées dans l'éditeur ?
Oui. Les définitions de mise en page personnelles, comme la Mise en page de test créée dans le tutoriel, sont également affichées dans le choix de mise en page.