CMS

Week 5

Drupal

Out of the box

Summary

Drupal
- What is it?
- Features
- When?
How to use
- Installation
- Admin interface
- Features out of the box

Drupal

What is it?

Drupal

Drupal is content management software. It's used to make many of the websites and applications you use every day. Drupal has great standard features, like easy content authoring, reliable performance, and excellent security.

But what sets it apart is its flexibility; modularity is one of its core principles. Its tools help you build the versatile, structured content that dynamic web experiences need.

Drupal

The Drupal project is open source software. Anyone can download, use, work on, and share it with others. It's built on principles like collaboration, globalism, and innovation.

It's distributed under the terms of the GNU General Public License(GPL). There are no licensing fees, ever. Drupal will always be free.

Drupal - Who uses?

https://www.drupal.com/showcases

White House

Sevilla FC

Arsenal FC

Mattel

Pfizer

london.gov.uk

Drupal

Originally created in Belgium
- Dries Buytaert (@Dries)
First release:
- May 18, 2000

D8? D9?

Drupal 9 is the latest Major release
- Is the most modern version of Drupal
- Is not compatible with 6.x, 7.x
  - Is "compatible" with 8.x (downgrading = not done)
- Upgrading from 8.x to 9.x will be like a normal upgrade
- Has the latest features (Twig, Symphony, ...)
- It's stable
  - Many agencies have already changed over

D8? D9?

But still a lot of D7 projects to maintain
- D5 is barely used anymore
- D6 is rare
Release cycle:
- https://www.drupal.org/core/release-cycle-overview

D8 = D9

D8 is the same as D9
Same features
This guide is based on D8, but everything will be the same or very similar in D9
D9 is pretty new, so expect dragons

Semantic Versioning

MAJOR version when you make incompatible API changes,
MINOR version when you add functionality in a backwards-compatible manner,
PATCH version when you make backwards-compatible bug fixes.

http://semver.org/

https://drupalize.me/videos/semantic-versioning

Features

Drupal 8/9

Features

CMS
- Content (with types)
  - Pages, Articles, Custom
  - WYSIWYG
    - Custom text editing profiles
- Categorisation/Taxonomies
- Menu's
- Media
  - Images, video, Files
  - Create custom media entities & browsers

Features

Content modelling framework
- There is no substitute when it comes to managing custom content-types
Multilingual
- Add as many languages as you want

Features

Blocks
- Placement of modular blocks
  - Set of default blocks
  - Custom blocks
  - Full editing/customising abilities
Layout management
- Regions
- Templates

Features

Views
- Powerful editor to build any sort of
  - Overview
  - Admin list
  - Feeds (RSS, JSON)
  - API's
- "A UI to build & manage advanced SQL queries"
  - But way easier than it sounds

Features

Open source
Built on Symfony php framework
Twig for templates

Features

Fully modular
- Few thousands modules already
- Can extend/build your own
Theming
- 220+ "starting" themes
- Fully customisable

Features

Configuration management
- Configuration can be exported to code
  - Config files
  - Can be added to GIT
  - Less fidgeting with DB backups

When

do you choose Drupal?

When?

If the project requires:
- an atypical setup of content
- a lot of Webservices/API's
- heavy customisation
  - f.e.: exchange data with 3rd-party systems

Use Drupal for sites that require advanced management or reporting options.

Use Drupal when you want full control over all aspects

Drupal 8/9

How to use

Summary

Installation
Admin UI
Content
Structure
Appearance
Extend
Configuration
People
Reports
Help

Installation

Docs

Important notice!

We will be doing a manual installation without composer. For beginners composer will make things too difficult.

Follow the steps on these slides

For the risk-takers:

Installation with Composer:

https://www.drupal.org/docs/installing-drupal

Installing Drupal with XAMPP

More options

Exercise

Install Drupal 8 or 9 locally

Admin interface

Toolbar

Desktop

Mobile

Toolbar

