Drupal 8 Theming

Opdracht PE

Briefing

Goal

  • Build own custom D8 theme
    • built on the IMD-THEMING package
      • all types of modifications are allowed (modules, content-types, etc.)
  • 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

    • About

    • News

      • Detail pages

    • Contact page

    • Search page

 All these pages need to be properly styled.

Briefing

Requirements cont.

  • All paragraphs

    • Don't forget the align/theme/border/... options

  • All forms

  • All views

  • Responsive

 All these items need to be properly styled.

Briefing

Scoring points

Basic

Intermediate

Advanced

Basic - 3/12

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

Intermediate - 9/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

15/11/2020

Through Canvas

 

What to submit?

  1. Upload theme contents as a zip-file

  2. Bring code to the oral evaluation (January)

Briefing

YOU WILL BE EXPECTED TO SHOWCASE & EXPLAIN YOUR THEME DURING THE EXAMS IN JANUARI!

 

Evaluation will be on

TBD

 

More information to follow later

Drupal 8 Theming IMD - Opdracht PE 2020-2021

By Pieter Mathys

Made with Slides.com

Drupal 8 Theming IMD - Opdracht PE 2020-2021

Briefing opdracht P.E.

  • 577

More from Pieter Mathys