Hướng dẫn sử dụng Gutenberg – New Block

ducsilver

Thành viên mới
11/3/19
64
0
6
Từ sau bản WordPress 5.0 được tung ra từ ngày 06/12/2018. WordPress đã thay đổi classic editor sang thành block editor.

Nó được đặt tên là Gutenberg ( block editor), và chính thức là một phần của WordPress (trình duyệt mặc định)

Gutenberg mang đến một diện mạo và cách tiếp cận hoàn toàn mới, để tạo nội dung.

Và trong bài viết này, Diều Hâu sẽ hướng dẫn bạn sử dụng Gutenber.

Dù bạn có update lên WordPress 5.0 hay không

Hay vẫn sử dụng classic editor, thì cũng đừng bỏ qua nhé !

Vì sớm muộn gì bạn cũng phải làm quen với nó.

Hướng dẫn sử dụng Gutenberg
Gutenberg là gì?
Gutenberg là tên dự án mới cho block editor mới của WordPress.

Trình soạn thảo này sẽ thay thế TinyMCE editor mặc đinh trong WordPress 5.0.

Mặc dù Gutenberg là tên gọi của trình soạn thảo mới này, nhưng giờ nó thường được gọi với các tên là “block editor” “the WordPress block editor” hay “WordPress editor”.

Bởi vì nó đã trở thành một phần của WordPress.

Vì thế bạn sẽ thấy nó được gọi là block edior nhiều hơn là Gutenberg.

WordPress TinyMCE cũ trông như thế này. Và nó được gọi là classic editor.

Và đây là trình soạn thảo mới block editor. Có tên gọi là Gutenberg.

Gutenberg không đơn giản chỉ là môt bản cập nhật về giao diện đơn giản.

Nó thay đổi hoàn toàn trải nghiệm, bằng cách chuyển sang sử dụng block cho nội dung.

Mặc dù trọng tâm vẫn là tạo nội dung.

Nhưng mục tiêu cuối cùng của Gutenberg block editor vẫn là “biến post không chỉ đơn giản là một nơi viết nội dung nữa, mà có thể tùy biến được”

Sau này bạn có thể xây dựng toàn bộ site bằng block bao gồm: landing page, page và post, các nội dung khác.

Gutenberg là một phần của WordPress?
Chính xác !

Gutenberg được phát hành chính thức trên WordPress 5.0 từ ngày 05/12/2018. Nếu bạn update WordPress phiên bản 5.0, bạn sẽ thấy block editor đã trở thành trình soạn thảo mặc định.
Nếu bạn vẫn chưa update lên phiên bản mới, thì hãy update ngay đi nhé !

Kể cả bạn có không thích Gutenberg đi nữa.

Vì cập nhật mới WordPress 5.2 còn liên quan vấn đề hiệu năng và bảo mật.

Gutenberg editor hoạt động như thế nào?
Như trên mình có trình bày, Gutenberg là block editor hoạt động dựa trên các khối.

Dưới đây mình sẽ trình bày rõ ràng hơn.

Dựa trên các khối là ?
Về cơ bản, Gutenberg sẽ thay thể trình soạn thảo cũ TinyMCE editor bằng rất nhiều các khối riêng lẻ.

Các khối này này sẽ cho phép bạn, xây dựng các thiết kế phức tạp hơn classic editor.

Block là gì?
Đây là phần thú vị nhất của Gutenberg.

Block nó có thể là mọi thứ. Một vài ví dụ block có thể là:

Text
Image
Video embed
Button
Widget (giống như bên sidebar các bạn hay thấy)
Table
……
Và điều tuyệt vời hơn cho các developer, là họ có thể tạo được các block (bên thứ 3).

Họ có thể viết thành các plugin và biến việc sử dụng dễ dàng hơn.

Mỗi khối ở đây là một cá thể riêng, bạn có thể làm mọi thứ mình muốn.

