Blog

Drupal - Création d'un bloc

29.01.2016
creation d'un bloc sous drupal 8

De même que la création d’une page, l’API de Drupal 8 permet aussi de créer des blocs au sein d’un module.

Création d’un bloc custom

Il faut d’abord générer la structure du module. Pour cela, le plus simple est de suivre notre tutoriel avec Drupal Console. Au sein de votre module, créez le fichier .install qui va nous servir pour la création de notre bloc. 

Voici la structure du module : 

 

 

Voici le code pour la création d’un simple bloc custom avec Drupal 8 : 

 'basic',
   'info' => 'About us',
  ]);
  $block_content->set('body', 'Hello World');
  $block_content->save();
}

Après activation du module, votre bloc est maintenant disponible dans votre espace d’administration. Cependant, il n’est pas encore visible car il n’est pas positionné.

Positionnement du bloc custom

Afin de positionner le bloc dans un région particulière, il faut renseigner le code suivant : 

 'basic',
   'info' => 'About us',
  ]);
  $block_content->set('body', 'Hello World');
  $block_content->save();
  
  $block = Block::create([
   'id' => 'about_us',
   'plugin' => 'block_content:' . $block_content->uuid(),
   'region' => 'header',
   'provider' => 'block_content',
   'weight' => -100,
   'theme' => \Drupal::config('system.theme')->get('default'),
   'visibility' => array(),
   'settings' => [
     'label' => 'Hello World',
     'label_display' => FALSE,
   ],
  ]);
  
  $block->save();
}

Il vous suffit maintenant d’activer le module : 

 

 

Et le bloc est maintenant visible sur votre site Drupal 8 : 

 

 

Autres articles

Drupal 7, sorti le 5 janvier 2011, a tiré un trait définitif sur Drupal 6 qui a su montrer ses qualités pendant de nombreuses années. Cette nouvelle version intègre des modules très populaires au core de Drupal. Un point faible de Drupal 6 était son interface d’administration qui était inexistante sans ajouter de modules ce qui le rendait peu accessible pour les non avertis. Drupal 7 dispose de sérieuses évolutions et nous allons en parcourir quelques unes au sein de cet article.

Le terme responsive design a été créé par Ethan Marcotte. Il désigne un ensemble de techniques (grille fluide, images flexibles, medias queries CSS3), il est fortement associé aux feuilles de style CSS3. Le Responsive Design a pour but de pouvoir s’adapter à tout type de terminaux (Mobiles, Tablettes et autres Ordinateurs…) et à toutes résolutions d’affichage possible.