Hướng dẫn chính cho Drupal 8: Episode 1 - Authoring Experience Improvements

Hướng dẫn chính cho Drupal 8: Episode 1 - Authoring Experience Improvements

Welcome to the first instalment of an 8-part blog series we're calling "The Ultimate Guide to Drupal 8." Whether you're a site builder, module or theme developer, or simply an end-user of a Drupal website, Drupal 8 has tons in store for you! This blog series will attempt to enumerate the major changes in Drupal 8 for end-users, for site builders, for designers and front-end developers, and for back-end developers. Successive posts will gradually get more technical, so feel free to skip to later parts (once they're published) if you're more on the geeky side.

Please note that since Drupal 8 is still under active development, some of the details below may change prior to its release. Still, since Drupal 8 is now feature-frozen, hopefully most info should remain relevant. Where applicable, Drupal 7 contrib equivalents of Drupal 8 features will be noted.

Authoring Experience

One of the major areas of focus in Drupal 8 was around the out-of-the-box experience for content authors; you know, the folks who actually use a Drupal website every day. ;)

Spark

Hướng dẫn chính cho Drupal 8: Episode 1 - Authoring Experience Improvements

Spark is an Acquia initiative created by Dries to improve Drupal core's default authoring experience. Our team performed analysis of both proprietary and open source competitors to Drupal and worked hard over the course of the release in collaboration with other Drupal core contributors to help bring Drupal's core UX up to snuff, all the while creating back ports of key Drupal 8 UX improvements for Drupal 7 that can be used today.

WYSIWYG editor

That's right! Gone are the days of hand-typing HTML! (In the default install, at least.) Party like it's 1999! ;)

WYSIWYG editor showing editing of image captions

Drupal 8 now ships with the CKEditor WYSIWYG editor configured out of the box. In addition to supporting what you'd expect in a WYSIWYG editor: buttons like bold, italic, images, links, and so on, there's also support for nifty extras like easily editable image captions, thanks to CKEditor's new Widgets feature, developed specifically for Drupal's use. There was particular attention paid to ensuring we keep the structured content benefits of Drupal in our WYSIWYG implementation.

Drupal 8 also sports a nifty drag-and-drop admin interface for adding and removing buttons in the WYSIWYG toolbar, which automatically syncs the allowed HTML tags for a given text format for vastly improved usability. Buttons are contained in "button groups" whose labels are invisible to the naked eye, but which can be read by screen readers in order to provide an amazing, accessible editing experience for website visitors.

Administrative interface for CKEditor

In case you're not a fan of CKEditor, fret not. The "Editor" module in Drupal 8 wraps the WYSIWYG integration, so other libraries can be tightly integrated as well in contrib.

In-place editing

One aspect of Drupal 7 that presents some usability challenges for content authors is that if something is spotted on the website that needs correction—for example, a typo, or a missing image—it requires going into a "back-end" form, visually separated from the "front-end" website where content will appear, in order to change it. And the "Preview" button doesn't actually help, because the results of preview are shown in the administrative theme (twice, in case you missed it the first time ;)).

Enter Drupal 8's new in-place editing feature, which allows editors to easily click into any field within a piece of content and edit it right on the front-end of the site, without ever visiting the back-end form. And not just full "node" content, either: user profiles, custom blocks, and more are in-place editable as well!

In-place editing a body field shows a WYSIWYG editor in-line.

Note that this feature has been backported to Drupal 7 as the Quick Edit module (formally Edit module).

Redesigned content creation page

Borne from a community-led effort from Drupal's Usability team, when you go to create content for the first time, you'll find Drupal 8 has a newly redesigned content creation page which contains two columns: one for the main fields (the actual "content" part of your content) and another for the "extras"—optional settings that are used less often. The hope is that this will create a less overwhelming experience for content authors, and allow them to focus more on the task at hand.

Two-column content creation page

Refreshed admin theme

Related, and still undergoing development, you'll also find the administrative theme in Drupal 8 to be a nice refresh over Drupal 7's, with a new style guide for the "Seven" admin theme.

Content admin page using new Seven theme

Draft support in core

While there are no screenshots for this one since it's an under-the-hood change only, API support was added in core to support the notion of draft revisions on pieces of content. This should make the work of publishing workflow modules such as Workbench much easier in Drupal 8 and beyond.

Whew! That's a wrap!

Join us next week, when we'll talk about all the nifty mobile improvements coming to Drupal 8!

Bạn thấy bài viết này như thế nào?: 
No votes yet
Ảnh của Tommy Tran

Tommy Tran owner Express Magazine

Drupal Developer having 9+ year experience, implementation and having strong knowledge of technical specifications, workflow development. Ability to perform effectively and efficiently in team and individually. Always enthusiastic and interseted to study new technologies

  • Skype ID: tthanhthuy
  • Phone/Zalo: (+84) 944 225 212
  • WhatsApp: (+84) 944 225 212
  • Line Messenger: (+84) 944 225 212
  • Email: [email protected]
  • Telegram Messenger: https:/t.me/tommytran0401

Quảng cáo việc làm

 

Thích hợp các bạn nữ mảng thợ may làm việc tại nước NGA

Đơn hàng Tuyển dụng 100 Thợ may đi Nga(đợt 1 tháng 3.2021, đợt 2 tháng 5.2021). Lương thực lãnh 800 USD, bao ăn ở, vé máy bay và visa, phí xuất cảnh(1800 USD)trả khi đi làm có lương. Bạn có thể liên hệ CÔNG TY qua Phone/Zalo: (+84) 944 225 212. Công ty sẽ tư vấn cho bạn.

Xem chi tiết: >>> https://bit.ly/3o9NOfR

Tìm kiếm bất động sản

 

Advertisement

 

jobsora

Dich vu khu trung tphcm

Dich vu diet chuot tphcm

Dich vu diet con trung

Quảng Cáo Bài Viết

 
Quản lý nhiều tài khoản user trong một máy Mac (Lion)

Quản lý nhiều tài khoản user trong một máy Mac (Lion)

Bài viết hướng dẫn cách làm Mac tự động đăng nhập vào một tài khoản, hoặc chuyển từ tài khoản này sang tài khoản khác thật nhanh chóng.

Người dùng iPad sắp được dùng Office

Người dùng iPad sắp được dùng Office

Những ai quen dùng gói phần mềm văn phòng Microsoft Office sẽ không phải sử dụng thủ thuật hoặc chuyển sang dùng phần mềm thay thế trên iPad nữa.

cổ phiếu của Facebook

Hãng công nghệ facebook quyết định sẽ mua lại khoảng 1,9 tỷ USD cổ phiếu

Khi giá cổ phiếu chỉ còn bằng một nửa so với thời điểm IPO, hãng công nghệ này quyết định sẽ mua lại khoảng 1,9 tỷ USD, tương đương 101 triệu cổ phần.

Wordpress Freelancer

 

Wordpress Freelancer