What's New in Plone 5, 5.1 and Plone 5.2#

Plone 5.0 was released in September 2015. Plone 5 was a major release, that changed the content type framework, the user interface, and the default design.

Plone 5.1 was released in October 2017 and holds a couple of smaller improvements.

Plone 5.2 was released in March 2019. Plone 5.2 is the first version that supports Python 3. It also has some improvements like a new drop-down navigation and built-in url-management.

If you are already familiar with Plone 5.0, 5.1 and 5.2 you can skip this section.

Default Theme#

The default theme of Plone 5.x is called Barceloneta

It is a Diazo theme, meaning it uses plone.app.theming to insert the output of Plone into static HTML/CSS.

It uses HTML5, so it uses <header>, <nav>, <aside>, <section>, <article> and <footer> for semantic html.

The theme is mostly built with LESS (lots of it!) and uses the same grid system as Bootstrap. This means you can use CSS classes like col-xs-12 col-sm-9 to control the width of elements for different screen sizes. If you prefer a different grid system (like Foundation) over Bootstrap you can adapt the theme to use that.

The index.html and rules.xml are the main elements to make this happen.

New UI and widgets#

While Plone 4 had a green edit-bar above the content Plone 5 has a toolbar that is located on the left or top and can be expanded. The design of the toolbar is pretty isolated from the theme and it should not break if you use a different theme.

The widgets where you input data are also completely rewritten.

  • Plone now uses the newest TinyMCE

  • The tags (keywords) widget and the widgets where you input user names use select2 autocomplete to give a better user experience

  • The related-items widget is a complete rewrite

Folder Contents#

The view to display the content of a folder is new and offers many new features compared to Plone 4:

  • configurable table columns

  • changing properties of multiple items at once

  • querying (useful for folders with a lot of content)

  • persistent selection of items

Content Types#

While Plone 4 used Archetypes all default types are based on Dexterity in Plone 5. This means you can use behaviors to change their features and edit them through the web. Existing old content can be migrated to these types.

Resource Registry#

The resource registry allows you to configure and edit the static resources (JavaScript, CSS) of Plone. It replaces the old JavaScript and CSS registries. And it can be used to customize the theme by changing the variables used by LESS or overriding LESS files.

Chameleon template engine#

Chameleon is the new rendering engine of Plone 5. It offers many improvements:

Old syntax:

<h1 tal:attributes="title view/title"
    tal:content="view/page_name">
</h1>

New (additional) syntax:

<h1 title="${view/title}">
    ${view/page_name}
</h1>

Template debugging:

You can now put a full-grown pdb in a template.

<?python import pdb; pdb.set_trace() ?>

For debugging check out the variable econtext, it holds all the current elements.

You can also add real Python blocks inside templates.

<?python

from plone import api

catalog = api.portal.get_tool('portal_catalog')
results = []
for brain in catalog(portal_type='Folder'):
    results.append(brain.getURL())

?>

<ul>
    <li tal:repeat="result results">
      ${result}
    </li>
</ul>

Don't overdo it!

Control panel#

  • You can finally upload a logo in @@site-controlpanel.

  • All control panels were moved to z3c.form

  • Many small improvements

Date formatting on the client side#

Using the js library moment.js the formatting of dates was moved to the client.

<ul class="pat-moment"
    data-pat-moment="selector:li;format:calendar;">
    <li>${python:context.created().ISO()}</li>
    <li>2015-10-22T12:10:00-05:00</li>
</ul>

returns

  • Today at 3:24 PM

  • 10/22/2015

plone.app.multilingual#

plone.app.multilingual is the new default add-on for sites in more than one language.

New portlet manager#

plone.footerportlets is a new place to put portlets. The footer (holding the footer, site_actions, colophon) is now built from portlets. This means you can edit the footer TTW.

There is also a useful new portlet type Actions used for displaying the site_actions.

Remove portal_skins#

Many of the old skin templates were replaced by real browser views.

Plone 5.1#

Plone 5.1 comes with many incremental improvements. None of these changes the way you develop for Plone. Here are three noteworthy changes:

  • The operations for indexing, reindexing and unindexing are queued, optimized and only processed at the end of the transaction. This change can have big performance benefits.

  • Actions now have a user-interface in the Plone control panel. You no longer need to use the ZMI to manage them by hand.

  • "Retina" Image scales: Plone now has scales for high pixel density images.

For a complete list of changes see https://5.docs.plone.org/manage/upgrading/version_specific_migration/upgrade_to_51.html#changes-between-plone-5-0-and-5-1

Plone 5.2#

Plone 5.2 supports Python 2.7, 3.6 and 3.7. It is based on Zope 4.0 and runs WSGI. These three are major changes under the hood but have only limited effect on end-users and development of add-ons.

Plone 5.2 comes with many bug fixes and a couple of nice improvements. Here are some noteworthy changes:

  • New navigation with dropdown. Site-Administrators can use the navigation control panel /@@navigation-controlpanel to configure the dropdown-navigation.

  • Plone 5.2 ships with REST API.

  • New Login. The old skin-templates and skin-scripts were replaced by browser-views that are much easier to customize.

  • Merge Products.RedirectionTool into core. Site-Administrators can use the URL Management control panel (/@@redirection-controlpanel) to manage and add alternative URLs including bulk upload of alternative urls. As an Editor, you can see the URL Management link in the actions menu of a content item, and add or remove alternative URLs for this specific content item.