Content
Structure: blocks, menus, layouts, forms, types, taxonomy, views
Appearance: themes, theme settings
Extend: Add/remove modules
Configuration: Site & module settings
People: user management, permissions & roles
Reports: reports about the site, logs
Help: generic CMS help

Dashboard?

Nope.

Content

Content overview

Search by name & filter content

Comment overview

Files overview

Add content

Not used by default

& rarely used overall

Add content - preview

Add content - publish

Admin tabs

Protip: Contextual links

Protip: Autosuggest

circle indicates autosuggestions

Exercises

Exercise

Add an About us page
- Use the WYSIWYG
  - Add a link
  - Format text
- Add an image
- Set a path alias
- Add it to the main menu

Exercise

Add some Articles
- Use the WYSIWYG
  - Add a link
  - Format text
- Add an image
- Set a path alias

Structure

Block layout: reusable "widget"
Comment types: manage comments
Contact forms: manage forms
Content types: all content has a type: article, page, custom
Display modes
Menus
Taxonomy: categories, vocabularies
Views: create custom overviews, listings, rss feeds, webapi's

Block layout

Regions

Block layout

Block layout - content

Block layout - Place block

List of all available blocks

Block layout - Add custom

Block layout - Configure

Block layout - Result

Comments types

Will see later

Contact forms

Contact forms - overview

Contact forms - add

Contact forms - result

Contact forms

Is commonly replaced by webforms

(Will see later)

Content types

Content types - Notice!

We will spend a lot of time in class

building content types.

For now get acquainted with:

Manage fields
- Add/edit/remove fields
Manage form display
- The form when adding/editing the content
Manage display
- How the fields are presented to the visitor

Content types - overview

CT - Edit

CT - Manage fields

CT - Manage form display

CT - Manage display

View modes

Will see later

Menus

Menus - edit

Menus - add/edit link

Menus - place menus

Taxonomy

Views

Will see later

But feel free to have a look around

Appearance

Appearance - add

Appearance - find themes

https://www.drupal.org/project/project_theme

Appearance - activate

Appearance - update

Appearance - settings

Appearance - theme settings

Exercise

Install & activate a theme

Extend

Extend - overview

Extend - install

Extend - find

https://www.drupal.org/project/project_module

Extend - example

https://www.drupal.org/project/pathauto

Extend - example

Extend - enable

Extend - install plugins

https://www.drupal.org/project/ctools

https://www.drupal.org/project/token

Extend - enable

Extend - configure

Exercise - Pathauto

Set up an alias for all Articles

F.e.: /articles/title-of-article

Configuration

Configuration: a note

Configuration contains a lot of different options. It is not required to know all of these options to start using Drupal.

As we continue working with Drupal, the occasion will rise more and more often that we will have to use a new aspect of Drupal's configuration.

We will learn these as we go

Configuration

Exercises

Config

Make configuration changes

Change the website title
Change the slogan
Create and set (use basic pages)
- the homepage
- a 404/403 page
Set account registration to admin only

People

People - Permissions

People - Roles

People - Add user

Almost never used

Exercise

Create a webmaster role

User can:
- add/edit content
- add pages/articles
Test this user
- Make a user with this role
- Log in w/ user
- Add/edit content

Reports

Available updates: Get a status report about available updates for your installed modules and themes.
Recent log messages: View events that have recently been logged.
Field list: Overview of fields on all entity types.
Status report: Get a status report about your site's operation.
Top 'access denied' errors
Top 'page not found' errors
Top search phrases
Views plugins: Overview of plugins used in all views.

Available updates

Help

What to remember

Get acquainted with these subjects

Subjects

Basic content management
- Add/edit pages/articles
Menu management
Basic Block management
- Place blocks
- Use custom blocks
Install/enable a theme/module
Use reports/logs
Change basic configuration

CMS1 W5 18-19

By Pieter Mathys

CMS1 W5 18-19

Intro to Drupal

1,208

Pieter Mathys

mathysp