Drupal theming

I started using custom blocks for reusable content on a website. It turns out twig works a bit different on block content than on paragraphs.

If you want to use a looping functionality in x.html.twig​​​​​​​ you can use the following:

The following snippets can be used to get direct share links to Facebook, Twitter and LinkedIn in your page.html.twig

Drupal's link field is quite generic. You can both add internal paths as external links. Here is how get the correct values in twig.

This is quite an easy one. You get the following variables available in page.html.twig:

I had this use case where I had to show a label and link to another content type from within my paragraph. Because the theming was specific, I had to get the label and link in twig

I had this use case in my theme, where I wanted to expose a bunch of settings to my page.html.twig. Typical things would be social media links. Here is how I looped over config file values, preventing me to write a lot of lines:

In Drupal 8, the default logo needs to be a SVG file. Add this to your theme like this: themes/custom/mytheme/logo.svg.

Tutorial on how to create a Drupal 9 & 10 Bootstrap 5 integration with npm