Sites


Créer son site avec Drupal 8

Positionner les blocs

Un bloc est une boîte qui permet d’afficher des informations aux internautes. Sur le site, des blocs sont déjà affichés comme par exemple la barre de recherche du site, le bloc outils ou bien encore le message "Propulsé par Drupal" présent dans le pied de page. Ce chapitre sera consacré à la mise en page des blocs dans les différentes régions du site. Pour Drupal, une région représente une zone du site. Le bloc barre de recherche, par exemple, est positionné dans la région intitulée barre latérale gauche (sidebar first).

Mise en page des blocs

En tant qu'administrateur, se rendre dans le menu Structure et cliquer sur la partie Mise en page des blocs. Cette partie permet de positionner les bloc dans les barres latérales ou les autres régions du site.

Afin de positionner les blocs dans les régions désirées, il est plus confortable de connaître les différentes régions du thème. En effet, chaque thème possède ses propres zones pour accueillir les blocs. Pour cela, le lien Aperçu des régions des blocs (Bartik) permet de visualiser les régions, ce qui permettra par la suite de placer les blocs. Bartik, ici, est le thème par défaut dans Drupal 8.

Note : Lisez le chapitre Modifier l'apparence de Drupal 8 pour en savoir plus sur les thèmes.

 

 Les régions s'affichent sous forme de blocs jaunes. Citons quelques exemples :

  • La région Sidebar first correspond à la barre latérale gauche du site où sont placés par défaut les blocs Rechercher et Outils ;
  • La région Contenuaccueille lecontenu principal de la page ;
  • Primary menu représente le menu de navigation principaledu site ;
  • Le région Footer fifth contient les blocs du menu Pied de page (actuellement le lien Contact et le bloc Propulsé par Drupal) .

Organiser ses blocs

Toujours sur la page Structure > Mise en page des blocs, les différentes régions sont listées les unes en dessous des autres, contenant chacune leurs blocs respectifs. 

 

Déplacer un bloc existant

Il est possible de déplacer un bloc d'une région à une autre en faisant un glisser/déposer avec l'icone ou en sélectionnant la région voulue dans la liste déroulante associée au bloc. 

Dans l'exemple ci-dessous, le bloc Rechercher a été glissé dans la région Entête.

N'oubliez pas d'enregistrer pour confirmer le changement, puis admirez le résultat sur le site.

 Le bloc Rechercher n'apparaît plus dans la région Sidebar first mais maintenant dans la région Entête.

Placer un bloc existant

Voici une autre façon de faire. Il est possible d'utiliser le bouton Placer le bloc pour insérer un bloc dans une région. Un dialogue contenant tous les blocs disponibles s'affiche alors. N'hésitez pas à utiliser le filtre pour retrouver rapidement le votre. Une fois le bloc repéré, cliquez sur Positionner le bloc.

L'exemple ci-dessous indique comment positionner le bloc Commentaires récents dans la région Sidebar First pour que les internautes voient d'emblée les derniers commentaires postés :

  1. Dans la région Sidebar first, cliquez sur le bouton Placer le bloc.Un dialogue (pop-up) apparaît où sont listés tous les blocs.
  2. Repérez le bloc commentaires récents et cliquez sur le bouton Positionner le bloc  correspondant ;
  3. Un autre dialogue Configurer le bloc s'ouvre pour configurer le bloc commentaires récents.
    • Description du bloc : le titre peut être affiché sur le site public ou non, simplement en cochant/décochant cette option.
    • Éléments par bloc : spécifie le nombre de lignes à afficher dans le bloc.
    • Visibilité : le bloc peut être visible sur toutes les pages du site, ou seulement sur certains types de contenu (par exemple juste sur les pages Article).
    • Région : sélection de la région où doit s'afficher le bloc.
    • Cliquez sur Enregistrer le bloc

Dorénavant, le bloc Commentaires récents s'affiche dans la liste de la région Sidebar first. Il n'est pas nécessaire de cliquer un nouvelle fois sur le bouton Enregistrer le bloc dans la page Mise en page des blocs, l'enregistrement s'effectue automatiquement quand le bouton Enregistrer le bloc du dialogue Configurer un bloc est cliqué.

 Le site public affiche bien le bloc Commentaires récents dans la colonne de gauche.



Supprimer un bloc

Pour supprimer un bloc, 2 manières sont possibles. Pour l'exemple, le bloc Propulsé par Drupalprésent en pied de page du site sera supprimé.

  • La première manière consiste à supprimer le bloc directement depuis la page d'accueil : Au survol du bloc Propulsé par Drupal, l'icone crayon apparaît. Cliquez dessus puis sur Configurer le bloc.

Tout en bas de la page de configuration du bloc, il y a un lien Supprimer. Cliquez dessus, un message de confirmation s'affiche. Cliquez sur le bouton Supprimer pour confirmer la suppression, sinon cliquez sur le bouton Annuler pour annuler l'action. Bien entendu, il sera possible de replacer le bloc dans la région Footer fifth en procédant de la même manière que dans la partie Positionner un bloc.

 

  • Il est aussi possible de supprimer un bloc depuis la page Mise en page des blocs : Chaque bloc possède un bouton Configurer. Cliquez sur la flèche à côté du bouton, un bouton Supprimer apparaît, cliquez dessus, un message de confirmation s'affiche. Cliquez sur Supprimer pour confirmer la suppression du bloc.

Si l'on ne veut pas que le bloc Propulsé par Drupal soit définitivement supprimé, celui-ci peut être seulement désactivé. Pour cela, toujours dans la page Mise en page des blocs, en bas de page se trouve une partie Désactivé(e)s, il suffit de déplacer le blocdans cette partie. N'oubliez pas d'enregistrer les modifications.

Le bloc est alors supprimé, il ne se trouve plus dans la région Footer fifth et ne s'affiche plus sur le site.

Il y a une erreur de communication avec le serveur Booktype. Nous ne savons pas actuellement où est le problème.

Vous devriez rafraîchir la page.