Trình chỉnh sửa khối wordpress

Tái sử dụng các khối (khối tái sử dụng) là một tính năng rất hữu ích trong Gutenberg cho phép bạn lưu các khối để sử dụng lại cho những bài đã đăng trong tương lai. Tính năng này sẽ giúp bạn tiết kiệm được kha khá thời gian, công sức cũng như hạn chế các sai sót (vì nội dung được sao chép tự động thay vì viết tay). Trong bài viết này, Titanweb sẽ hướng dẫn các bạn cách tạo, quản lý và xuất/nhập dữ liệu của các khối tái sử dụng trong trình chỉnh sửa Gutenberg

Nhưng trước tiên, hãy cùng tìm hiểu những ứng dụng thực tế của tính năng này để xem nó có phù hợp với nhu cầu của bạn không nhé.

lục mục

Ứng dụng của việc tạo các khối để tái sử dụng

Bạn có thể tận dụng khối tính năng tái sử dụng để lưu lại các nội dung cần sử dụng đến thông thường như thường lệ

  • Khẩu hiệu của công ty
  • Lời kêu gọi mua hàng, like fanpage, share bài viết,…
  • Thông số kỹ thuật về sản phẩm
  • Chú thích về các từ chuyên ngành
  • Các nút hoặc bảng

Để các bạn dễ hình dung, mình sẽ lấy ví dụ về việc tạo một khối dạng Đoạn văn với nội dung kêu gọi người dùng theo dõi các mạng xã hội của công ty, sau đó biến nó thành một khối tái sử dụng

Mình làm theo 3 bước như sau

Bước 1. Tạo một khối cơ bản

Đầu tiên, hãy vào một bài viết / trang bất kỳ và thêm một khối bằng cách ấn dấu cộng (+). Ví dụ, mình thêm một đoạn dạng khối như sau

Trình chỉnh sửa khối wordpress

Tiếp theo, hãy nhập nội dung cho khối. Ở đây, mình đã viết một lời kêu gọi người dùng theo dõi kênh Youtube để xem thêm nhiều video hướng dẫn khác

Trình chỉnh sửa khối wordpress

Bước 2. Move block information to block tái sử dụng

Sau khi đã có một khối hoàn chỉnh với nội dung tương ứng, hãy biến nó thành khối tái sử dụng bằng cách chọn khối > nhấp vào dấu 3 chấm > Thêm vào các khối có thể tái sử dụng

Trình chỉnh sửa khối wordpress

Trình chỉnh sửa khối wordpress

Bạn có thể quản lý các khối tái sử dụng bằng cách nhấn dấu 3 chấm và nhấn Manage Reusable blocks

Trình chỉnh sửa khối wordpress

Lúc này, giao diện quản lý các block tái sử dụng sẽ xuất hiện, hãy thử chỉnh sửa block tái sử dụng mà chúng ta vừa tạo

Trình chỉnh sửa khối wordpress

Ví dụ, mình đã sửa tên của block tái sử dụng để dễ nhớ như sau

Trình chỉnh sửa khối wordpress

Lưu ý. bạn hoàn toàn có thể xuất/nhập dữ liệu về các khối sử dụng lại và chuyển nó sang một trang web khác để tiết kiệm thời gian tạo lại khối

Bước 3. Thêm khối tái sử dụng vào bài đăng

Vì vậy, chúng ta vừa tạo thành công một khối tái sử dụng, giờ hãy thử chèn nó vào một bài viết trên trang web nhé

Bạn nhấn dấu cộng, chuyển sang tab Có thể sử dụng lại và chọn khối mà bạn muốn

Trình chỉnh sửa khối wordpress

And here is results

Trình chỉnh sửa khối wordpress

cuối cùng

Các khối tái sử dụng sẽ tiết kiệm điện cho bạn rất nhiều thời gian và công sức trong công việc phải tạo đi tạo lại các khối với nội dung trùng lặp. Bạn có thể tạo sẵn các khối để kêu gọi người đọc theo dõi kênh Youtube như mình hoặc chí chí tạo Chắc chắn một nút rồi chỉnh sửa sang cho nó thật đẹp mắt (ví dụ thêm biểu tượng Gutenberg chẳng hạn) để sử dụng lại nhiều lần

