Trình soạn thảo cho wordpress

     

Vào những ngày cuối năm 2018, WordPress chính thức nâng cấp lên phiên bản 5.0. Nếu ai đã “lỡ nâng cấp” mà chưa chuẩn bị sẵn sàng. Thì sẻ vô cùng bỡ ngỡ với trình soạn thảo WordPress có quá nhiều thay đổi…

Phiên bản WordPress 5.0 được coi là bước đột phá có nhiều cải tiến như: Trình soạn thảo Gutenberg mới, cập nhật Twenty Nineteen theme, và vá các lỗi bảo mật ở phiên bản cũ. Ở phiên bản WordPress 5.0 này. Trình soạn thảo Gutenberg không còn là plugin nữa; mà được tích hợp làm trình soạn thảo mặc định của WordPress.

Bạn đang xem: Trình soạn thảo cho wordpress

Trong bài viết này, Bảo sẻ hướng dẫn bạn chi tiết sử dụng trình soạn thảo mới của WordPress 5.0. Cách để quay lại trình soạn thảo WordPress cổ điển.


Mục Lục


Hướng dẫn sử dụng trình soạn thảo WordPress GutenbergCách tạo FAQ Schema hiển thị trên Google – Cách chèn câu hỏi thường gặp FAQ

Gutenberg là gì?

Gutenberg WordPress Editor là trình biên tập, soạn thảo mới của WordPress; được đặt theo tên của Johannes Gutenberg – nhà phát minh máy in di động. Gutenberg được tích hợp làm trình soạn thảo mặc định trong phiên bản WordPress 5.0. Nghĩa là Gutenberg sẽ thay thế WordPress TinyMCE Editor (trình biên tập chúng ta đang sử dụng trong WordPress hiện tại)

*
WordPress 5.0 chính thức sử dụng Gutenberg làm trình soạn thảo mặc định

Gutenberg Editor được phát triển dựa trên khái niệm block. Do vậy, mọi thứ trong Gutenberg sẽ xoay quanh block. Các block trong trình soạn thảo Gutenberg cho phép bạn thêm mọi loại nội dung vào bài viết, trang. Và có thể chỉnh sửa chúng một cách độc lập với các block khác.

Bạn có thể di chuyển block lên xuống, chuyển đổi qua lại dạng của block từ tiêu đề sang đoạn, hoặc từ đoạn sang trích dẫn…

Hướng dẫn sử dụng trình soạn thảo WordPress Gutenberg

Trước tiên, chúng ta hãy tìm hiểu giao diện trình soạn thảo WordPress Gutenberg có gì mới?

*
WordPress Gutenberg thay đổi hoàn toàn giao diện soạn thảo

Giải thích các vị trí:

1-Add block: thêm khối

Có thể khằng định tất cả tinh tuý của trình soạn thảo Gutenberg nằm trong add block!

Bạn có thể thêm tiêu đề, đoạn, hình ảnh, bảng, nút…hoặc có thể nhúng bất cứ thứ gì từ Youtube, Facebook, Twitter…

2-Undo/Redo: Phục hồi hoặc lùi lại thao tác trước

3-Content structure: Thống kê bài viết: số lượng từ, thẻ heading, block, đoạn văn của bài viết.

4-Block navigation: Mục lục các block, cho phép bạn di chuyển nhanh tới block mong muốn

5-Save draft: Lưu bản nháp

6-Preview: Xem trước bài viết, trang

7-Publish: Đăng bài viết

8-Setting: Ẩn hiện các cài đặt

9-Yoast SEO: Sử dụng Yoast SEO bên phải

10-More tools & options: Mở thêm các công cụ & tùy chọn

11-Block: Thao tác với block, chỉnh kích thước, màu chữ, màu nền…

12-Document: Thao tác với văn bản:

13-Change Permalinks: Thay đổi tên đường link

14-Tiêu đề bài viết, tiêu đề cũng chính là thẻ H1

15-Đoạn văn bản, nội dung của bài viết.

Cách sử dụng thẻ tiêu đề (Heading) trong trình soạn thảo WordPress Gutenberg

