Theming in Drupal 8

Preface-

  1. Implement twig template in a custom module
  2. Implement twig template in a custom form
  3. Implement twig template for an email or any general implementation using drupal_render()
  4. Creating a Theme
    1. Structure of the theme folder- here zircon is the name of the theme
    2. Files and its descriptions
      1. Themename.info.yml
      2. Create a theme_name.libraries.yml
      3. Creating a template- page.html.twig
      4. The Breakpoint module- [theme-name] or [module-name] .breakpoints.yml
  5. Modifying attributes in themename.theme file

Tutorial on how to create a theme in Drupal or create custom theme in Drupal

Tutorial on how to create a theme in Drupal or create custom theme in Drupal

Following is the step by step guide to create a theme in drupal.

Lets say name of your new theme is “mytheme“.

Where to place the theme?

  1. All custom themes are generally places in “sites/all/themes/” folder.
  2. Create a “themes” folder if it does not exist at above mentioned path.
  3. Create a new folder “mytheme” under themes folder.
  4. Copy all your raw html templates which you may have created for your new website to “mytheme” folder.
  5. Create a new file “mytheme.info”. This file contains information related to your theme.

Tutorial on what is Selenium IDE and how to use Selenium IDE

Selenium IDE is a graphical interface to selenium.
It is a Firefox plugin that does record and playback the interactions with the browser. its is just one of the very popular and useful ways to write selenium scripts.