Drupal Drupal Theming & Frontend Development

Question 1

What file is required in every Drupal theme to declare its name, regions, and base theme?

Accepted Answer

theme_name.info.yml

Answer

theme_name.theme

Answer

theme_name.libraries.yml

Answer

theme_name.breakpoints.yml

Question 2

How do you attach a CSS or JS library to a specific Twig template in Drupal?

Accepted Answer

Add {{ attach_library('mytheme/library-name') }} in the Twig file

Answer

Use @import in CSS files

Answer

List the file in the .info.yml css section

Answer

Call drupal_add_css() in the theme's .theme file

Question 3

In Drupal theming, what is the purpose of a 'preprocess function' in a .theme file?

Accepted Answer

Add or modify variables available inside a Twig template

Answer

Compile SCSS to CSS before the theme renders

Answer

Override a core module's block output

Answer

Cache theme suggestion arrays per user role

Question 4

What is a 'theme suggestion' in Drupal and how does it enable template overrides?

Accepted Answer

A prioritized list of template filenames Drupal tries before falling back to defaults

Answer

A CSS class automatically applied to body tags based on content type

Answer

A configuration flag that enables dark-mode theming

Answer

A Twig macro that suggests reusable partial templates

Question 5

Which Drupal core theme is commonly used as a base theme for building administration-style custom themes?

Accepted Answer

Stable9

Answer

Bartik

Answer

Claro

Answer

Seven

Question 6

What is the correct format for defining a JavaScript library with a dependency on jQuery in a Drupal libraries.yml file?

Accepted Answer

dependencies:
  - core/jquery

Answer

dependencies: [jquery]

Answer

requires: jquery/core

Answer

import: jquery from core