Tính năng mới: Toolbar, Inline Editing, Languages trong Drupal 8

Over the last few months, we've been covering the Drupal community's progress towards releasing Drupal 8.

Our last update was a month ago. I explained that the core file structure had changed, plus there were over 15 new modules including Views.

Since that update, the first major deadline has arrived. Feature freeze was in the beginning of December, although that deadline slipped a little, and we can still expect new features until February.

However, lots of great new features have arrived in the last month, and so let's take another look at the state of Drupal 8.

Toolbar

Drupal 8 has a new toolbar that's considerably shorter and more concise than anything we've seen in previous versions. The toolbar also includes icons for the first time.

media_1356359061723.png

The main navigation elements that you'd expect to see in Drupal are now under the "Menu" tab. The terminology is almost the same as Drupal 7, except that "Modules" has been replaced by "Extend".

media_1356359077514.png

This toolbar is mobile-ready:

media_1356359110748.png

On mobile screens, the sub-links move to the sidebar. This sidebar menu is available as an option for desktop users too.

media_1356359129612.png

Inline Editing

One of the most exciting new features in Drupal 8 is inline editing. Whenever you're on any content page, click "Edit" in the toolbar.

media_1356359215335.png

You'll see that your content elements are highlighted:

media_1356359238149.png

Click any element and you'll see it pop out of the page:

media_1356359260998.png

You'll be able to edit the save the content directly from your current page:

media_1356359285666.png

Currently this editing is available only for content fields. I presume it may later be extended to allow the editing of content titles and other elements.

Contact Form

Presumably to help make Drupal more friendly for entry-level site builder, the Contact form module is now enabled by default:

media_1356359447698.png

You can add fields to the form so it will be quick and easy to expand the contact forms:

media_1356361365683.png

Cleaner Interfaces

One thing I haven't heard mention, but that struck me in Drupal 8, was that a lot of interfaces have been cleaned up.

In Drupal 7, screens like this contain at least 4 links for each content type.

media_1356359499347.png

The same was true with the menu screens. Some of the links are hidden under the dropdowns on the right, but many have been removed entirelyl

media_1356359557472.png

The Modules / Extend screen has also been greatly simplified.

media_1356359633933.png

All in all, it looks like there's been a real effort to reduce the information overload on many of these screens.

Language Translation

Three new language translation modules have been added to Drupal 8:

media_1356359412013.png

Inside Configuration > Languages, you can quickly click and Add languages.

At the moment, because Drupal 8 is still in development, the admin interface still needs to be translated manually, hence the 0/300 score in the image below.

media_1356359699767.png

The Drupal core will now automatically attempt to detect the language preferences of both visitors and administrators:

media_1356359797188.png

Every time you want to translate something, you need to give explicit permission. For example, if you want to translate a content type, you first need to edit that content type and enable translations.

media_1356360193860.png

Then you need to enable translations for each field within that content type:

media_1356360472866.png

Once that's done, you'll see a Translations tab on content items:

Tính năng mới: Toolbar, Inline Editing, Languages trong Drupal 8

Translations also appear in the contextual links:

media_1356360519639.png

Once you click either of these links you'll get a translation screen like the one below:

media_1356360536348.png

The translation screen for each language looks exactly like the screen for your default language.

media_1356360630222.png