Theming in Paragraphs for Drupal 8

Theming

The default paragraphs template is in paragraphs-item.html.twig.
It uses theme suggestions for other templates, the following suggestions are available:

  • paragraph__[view_mode] (e.g. paragraph--default.html.twig)
  • paragraph__[type] (e.g. paragraph--image.html.twig)
  • paragraph__[type]__[view_mode] (e.g. paragraph--image--default.html.twig)

Paragraphs in Drupal 7

Paragraphs in Drupal 7

Todo

  • Changing bundle type on existing paragraph item
  • Default item on new entity
  • Better UX for new paragraph option list
  • Demo module for Simplytest.me
  • Proper revision support
  • Bundle permissions
  • Sortable bundle list
  • Select a view mode per paragraph item
  • Views support
  • Confirm delete without saving the entity/node
  • Being able to select a limit of items, not only Unlimited

Paragraphs in Drupal 8

Drupal 8

A Drupal 8 version has been created, the alpha2 version is working with Drupal 8 beta 4. We try to keep the 8.x-1.x-dev branch compatible with the Drupal 8 HEAD. It currently has the same functionality as the Drupal 7 module.

The Drupal 8 version has been a complete rewrite of the module. It is now based on the Entity Reference Revisions module which is in core. Paragraphs defines:

Working with Paragraphs

Paragraphs is the new way of content creation!
It allows you — Site Builders — to make things cleaner so that you can give more editing power to your end-users.

This documentation will contain sitebuilder/backend-developer/frontend-developer information for the Paragraphs project.

CSS Class Changes between D7 and D8

Menu

D7:

.menu li.expanded
.menu li.collapsed
.menu li.leaf
.menu li.active-trail
.menu li.first
.menu li.last

D8:

.menu-item--expanded
.menu-item--collapsed
.menu-item--active-trail
.menu-item:first-child
.menu-item:last-child

.menu-item--leaf was rarely used so it was removed. It can be added back. @see example https://www.drupal.org/node/2425691#comment-9629101

Pages

Subscribe with RSS Subscribe to RSS - Designers/themers