Customizing the Footer in Drupal 10: A Step-by-Step Guide

A girl writing notes
Unseen Studio / Unsplash

The sixth installment of Samuel J Huskey's blog series on rebuilding a theme for the DLL Catalog site focuses on customizing the footer after migrating from Drupal 7 to Drupal 10. Samuel details restoring the footer menu, contact information, and social media icons, using Bootstrap's column layout and Twig templates. He creates a three-column layout by customizing the region--footer.html.twig template, integrates an existing footer menu with the help of the Twig Tweak module, and incorporates social media icons using Nifty Buttons. Samuel emphasizes keeping code DRY (Don't Repeat Yourself) and uses a custom block for contact information, enhancing the responsiveness of the footer for different screen sizes. Additionally, he automates the copyright year using Twig's date filter. The complete process and code snippets are documented on his blog, providing valuable insights into Drupal theming and front-end development.

Source Reference

Date of Publication
URL
https://sjhuskey.info/posts/upgrading-theme-part-6/

Disclosure: This content is produced with the assistance of AI.

Disclaimer: The opinions expressed in this story do not necessarily represent that of TheDropTimes. We regularly share third-party blog posts that feature Drupal in good faith. TDT recommends Reader's discretion while consuming such content, as the veracity/authenticity of the story depends on the blogger and their motives. 

Note: The vision of this web portal is to help promote news and stories around the Drupal community and promote and celebrate the people and organizations in the community. We strive to create and distribute our content based on these content policy. If you see any omission/variation on this please let us know in the comments below and we will try to address the issue as best we can.

Advertisement Here

Upcoming Events

Advertisement Here