Vậy Glutenberg là page builder đúng không?
Không hẳn vậy ! Nhìn qua thì có vẻ giống, nhưng hiện tại nó chưa đạt đến mức đó.

Nó sẽ giúp bạn tạo nội dung thông thường như blog post hay page, dễ dàng hơn.

Nhưng nó chưa = page builder để có thể là công cụ xây dựng website được.

Gutenberg thiếu 2 thứ quan trọng:
7 nguồn ảnh miễn phí để tải lên nội dung trang web
Flexible column – mặc dù đã có column block cơ bản nhưng Gutenberg vẫn chưa đủ linh hoạt như các page builder.
Drag and Drop – Gutenberg cho phép bạn sắp xếp các block bằng các kéo thả, nhưng nó cũng chưa tự do như page builder.
Okie vậy là Gutenberg không phải page builder, cho đến thời điểm hiện tại.

Nhưng nó cũng cung cấp nhiều khả năng tạo các lọai nội dung hơn cho post.

Nếu bạn muốn tạo một landing page, thì hãy cân nhắc sử dụng các page builder tốt nhất hiện nay.

Vì hiện tại Gutenberg sẽ còn mất nhiều thời gian để đạt đến level đó.

Tôi có bắt buộc phải dùng Gutenberg không? Tôi vẫn thích dùng trình soạn thảo cũ
Không ! bạn không nhất thiết phải sử dụng block editor mới.

Bạn hoàn toàn có thể disable Gutenberg kể cả đã lên phiên bản WP 5.2.

Bằng plugin Classic Editor, hoặc đọc bài ở dưới nhé.

Hướng dẫn disable Gutenberg và giữ trình soạn thảo Classic trong WordPress
 
Người đăng Tin liên quan Chuyên mục Trả lời Thời gian
S Cần bán Hướng dẫn sử dụng và bảo dưỡng cây nước nóng lạnh ĐÚNG CÁCH Điện Tử-Điện Lạnh-Gia Dụng 0
T Tư vấn Lệnh Buy Limit là gì? Hướng dẫn cách sử dụng hiệu quả. Thú Cưng - Thú Nuôi 0
dienmayklp.vn Hướng Dẫn Sử Dụng Nước Ion Kiềm Đúng Cách Ẩm thực 0
beomkt1 Tư vấn Hướng dẫn lắp đặt và sử dụng máy bọc giầy phòng sạch Các dịch vụ khác 0
Q Cần bán Hướng dẫn sử dụng xe đẩy dụng cụ vệ sinh đúng cách tại Quảng Ngãi Máy Móc Công Nghiệp 0
D Hướng dẫn sử dụng và lắp đặt phòng xông hơi gia đình Các dịch vụ khác 0
phuhungseo Hướng dẫn sử dụng khóa cửa điện tử SamSung SHS-2920 Các dịch vụ khác 0
M Hướng dẫn sử dụng MT4 để gia nhập thị trường dễ dàng hơn Các dịch vụ khác 0
kimthuong2018 Tư vấn Hướng dẫn cách sử dụng thuốc tiêu chảy Smecta Các dịch vụ khác 0
N Cần bán Hướng dẫn sử dụng sàn remitano Giày dép - Ba lô - Túi xách 0
ducdtdigital Tư vấn Hướng dẫn sử dụng máy rửa bát electrolux ESF6010BW đúng chuẩn Điện Tử-Điện Lạnh-Gia Dụng 0
V Cần mua Sàn Binance được định nghĩa như thế nào? Hướng dẫn đăng ký và sử dụng sàn binance Trang trại, Khu nghỉ dưỡng 0
N Cần bán Hướng dẫn sử dụng sàn remitano Giày dép - Ba lô - Túi xách 0
A Hướng dẫn sử dụng trà túi lọc để khử mùi nồi chiên không dầu Các dịch vụ khác 0
N Cần bán Hướng dẫn đăng ký và sử dụng sàn Bybit Giày dép - Ba lô - Túi xách 0