Drupal 8 Theming

Opdracht PE

Briefing

Goal

Build own custom D8 theme
- built on the IMD-THEMING package
  - modifications are allowed
Understand structure of a D8 theme
Understand how to apply and modify twig templates
Understand how to integrate javascript in a D8 theme

Briefing

Requirements

Selfmade theme
Apply correct structure
Use modified twig templates
- no excess: f.e. include title in node.twig.html
Implement a javascript solution
- F.E.: responsive menu, masonry, etc
- Using module solutions is not allowed, unless it requires CMS modification: a good reason is required (for this course)

Briefing

Requirements cont.

Website pages
- Home
- Services
  - Detail pages
- Articles
  - Detail pages
- Contact page
- Search page

All these pages need to be properly styled.

Briefing

Requirements cont.

All paragraphs
- Don't forget the align/color/... options
All forms
All views
Taxonomy pages
Responsive

All these items need to be properly styled.

Briefing

Scoring points

Basic

Intermediate

Advanced

Basic - 6/12

Create working theme
- .info.yml
- .libraries.tml
Add CSS/JS
- Style everything
Define regions
- In page.html.twig & .info.yml

Intermediate - 10/12

Use basic twig debugging
- for template suggestions
- modify paragraphs
Use templates
- Define theme template files
- Add own markup html
Define specific libraries
- and include in template
Use behaviors for JS

Advanced - 12/12

Use twig debugging
- Printing specific items
Use .theme file
- Add theme suggestions
- Alter output
Define custom settings
Apply code standards

Briefing

Submit by

18/11/2019

Through Canvas

What to submit?

Upload theme contents as a zip-file
Bring code to the oral evaluation (January)

Briefing

Evaluation will be on

TBD

More information to follow later

Made with Slides.com