https://www.lullabot.com/articles/styling-the-wysiwyg-editor-in-drupal-8

Dans cet ex, le front (vu pas les surfeurs) est "Custom Theme", basé sur bootstrap avec ajout de polices, mais l'éditeur utilise le thème d'admin (du core) Seven, elle souhaite qu'ils soient plus semblables (pour ne pas dérouter l'éditeur).

Il y a 2 facons de modifier les styles dans l'éditeur WYSIWYG (utilisé par l'éditeur ou auteur du post) :

Twig (base)

La base : https://sqndr.github.io/d8-theming-guide/twig/twig-basics.html

Twig est en "autoescape" = Tout ce qui est entre {{ }} est en "esc".

Pour "afficher" une variable dans un template: {{ variable }}
on a accès à ses attributs après un point ; ex:

sur install pi2 druc1

ai fait un modele basé sur bartik, un type de donnée "test twig" avec des fichiers et 3 txt formatés long + une vue qui utilise un affichage personnalisé (titre, image et fichiers).

modele bartikv1

juste une erreur de lien sur image de la recherche. rangé dans web/themes (si ds contrib on aurait eu erreur ?)

test twig

avec les champs : field_test_date, field_test_image, 3 occ de field_test_txt1, field_test_file

Présente les thèmes du core drupal 8, avec drupal 7 une logique de retrait alors que drupal 8 a une logique d'ajout (présentation de without), référencer d'autres templates twigs (3 façons), présentation des "blocks de twig", les librairies (les override, dépendances, extentions...).

Mes notes (transcription en fr) selon la conf (avec slide) du drupalcamp de floride 2017 (en anglais).

Quelques notes sur les nouveautés et différences entre drupal8 et drupal 7.

Nouveautés

UUID

ID universel unique, un ex: c3632b14-6594-5245-d28a-4580b338b9bb
utilisé dans les exports de conf (un motif du module pathauto a un uuid)

views

intégré au core => un certain nb d'écran d'admin sont maintenant modifiables (who's online et nouveaux membres, block_content des bib de blocks perso, commentaires récents, gestion des fichiers, admin/people,

Nouveau champs: liens d'action (liste modifier/supprimer)

Sur les views.

Ch 15 theming

Global Template Variables

Surce : https://www.drupal.org/docs/8/theming-drupal-8/adding-stylesheets-css-and-javascript-js-to-a-drupal-8-theme

Dans drupal 7 on les déclarait dans le theme.info - maintenant c'est dans *.libraries.yml. 

1. la déclarer dans le THEMENAME.info.yml
2. Modifier le fichier page.html.twig pour y demander que ces régions y soient

Fichiers de base

THEMENAME.info.yml

• Ne pas utiliser de tabulation - seulement des espaces
• Propriétés et listes doivent etre indentées de deux (2) espaces.

name: Fluffiness
type: theme
description: 'A cuddly theme that offers extra fluffiness.'
core: 8.x
libraries:
  - fluffiness/global-styling
base theme: classy
regions:
  header: Header

Vers mes notes ds. https://www.drupal.org/project/ds

4 types de champs (avec choix entitées concernées):