Chúc bạn thành công và đừng quên theo dõi những bài viết tiếp theo của Titanweb để cập nhật những tin tức và thủ thuật mới nhất về WordPress nhé!

Như trong bài viết trước chúng ta đã biết Gutenberg là một trình soạn thảo mới cho WordPress, với những tính năng mới hứa hẹn sẽ thay thế hoàn thành toàn bộ trình soạn thảo hiện tại TinyMCE. Xem thêm. Gutenberg là gì

Trong bài viết này chúng ta sẽ tìm hiểu về cách sử dụng Gutenberg như thế nào và một số phím tắt giúp sử dụng ứng dụng nhanh chóng và thuận tiện hơn

Giao diện của Gutenberg

Chúng ta sẽ xem xét chi tiết giao diện của Gutenberg

Trình chỉnh sửa khối wordpress
A. Thêm khối (khối) mới B. Hoàn tác/Làm lại tương tự trình soạn thảo văn bản khác C. Truy cập phần cài đặt tài liệu bao gồm danh mục và thẻ, hình ảnh nổi bật tương tự như phần thanh bên trong trình chỉnh sửa WordPress hiện tại. Đ. Truy cập cài đặt cho khối đang chọn. e. Truy cập bản xem trước bài đăng/trang đang soạn thảo và xuất bản. F. Phần nội dung của bài viết/trang.

Sử dụng Block trong Gutenberg

Để thêm khối mới chúng ta sẽ nhấp vào biểu tượng có dấu + và chọn khối cần thêm

Trình chỉnh sửa khối wordpress
Trong hình minh hoạ trên đó là cách thêm 1 đoạn khối cơ bản. Tuy nhiên, Gutenberg có sẵn nhiều Block khác nhau được nhóm thành các nhóm khác nhau.
Trình chỉnh sửa khối wordpress

  • Phần Gần đây và Lưu. những khối này hay sử dụng
  • Khối & Nhúng. Tất cả các khối Các khối trong tab Khối
  • khối chung. Chứa các khối cơ bản như Image, Paragraph​, Heading, Quote
  • định dạng. cho bạn thêm vào nội dung đã được định dạng sẵn như Pullquote, Table, Classic
  • Khối bố cục. bao gồm Text Columns (tác văn bản thành 2 cột), Button, Separator, More
  • tiện ích. cho phép bạn thêm shortcode, bài viết mới nhất (bài viết mới nhất), chuyên mục. Các Chặn trong tab Nhúng
  • YouTube
  • Facebook
  • Twitter
  • Instagram

Các phím tắt trong Gutenberg

Để sử dụng Gutenberg một cách chuyên nghiệp và tiết kiệm thời gian, chúng ta nên tìm hiểu về các phím tắt. Phím tắt toàn cầu Gutenberg

Phím tắt ActionMac Phím tắt Windows ShortcutHiển thị cửa sổ phím tắtCtrl Opt HAlt Shift HLưu các thay đổi của bạnCmd SCtrl SUHoàn tác các thay đổi cuối cùng của bạnCmd ZCtrl ZLàm lại hoàn tác cuối cùng của bạnCmd Shift ZCtrl Shift ZHiển thị hoặc ẩn thanh bênCmd Shift ,Ctrl Shift ,Điều hướng đến phần tiếp theo của trình chỉnh sửaCtrl `Ctrl `Điều hướng đến phần tiếp theo của trình chỉnh sửa

Phím tắt khối Gutenberg

Phím tắt ActionMac Phím tắt Windows Phím tắtSao chép (các) khối đã chọn Cmd Shift DCtrl Shift DXóa (các) khối đã chọn Cmd Opt BackspaceCtrl Alt BackspaceChèn một khối mới trước (các) khối đã chọn Cmd Opt TCtrl Alt TChèn một khối mới sau (các) khối đã chọn

Kết luận

Hy vọng qua bài viết này sẽ giúp các bạn có thể bước đầu quen hơn với việc sử dụng Gutenberg trong WordPress. Trong các bài viết sau chúng ta sẽ tìm hiểu về cách viết mã để thêm khối cho Gutenberg. Tham khảo. https. //khối nguyên tử. com/use-gutenberg-like-a-pro-with-keyboard-shortcuts/