Comparing Drupal 7 and Drupal 8's included themes
Description
Chapter: Installation and Theme Improvements
Drupal 8's base theme structure is quite a bit different than Drupal 7's. Drupal 8 provides two base themes - Classy and Stable - both of which are intended to be extended by additional themes. Bartik is now a sub-theme of Classy, and Stable is basically a copy of Drupal core's base templates and CSS that won't change in future updates to Drupal 8. If that's confusing at all, we walk you through what this means and why the new structure is so useful for front end developers.
Transcript
So Drupal 7 came with four themes: Bartik, which is the default theme that displays when you install Drupal; 7, which is the administrative theme, it's the theme that's being used for the overlays and any time you go to an administrative page, and it comes with a couple of disable themes as well, Garland and Stark. Garland was a carry over from Drupal 6, it was the default theme that was enabled in Drupal 6, and stark is intended to not overlay any additional CSS or markup on top of the templates in CSS that Drupal core provides. In Drupal 8 however there are five themes: there's Bartik, Classy, 7, Stable and Stark.
Now just to explain these briefly, Bartik is the frontend theme that displays when we install Drupal initially. It is a sub theme of Classy. Classy is a base theme that comes with some default markup that includes a number of classes inside of HTML elements that can be used for theming with CSS.
Now if you're a frontend developer and you've worked with Drupal for a while, then you know that it can be challenging to wrangle the default HTML of Drupal to get it as clean as possible. A lot of times that means removing existing classes, as well as unnecessary wrapper elements. Classy was created as ...
When you have an active membership, you will be able to see your progress here.
Skill level: Beginner - Advanced
NOTE: This series is partially complete. We cover the site-building changes from Drupal 7 to Drupal 8 but have not yet discussed the process of migrating a site to Drupal 8.
In the "Upgrade to Drupal 8" collection, we get you ready for migrating your Drupal 7 sites or starting new projects in Drupal 8. Even if you're not ready to move to Drupal 8 just yet, this series will clearly lay out the benefits so you can decide when the best time will be for you or your organization to make the shift.
The series starts by highlighting each change in the user-facing interface. Identifying these changes will help you translate your workflows to Drupal 8, and will also give you clues about how the underlying architecture of Drupal has changed. These videos will be useful to virtually anyone who might work with Drupal 8.
Once we've taken a complete tour of the interface changes in Drupal 8, we will look at how to migrate your data, themes and custom modules over to 8. While these later videos will be more developer-centric, we will try to keep them as clear as possible so that those of you who may not be programmers but are responsible for the migration process can still benefit.
Some of the key points of this series include:
- How to translate what you know about site building from Drupal 7 to Drupal 8
- A comparison of interface changes between Drupal 7 and 8
- How to migrate your data to Drupal 8
- How to upgrade a theme to Drupal 8
- How to update module code to work with Drupal 8
Who this collection is for
If you're curious about the changes that have been made to Drupal 8 from a site building and user interface perspective, the first part of this series will help you quite a bit. The rest of the series will be valuable to developers or site managers who want to migrate part of all of a site to Drupal 8. If you're responsible for figuring out if upgrading to Drupal 8 from Drupal 7 is logistically feasible, this series will help you get a handle on the time and effort involved in the process.
Prerequisites
This series will be most valuable to those with previous experience working with Drupal 7, either as a site builder, back end or front end developer. The first part of this series is focused on site building, and the later videos will assume some familiarity with programming and Drupal 7 theming.
Chapters
- 8:42Introduction
- 22:02Installation and Theme Improvements
- 3:21Comparing Drupal 7 and Drupal 8's installation process
- 0:35Making minor adjustments to the interface to more accurately compare Drupal 7 and 8
- 2:05Demonstrating Drupal 8's responsive home page
- 2:29Comparing Drupal 8's responsive administrative toolbar with Drupal 7
- 1:07Reviewing Drupal 8's changes to Bartik's default color scheme and logo
- 3:32A review of the Drupal 8 home page blocks and views
- 1:19Reviewing IE support changes and CSS and JavaScript aggregation settings in Drupal 8
- 2:09Comparing theme settings in Drupal 7 and Drupal 8
- 2:37Comparing Drupal 7 and Drupal 8's included themes
- 1:01Reviewing changes to the "Seven" theme in Drupal 8 and why the overlay was removed
- 1:47About Drupal 8's administrative style guide
- 19:45Content Authoring
- 2:17Comparing menu administration in Drupal 8 and Drupal 7
- 1:23The benefits of using a drop-down button
- 3:43A tour of Drupal 8's Wysiwyg
- 2:17Comparing the secondary options when creating content in Drupal 8 and Drupal 7
- 0:27Improvements to form buttons in Drupal 8
- 1:33Comparing the content preview tool in Drupal 7 and Drupal 8
- 0:37 Differences between the content management page in Drupal 7 and Drupal 8
- 1:03Demonstration of in-place editing of content in Drupal 8
- 1:37Overview of default text formats in Drupal 8 and Drupal 7
- 2:55How to configure the Wysiwyg in Drupal 8
- 1:53Comparing text format filters in Drupal 7 and 8
- 6:41Views and Configuration Management
- 2:07Exploring the minor differences between the Views module in Drupal 7 and 8
- 0:53How responsive tables work in Views in Drupal 8
- 3:01How to use the configuration management in Drupal 8 to backup and restore configuration
- 0:40A simple procedure for storing Drupal 8 configuration changes in version control
- 21:50Content Type Management
- 2:19Why parts of the content type "manage fields" interface has been moved to "manage form display"
- 2:29Overview of new field types in Drupal 8
- 2:37Comparing the workflow for adding and editing fields in Drupal 7 and Drupal 8
- 0:51How responsive tabs work in Drupal 8
- 0:41Comparing content type settings in Drupal 7 and 8
- 1:27How the "manage form display" content type settings work in Drupal 8
- 1:11Comparing the "manage display" content type settings in Drupal 8 and 7
- 1:21How view modes work in Drupal 7 and Drupal 8
- 1:05How and why to create a new view mode in Drupal 8
- 0:31Reviewing additional minor differences in field display settings in Drupal 8
- 1:31How "form modes" work in Drupal 8 and how to add and edit them
- 0:43Comparing how to add existing fields to content types in Drupal 7 and Drupal 8
- 5:04How to rewite the output of a content (node) page using Views
- 16:38Changes in Comments, Blocks and Contact Forms
- 1:59Comparing comment settings in Drupal 8 and Drupal 7
- 1:07How "comment types" work in Drupal 8
- 0:41How to hide the comment "subject" field in Drupal 8
- 0:29Cleaning up our added comment field and how field "storage settings" works
- 0:27Comparing comment management in Drupal 8 and Drupal 7
- 0:35How to view a list of managed files in the Drupal 8 interface
- 1:41Comparing the block layout interface in Drupal 7 and Drupal 8
- 2:29Comparing workflows for adding or enabling a block in Drupal 8 and Drupal 7
- 1:17Comparing adding custom blocks and block types in Drupal 8 and Drupal 7
- 4:13Reviewing the Drupal 8 form builder and comparing it with the Drupal 7 contact module
- 1:40Comparing the Webform module to the Drupal 8 form builder
- 10:53User Management
- 2:31Comparing the account settings in Drupal 7 and Drupal 8
- 1:31Comparing user fields in Drupal 8 and Drupal 7
- 0:29Where to find "IP address blocking" in Drupal 8
- 0:41How the admin role works in Drupal 8 and updated navigation for permissions and roles
- 3:09Overview of permission changes in Drupal 8
- 1:17Comparing user shortcut management in Drupal 7 and 8
- 1:15Comparing taxonomy management in Drupal 7 and 8
- 19:25Modules That Have Been Added, Removed, Moved or Modified
- 2:01Reviewing differences in the modules listing page and module disabling process
- 1:57Changes to the Actions, Trigger, Tracker, Automated Cron, Ban and Blog modules
- 4:01How the Breakpoint and Responsive Image modules work in Drupal 8 and how to view breakpoints in the UI
- 1:43Changes to CKEditor, Configuration Manager, Custom Block and Dashboard on the module page
- 0:25Changes to File, Image and List on the modules listing page
- 1:01How multilingual modules have been adjusted on the modules listing page in Drupal 8
- 1:15Why the Open ID and Overlay modules were removed in Drupal 8
- 1:05Why the PHP Filter module was removed in Drupal 8
- 1:03Why the Poll module was removed and what the Responsive Images and Text Editor modules do
- 1:05Demonstration of how the Tour module can provide contextual step-by-step help in overlays
- 0:33The difference between the Views and Views UI modules in Drupal 8
- 1:01What the "Core (Experimental)" section is for and how Inline Form Errors works
- 0:51What the Migrate and Migrate Drupal modules are for
- 0:55How the Datetime, Link and Telephone modules work
- 0:29What the "Web Services" modules are for
- 16:05Site Configuration
- 1:09Comparing the "Site information" and "Cron" admin pages in Drupal 8 and Drupal 7
- 2:23Reviewing improvements to caching and performance in Drupal 8
- 0:19Comparing the "Logging and errors" page in Drupal 7 and Drupal 8
- 2:53How to avoid overriding important changes with importing configuration in Drupal 8
- 1:21Comparing changes to the file system settings in Drupal 7 and Drupal 8
- 1:55Comparing changes to the image styles interface in Drupal 8 and 7
- 0:23Comparing the Image Toolkit interface in Drupal 7 and 8
- 2:15Comparing search configuration in Drupal 7 and Drupal 8
- 0:47How clean URLs work in Drupal 8
- 1:41How date and time formats have been improved in Drupal 8
- 0:59How the "Trusted host settings" option works
- 5:12Translation Workflow Changes