Mặc định thẻ tiêu đề đầu tiên là tiêu đề của bài viết và cũng là thẻ H1. Bạn chỉ được phép gõ nội dung mà không được phép chỉnh sửa bất thứ gì.

*

Từ thẻ tiêu đề thứ 2 trở đi bạn có thể chỉnh sửa: Thay đổi từ H2 đến H6, canh lề, định dạng, chèn link…

Cách sử dụng đoạn (Paragraph) trong trình soạn thảo WordPress Gutenberg

Trình soạn thảo WordPress Gutenberg quy định mỗi block là một đoạn; bạn có thể dùng chức năng add block để thêm mới một đoạn hoặc đơn giản hơn là nhấn Enter.

*

Vậy muốn xuống dòng trong block thì làm thế nào? Đơn giản là bạn chỉ cần dùng tổ hợp phím Shift + Enter

Xoá block: Chọn vào dấu 3 chấm ở của sổ soạn thảo, rồi chọn Remove Block. Hoặc đơn giản hơn, là để con trỏ chuột vào vị trí đầu tiên của block và ấn phím Backspace trên bàn phím.

*

Một điểm trừ rất lớn của trình soạn thảo Gutenberg, là bạn chỉ có thể định dạng cho đoạn văn một cách rất sơ sài.

Xem thêm: Cách Làm Infographic Bằng Photoshop, Templates Và Hướng Dẫn Cách Làm Infographic

*

Không có chức năng canh đều 2 bên (bài viết của bạn sẻ thật thiếu chuyên nghiệp khi những câu chữ chồi sụt không đều). Bạn có thể chỉnh màu chữ và màu nền cho cả block; nhưng không thể chỉnh màu cho một vài chữ trong đoạn đó. Đặc biệt bạn không thể thay đổi Font chữ và nhiều thứ khác nữa.

Tôi không hiểu trình soạn thảo Gutenberg chuyên thiết kế Landing Page. Mà lại thiếu quá nhiều thành phần định dạng như thế?

Tuy nhiên, có một cách để bổ sung các định dạng còn thiếu là bạn có thể tạo một block dạng classic. Khi đó bạn có thể thêm nhiều tuỳ chọn định dạng với thanh Editor menu.

*

Cách chèn hình ảnh trong trình soạn thảo WordPress Gutenberg

Bấm vào add block – Image sau đó chọn nguồn bức ảnh

*

Bạn có thể thêm trực tiếp ghi chú hoặc Alt Text cho ảnh.

*

Hoặc đơn giản nhất là kéo hình ảnh vô vùng soạn thảo văn bản. Cách này làm tương tự như Microsoft Word

Thêm khối nhúng trong trình soạn thảo WordPress Gutenberg

Bấm vào add block – Embeds, chọn trang cần nhúng, copy đường link của trang cần nhúng rồi nhấn Embed.

*

Nếu báo lỗi như hình thì không sao, bạn vẫn nhúng thành công

*

Bạn có thể nhúng dể dàng với trình soạn thảo Gutenberg

*

Thêm và tạo kiểu khối nút trong trình soạn thảo WordPress Gutenberg

Đây là một điểm cộng và được nhiều người đánh giá rất cao ở Gutenberg. Vì bạn có thể dể dàng thiết kế nút kêu gọi hành động rất đơn giản và đẹp mắt.

Bấm vào add block – Layout Elements – Button

Nhập tên nút, chọn màu nền và màu chữ

Nhập URL cho nút

*

Và còn rất nhiều thao tác khác với block…

Cách tạo FAQ Schema hiển thị trên Google – Cách chèn câu hỏi thường gặp FAQ

Vi sao bạn nên tạo FAQ Schema hiển thị trên Google

