Drupal 8 – Administration Theme


Administration forms tend to be wide and long, sometimes not fitting too well within the confines of the content area defined for a given theme. To address this problem, Drupal 8 lets you specify a theme that should be used for administrative functions. You can try your new theme to see if it works for administration screens, or you can pick a different theme to use whenever a site administrator is performing site administration tasks. Typically, a simple clean theme that is at least 960px wide works best as the admin theme. To change the administration theme, simply click the Appearance menu item at the top of the page and scroll to the bottom. You’ll see a section titled Administration Theme. From the list of themes in the drop-down list, select a theme that you know will work with administration forms. By default Drupal 8 enables Seven as the administration theme, because it accommodates administration screens. You may also change the administration theme to any other theme listed in the drop-down list. If you change the value, make sure you click the “Save configuration” button. Most drupal developers are working with this theme.

Drupal 8 provides a set of configuration options that, when changed, updates certain aspects of what is displayed within your theme. Depending on whether the theme author adhered to Drupal standards, you can use this form to determine which elements are displayed on the page (Logo, Site Name, Site Slogan, and so on), whether the theme should use its default logo, and whether the shortcut icon should be used (the shortcut icon is also known as the favicon; it’s the little logo that appears to the left of your browsers address bar). To get to this screen, simply click the Appearance menu item in the top menu and click the Settings tab at the top of the Appearance page.

Try changing some of the display options such as the logo. Uncheck the “Use the default logo supplied by theme” check box and use the Browse button that appears after unchecking the box to upload a new logo for your site. Click the “Save configuration” button at the bottom of the Settings page and return to your site’s homepage to see the change in appearance.


Find a new theme in Drupal 8


Drupal 8 ships with the Bartik, Seven, Stark, and Classy themes. Although Bartik is a great theme, it’s likely one that you won’t use on your production site (although when browsing around the Web you’ll often run into a site that uses Bartik as its production theme).

Seven is the default admin theme, created specifically to render administrative pages. Stark is a very simple theme with virtually no styling, and Classy is a base theme that is meant to be the basis for building your own theme. If you’re going for a very clean and text heavy theme, then Stark may be a good choice for you, but it’s likely that you’ll want to pick from one of the hundreds of themes that you can freely download and use.

Before you begin your search for a new theme, you should sit down with a blank piece of paper and sketch out the general layout of at least the homepage of your new site. Key concepts to focus on include:
Will your site have a header or banner area? If so, how tall will the header be, and will it span the entire width of your page?

Will your site use horizontal menus and, if so, how many will you have and where will they be placed?

Does your design call for a left or right side bar? Or does your design call for two sidebars on the right or two on the left?

Will your site have a footer and, if so, does the footer span the entire width of the page?

Will you have a fixed width (say, 960px wide), or will the site need to adjust for different screen widths across a variety of desktops, laptops, tablets, and smartphones?

Answering these questions will help you narrow the choice of themes to only those that support your general layout and design goals.

The best place to begin your search for a theme is the Drupal.org website. To view a list of the available Drupal themes, visit http://www.drupal.org/project/project_theme. It’s where most drupal developers search for cool themes. For demonstration purposes, let’s search the Drupal.org site for a Drupal 8 theme that matches our intended layout and color scheme. On http://www.drupal.org/project/project_theme, select 8.x from the “Core compatibility” select list to limit the list to only themes that are Drupal 8 compatible, and then click the Search button. Drupal will display the list of themes, only listing those that are compatible with Drupal 8.

You can narrow the list of themes by filtering the results by theme name, maintenance and/or development status, and theme status (full projects or only sandbox projects, the latter of which are themes that are under development and have not yet been released). You can also use the “Sort by” filter to sort the results by creation date, last release, last build, title, author, or most installed. Choosing “Last release” shows all of the newly added themes (or updates to existing themes), which is a nice feature when you visit this page often and want to see what the community has contributed recently. For this demonstration, let’s sort by Title to list the Drupal 8 themes in alphabetical order.