CMS Module_ Pages

.

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

Haut de la page

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>

 

Haut de la page

 

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

Haut de la page

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.

Haut de la page

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

Haut de la page