*
Bạn có muốn blog mình hiển thị như thế này trong tìm kiếm không?Câu hỏi thường gặp xuất hiện ngay trên khung tìm kiếm; giúp người dùng nhanh chóng có được thêm các thông tin hữu ích với những câu hỏi thường gặp.FAQ Schema hiển thị chiếm diện tích lớn giúp tăng độ phủ trên kết quả tìm kiếm của Google. Giúp tăng độ nổi bật của website hơn so với đối thủ. Nhờ vậy nên dễ thu hút sự chú ý của người dùng, tăng tỷ lệ nhấp chuột CTR vào câu hỏi, câu trả lời.Tăng tỷ lệ CTR (tỷ lệ nhấp chuột vào trang)Giúp người dùng và Google hiểu rõ hơn về bài viết, nội dung trên website. Nhờ thế thứ hạng trong kết quả tìm kiếm tốt hơn, dễ được Google xếp hạng cao hơn.Người dùng cảm thấy website thật chuyên nghiệpGiúp khách hàng hiểu rõ hơn về sản phẩm, dịch vụ của website; nên đưa ra quyết định mua hàng hoặc lựa chọn sản phẩm, dịch vụ nhanh hơn…

Cách tạo FAQ Schema hiển thị trên Google

Thông thường bạn phải cài 1 plugin để tạo FAQ Schema. Nhưng với trình soạn thảo WordPress Gutenberg bạn có thể thao tác trực tiếp. Nhờ vào tính năng này mà nhiều người sử dụng trình soạn thảo WordPress Gutenberg

Bấm vào dấu + trong khung soạn thảo rồi gõ FAQ, bấm vào block Câu hỏi thường gặp FAQ

Nhập câu hỏi: Bạn nhập câu hỏi mà nhiều người quan tâm

Nhập câu trả lời cho câu hỏi: Bạn trả lời ngắn gọn khoản 2-3 dòng là đủ

*

Cứ thế bấm thêm câu hỏi và làm các bước tương tự

Cách trở về trình soạn thảo wordpress cổ điển

Nếu bạn không thích trình soạn thảo Gutenberg vì đã quá quen thuộc với trình soạn thảo WordPress cổ điển. Hoặc trình soạn thảo WordPress Gutenberg khiến bạn tốn nhiều thời gian để thao tác. Thật sự thì hiện tại Bảo chỉ thao tác trên block cổ điển. Vì thao tác từng block mất rất nhiều thời gian.

– Bạn chỉ cần cài plugin Classic Editor để quay lại trình soạn thảo củ.

– Hoặc có một cách đơn giản hơn là sử dụng plugin TinyMCE Advanced mà bạn đang dùng:

Settings – TinyMCE Advanced – Advanced Options, đánh dấu tick vào Replace the Block Editor with the Classic Editor sau đó save lại.

*

Thế là lại trở về trình soạn thảo WordPress quen thuộc rồi

Kết

Trình soạn thảo WordPress Gutenberg tuy còn nhiều vấn đề cần cải tiến. Nhưng vẫn có khá nhiều ưu điểm giúp bạn thao tác nhanh và dể dàng hơn. Dù muốn dù không, bạn vẫn phải tập làm quen với trình soạn thảo WordPress Gutenberg này. Vì Gutenberg đã trở thành một phần của Wordpress.

Nếu bạn biết thêm thủ thuật hay cách nào hay hơn, khi sử dụng trình soạn thảo WordPress Gutenberg. Hãy comment bên dưới để tôi và các bạn khác có thể học thêm nhé!

Cách tạo category trong wordpress – Cách sử dụng category từ A tới Z

Tối ưu hình ảnh WordPress không sử dụng Plugin – Cách SEO hình ảnh

Có nên cài plugin chống copy WordPress? Chống copy bài viết hiệu quả!

Plugin đánh giá bài viết WordPress – Tạo đánh giá sao cho website

Hướng dẫn tạo Menu trong WordPress! Những bí quyết chưa ai chia sẻ!

Theme là gì? Hướng dẫn cài đặt Theme cho WordPress từ A đến Z

Dự án kiếm tiền online dành cho người mới: Khoá Học Content Marketing Thực Chiến

Tham gia group để được hướng dẫn và thực chiến những dự án kiếm tiền online uy tín và hot nhất: https://www.facebook.com/groups/jdomain.vnchamcom


Chuyên mục: Domain Hosting