CMS Module_ Pages
- Jasper Verfaillie
.
Avec ce module, les pages peuvent être créées, modifiées et ajoutées au menu d'accueil.
Lorsqu'un dossier est développé, les pages sous-jacentes sont visibles et peuvent être modifiées
= Définition de la page sur active ou inactive En définissant une page sur inactive, elle n'est plus visible sur le site Web. Cependant, il reste visible dans le back-office et peut toujours être réactivé.
= Modifier la page
= Consulter la page en ligne
= Supprimer la page. Supprime définitivement une page, à la fois sur le site Web et dans le back-office.
Ajouter une page
Accéder aux pages via des modules
Cliquez sur <Ajouter une page>
Saisissez le nom de la page et cliquez sur <Enregistrer et fermer>
La nouvelle page se trouve en bas de la liste et peut être glissée dans le dossier approprié
Choisissez modifier pour remplir la page
Cliquez sur <Modifier le contenu> et la page s'ouvrira dans un nouvel onglet
Cliquez sur le bouton vert pour éditer la page
Double-cliquez sur la page pour activer l'éditeur grisé.
Cela peut ensuite être déplacé n'importe où sur la page. La page peut être formatée à l'aide de l'éditeur.
Les photos peuvent être liées à une page de destination spécifique, par exemple la page de détail d'un livre, un document Drive ou un autre site Web
Entrez le EAN dans la barre pour ajouter une couverture si vous le souhaitez
Cliquez sur le bouton vert pour enregistrer la page
Une fois que tout est correctement défini, la page peut être publiée en définissant le sur actif
Ajouter des blocs/colonnes
Voulez-vous ajouter des images ou du texte avec une structure en colonnes ? Cela peut être fait via l'option « Ajouter un nouveau bloc ». Quelques options vous seront immédiatement proposées ici
Ajouter un nouveau bloc (sans colonnes)
Ajouter un nouveau bloc (2 colonnes)
Ajouter un nouveau bloc (3 colonnes)
Ajouter un nouveau bloc (4 colonnes)
Ces blocs de texte suivent la grille de 12 colonnes du site Web. Toute personne ayant des connaissances en HTML peut reconnaître le système à 12 grilles de Bootstrap. (https://getbootstrap.com/docs/4.0/layout/grid/ ).
Mais vous n'avez pas du tout besoin de suivre un cours HTML pour pouvoir travailler avec cela. Nous essayons de l'expliquer de manière claire et concise.
La mise en page d'une page Web est souvent alignée sur une structure à 12 colonnes. Cela facilite la coordination de différents blocs de texte et images.
Un bloc de texte qui prend toute la largeur de l'écran est un bloc de texte col-12 en termes HTML, car il utilise toutes les 12 colonnes de la structure. Logiquement, un bloc de texte col-6 occupe la moitié de la page, vous pouvez placer un col-4 l'un à côté de l'autre trois fois et quatre blocs de texte col-3 s'emboîtent les uns à côté des autres. Ce n’est pas compliqué, mais votre calcul doit toujours être égal à 12 (6+6=12, 4+4+4=12, 3+3+3+3=12).
Bien entendu, vous pouvez également combiner des blocs de texte. D'abord une col-3, puis une col-6 et enfin une autre col-3. Ici aussi, la somme totale est de 12.
Les options sont:
Ajouter un nouveau bloc (sans colonnes)
Ajouter un nouveau bloc (2 colonnes)
Ajouter un nouveau bloc (3 colonnes)
Ajouter un nouveau bloc (4 colonnes)
Par exemple, pour placer trois images les unes à côté des autres sur la page, vous pouvez les ajouter dans trois blocs col-4 distincts.
Dans l'éditeur de page, cela ressemblera à ceci :
Mais sur le site, les trois images sont dans une colonne les unes à côté des autres :
Modifier une page
Remarque: cette page contient plusieurs onglets pour différents paramètres
Onglet général
Ici, le titre et l'introduction peuvent être modifiés et la page peut être définie sur active / inactive
Onglet en ligne
Ici, vous pouvez définir si la page n'est accessible que pendant une période spécifique ou indéfiniment.
Cliquez sur «Limité» si une page ne peut être visible que pendant une certaine période de temps. Pour entrer une date de fin, la coche à côté de "Il n'y a pas de date hors ligne" doit être décochée.
La date de l'élément de la page peut également être modifiée ici. Cette fonction peut être utile pour trier des événements ou des actualités, par exemple.
Onglet Aperçu
Ici, une ou plusieurs images peuvent être ajoutées à la page. Sélectionnez le dossier dans lequel vous souhaitez choisir l'image
Sélectionnez l'image en cliquant dessus
L'image peut ensuite être recadrée
Ou être édité
Cliquer sur la poubelle supprimera l'image
Onglet SEO
Les mots clés, une brève description et les paramètres peuvent être saisis ici
Onglet Social
Insérez ici le lien vers votre Facebook (évitez les accents dans les URL).
Cliquez sur <Modifier le contenu> et l'interface ouvrira la page pour modifier le contenu.
Une fois les modifications effectuées, cliquez sur <Save> et <Clear Chache>
Créer une page de sélections
Accédez aux sélections et effectuez les sélections
Remarque: les sélections doivent uniquement être effectuées et non activées sur la page d'accueil
Créez une nouvelle page et cliquez sur <Enregistrer et fermer>
Choisissez de modifier et accédez à l'onglet "Inclure"
À la Ajouter cette page, cochez 'Sélection' et sélectionnez la sélection dans le menu déroulant
Cliquez sur <Ajouter une sélection>. Plusieurs sélections peuvent être ajoutées
Cliquez sur <Enregistrer et fermer>
Faites glisser la page vers l'emplacement souhaité dans le menu Accueil et réglez-la sur active
Cliquez sur <Vider le cache> et en quelques minutes, la page est publiée dans la boutique en ligne
Créer des sous-menus
Faites glisser la page vers la page principale souhaitée
Vérifiez s'ils sont actifs et cliquez sur <Vider le cache>
L'ordre peut toujours être modifié en faisant glisser.
Créer un lien externe dans le menu d'accueil
Créez une page et cliquez sur <enregistrer et fermer>
Choisissez la page d'édition et allez dans l'onglet SEO
Collez l'URL souhaitée (y compris "https: // .......") dans le champ après "Lien".
Cliquez sur <Enregistrer et fermer>, faites glisser la page vers l'emplacement dans le menu principal et réglez-la sur active
Cliquez sur <Vider le cache>
Lorsque le client clique sur la page, une nouvelle page s'ouvre sur un lien externe