Ignite CMS
  • Overview
  • Getting Started
    • Installation
    • Setup
    • Hosting
    • Advanced Configuration
    • Uninstall
  • Managing Content
    • CKEditor WYSIWYG
    • Adding Content
      • Article
      • Basic Page
      • Event
      • Layout Page
      • Press Release
      • Profile
      • Resource
    • Content Workflow
    • Panel Options
      • Revision Log Message
      • Menu Settings
      • Meta Tags
      • URL Path Settings
      • Authoring Information
    • Layout Components
      • 50/50 Teaser
      • Accordion
      • Banner
      • Block Library
      • Card List
      • Carousel
      • CTA
      • Embed
      • Form
      • Gallery
      • Hero
      • List View
      • Map
      • Media
      • Newsletter
      • Quote
      • Stats
      • Text
  • Theming
    • Getting Started
    • Layout Builder Blocks
      • 50/50 Teaser
      • Accordion
      • Banner
      • Card List
      • Carousel (Multi)
      • CTA
      • Embed
      • Form
      • Gallery
      • Hero
      • Map
      • Media
      • Newsletter
      • Quote
      • Stats
      • Text
  • Updates
  • Ignite Demo
  • Ignite Storybook
Powered by GitBook
On this page
  1. Theming

Getting Started

PreviousThemingNextLayout Builder Blocks

Last updated 1 year ago

The Ignite distribution ships with a powered "Ignite theme" that is paired with a demo install profile.

The recommended approach to theming with Ignite is to create a custom Drupal theme using the theme generator tool. The generator tool is available on GitHub, and it includes detailed instructions on how to use it.

The generator tool allows you to pick and choose which components will be created in your custom theme. This gives you a great deal of flexibility in terms of the look and feel of your theme.

To use the generator tool, you will need to:

  • Clone the Ignite GitHub repository.

  • Install the dependencies.

  • Run the generator command.

    • Once you have run the generator command, you will be prompted to select the components that you want to include in your custom theme. Once you have made your selections, the generator will create a new directory containing your custom theme.

    • You can then customize your custom theme to match your needs. You can change the colors, fonts, and other aspects of the theme to create a unique look and feel.

    • The generator tool is a great way to create a custom Drupal theme quickly and easily. With a little effort, you can create a theme that is both visually appealing and functional.

Here are some additional tips for using the theme generator tool:

  • Use the theme's documentation to learn more about how to use the components.

  • Use the theme's demo site to get inspiration for how to customize the components.

The generator tool allows you to pick and choose which components will be created. Afterwards you can run the Storybook command to see all of the built-in components that ship with Ignite's design system.

You can also generate a test page by enabling the ignite_features module and running the following drush command:

drush kitchen-sink

This drush command will create a test page with every Ignite block type that you have enabled and can help you with testing.

Bootstrap 5
GitHub - mediacurrent/theme_generator_10: About Yeoman generator for Drupal Themes - lets you quickly set up a Drupal 10 theme with sensible defaults and best practices.GitHub
Theme generator 10
Logo
Ignite Demo homepage
Storybook design system