Starterkit theme in Drupal 10
Drupal 10 is the latest version of the open-source content management system Drupal. With the release of Drupal 10, developers and site builders have access to a range of new features and improvements, including the Starterkit theme.
The Starterkit theme is a base theme that provides a foundation for building custom themes in Drupal 10. It is designed to be used as a starting point for theme development, allowing developers to quickly create custom themes without having to start from scratch.
A responsive grid system: The Starterkit theme includes a responsive grid system that makes it easy to create layouts that adapt to different screen sizes. This makes it possible to create themes that look great on desktop, tablet, and mobile devices.
Accessibility features: The Starterkit theme includes accessibility features that help ensure that the themes created with it are usable by people with disabilities. This includes support for keyboard navigation, alternative text for images, and semantic HTML.
Extensibility: The Starterkit theme is designed to be highly extensible, allowing developers to add custom styles and functionality without having to modify the theme's core code. This makes it easy to create custom themes that are tailored to the specific needs of a site.
Browser compatibility: The Starterkit theme is designed to be compatible with a range of modern browsers, including Chrome, Firefox, Safari, and Edge. This makes it easy to create themes that work well on a variety of platforms.
Generating a new theme starterkit theme
Navigate to the Drupal root directory, Run the following command to generate a new theme directory:
php core/scripts/drupal generate-theme si_new_theme
The command will create the theme directory structure and files in the themes/ directory, including the.info.yml file and template files. To change the directory run:
php core/scripts/drupal generate-theme si_new_theme --path themes/custom
To see all configuration options, check the help:
php core/scripts/drupal generate-theme --help
Description: Generates a new theme based on latest default markup. Usage: generate-theme [options] [--]
generate-theme custom_theme --name "Custom Theme" --description "Custom theme generated from a starterkit theme" --path themes generate-theme custom_theme --name "Custom Theme" --starterkit mystarterkit Arguments: machine-name The machine name of the generated theme Options: --name[=NAME] A name for the theme. --description[=DESCRIPTION] A description of your theme. --path[=PATH] The path where your theme will be created. Defaults to: themes --starterkit[=STARTERKIT] The theme to use as the starterkit [default: "starterkit_theme"] -h, --help Display help for the given command. When no command is given display help for the list command -q, --quiet Do not output any message -V, --version Display this application version --ansi|--no-ansi Force (or disable --no-ansi) ANSI output -n, --no-interaction Do not ask any interactive question -v|vv|vvv, --verbose Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug