Cách chọn và sử dụng block lồng nhau trong WordPress

Mục lục

Bạn có muốn tìm hiểu cách chọn và sử dụng các block lồng nhau trong WordPress không?

Tính năng block lồng nhau của Gutenberg cho phép bạn thêm nhiều block trong một block cha. Sau đó, bạn có thể custom các thành phần block khác nhau cùng lúc, sắp xếp content bài đăng hiệu quả và truy cập nhiều tính linh hoạt hơn trong thiết kế.

Trong bài viết này, WPBeginner Việt Nam sẽ chỉ cho bạn cách dễ dàng chọn và sử dụng các block lồng nhau trong WordPress.

Chọn và sử dụng các block lồng nhau trong WordPress

Khối lồng nhau trong WordPress là gì?

Tính năng block lồng nhau của WordPress Gutenberg cho phép bạn chèn (hoặc ‘lồng’) một hoặc nhiều block vào trong một block khác.

Các block lồng nhau giúp bạn tạo các layout phức tạp hơn trên website WordPress của mình bằng cách thêm nhiều block vào nhau. Điều này cho phép linh hoạt hơn khi thiết kế và định dạng content cho các trang và bài đăng.

Ví dụ, bạn có thể lồng nhiều block Hình ảnh vào trong một block Nhóm để hiển thị một bộ ảnh từ một sự kiện cụ thể hoặc một loạt tác phẩm nghệ thuật được tạo ra bằng một kỹ thuật cụ thể.

Xem trước các block lồng nhau của WordPress

Ngoài ra, tính năng block lồng nhau cho phép bạn chỉnh sửa từng block riêng biệt. Điều này có nghĩa là bạn có thể custom từng block theo nhu cầu của mình mà không ảnh hưởng đến các block khác.

Đổi lại, điều này sẽ giúp tổ chức content tốt hơn, hấp dẫn hơn và hợp lý hóa quy trình sáng tạo.

Sau đây, chúng ta hãy xem cách bạn có thể dễ dàng chọn và sử dụng các block lồng nhau của WordPress Gutenberg.

Cách sử dụng các block lồng nhau của WordPress

Bạn có thể dễ dàng lồng nhiều block lại với nhau bằng cách sử dụng block Nhóm hoặc Cột trong trình chỉnh sửa block Gutenberg.

Đầu tiên, bạn cần mở bài viết hiện có hoặc mới trong trình chỉnh sửa block từ sidebar quản trị WordPress.

Từ đây, chỉ cần nhấp vào nút thêm block ‘+’ ở góc trên bên trái của màn hình và tìm block Nhóm. Khi nhấp vào và thêm vào trang, bạn phải chọn layout cho các block mà bạn sẽ lồng vào nhau.

Trong hướng dẫn này, chúng ta sẽ chọn layout ‘Nhóm’.

Chọn block Nhóm từ menu block

Tiếp theo, chỉ cần nhấp vào nút ‘+’ trên màn hình để bắt đầu thêm content vào block cha.

Trong hướng dẫn này, chúng ta sẽ thêm block Hình ảnh.

Thêm block hình ảnh vào block Nhóm

Khi thêm block, chỉ cần nhấp vào nút ‘Nhóm’ trên thanh công cụ block ở trên cùng để chọn block cha.

Tiếp theo, bạn cần nhấp vào nút ‘+’ để mở lại menu block, từ đó bạn có thể chọn các block khác để thêm.

Mở menu block để thêm block khác vào block Nhóm

Cách cấu hình cài đặt block lồng nhau của WordPress

Sau khi bạn đã lồng nhiều block, bạn có thể cấu hình các thiết lập riêng lẻ của chúng bằng cách nhấp vào từng block. Thao tác này sẽ mở các thiết lập block ở cột bên phải trên màn hình.

Từ đây, bạn có thể điều chỉnh màu nền, màu chữ và kích thước của từng block mà không ảnh hưởng đến các block khác được lồng vào bên trong.

Cấu hình các thiết lập block riêng lẻ

Để cấu hình cài đặt của tất cả các block lồng nhau, bạn sẽ phải nhấp vào nút ‘Nhóm’ trên thanh công cụ block ở trên cùng. Thao tác này sẽ mở cài đặt block cha ở cột bên phải.

Bây giờ bạn có thể cấu hình căn chỉnh, hướng, màu nền, màu chữ và kiểu chữ của tất cả các block lồng nhau.

Hãy nhớ rằng những thiết lập này sẽ ảnh hưởng đến tất cả các block được lồng trong block cha.

Cấu hình cài đặt của block Nhóm

Bạn cũng có thể chuyển đổi một block riêng lẻ hiện có thành các block lồng nhau bằng cách nhấp vào nút ‘Tùy chọn’ trên thanh công cụ trên cùng của bất kỳ block nào.

Thao tác này sẽ mở ra một menu nhắc nhở, tại đó bạn cần chọn option ‘Tạo mẫu’.

Tạo một mẫu

Sau khi thực hiện xong, một lời nhắc sẽ hiện ra yêu cầu bạn đặt tên và chọn category cho block có thể tái sử dụng mới của bạn.

Sau đó, nhấp vào nút ‘Tạo’ để lưu cài đặt của bạn.

Thêm tên cho mẫu

Sau khi bạn đã hài lòng, đừng quên nhấp vào nút ‘Xuất bản’ hoặc ‘Cập nhật’ để Save Changes.

Trong ví dụ này, WPBeginner Việt Nam đã lồng block Tiêu đề, Hình ảnh và Đoạn văn vào trong block Nhóm.

Đây là giao diện của các block lồng nhau trên website demo của WPBeginner Việt Nam.

Xem trước các block lồng nhau của WordPress

Phần thưởng: Sử dụng Plugin Wayfinder để dễ dàng chọn các block lồng nhau

Đôi khi, việc chọn một block riêng lẻ và định cấu hình block đó có thể khó khăn khi có nhiều block lồng vào nhau.

May mắn thay, plugin Wayfinder giúp bạn dễ dàng chọn các block lồng nhau từ một block cha và thậm chí còn cho bạn biết loại và lớp của các block.

Đầu tiên, bạn sẽ cần phải cài đặt và kích hoạt Người tìm đường plugin. Để biết thêm hướng dẫn, hãy xem hướng dẫn dành cho người mới bắt đầu về cách cài đặt plugin WordPress.

Sau khi kích hoạt, hãy đến Cài đặt » Wayfinder trang từ sidebar quản trị WordPress.

Khi bạn đã vào đó, tất cả các cài đặt sẽ được kích hoạt. Bạn chỉ cần bỏ chọn hộp bên cạnh các cài đặt mà bạn không muốn sử dụng.

Ví dụ, nếu bạn muốn Wayfinder hiển thị các loại block cho tất cả các block trong trình chỉnh sửa, hãy giữ nguyên hộp chọn bên cạnh option ‘Hiển thị loại block’.

Cấu hình cài đặt plugin Wayfinder

Tuy nhiên, nếu bạn không muốn plugin hiển thị các lớp block, chỉ cần bỏ chọn hộp bên cạnh option đó.

Sau khi cấu hình xong các cài đặt, đừng quên nhấp vào nút ‘Lưu thay đổi’.

Tiếp theo, bạn cần mở bài đăng hiện có hoặc mới trong trình chỉnh sửa block WordPress từ dashboard.

Khi bạn ở đó, di chuột qua bất kỳ block bên trong nào sẽ hiển thị phác thảo có tên của block đó. Bạn cũng có thể thấy phác thảo và tên của bất kỳ block lồng nhau nào trong block cha.

GIF cho plugin Wayfinder

Điều này sẽ giúp bạn xác định tất cả các block khác nhau được lồng vào nhau trong block Nhóm hoặc block Cột.

Từ đây, bạn có thể dễ dàng chọn một block riêng lẻ từ block cha để cấu hình cài đặt cho block đó.

Sử dụng plugin Wayfinder để dễ dàng chọn một block

Bạn cũng có thể chọn tất cả các block lồng nhau cùng lúc bằng cách chỉ cần nhấp vào tiêu đề ‘Cột’ hoặc ‘Nhóm’. Thao tác này sẽ mở cài đặt block cha ở cột bên phải.

Sau khi bạn đã cấu hình xong các thiết lập block, chỉ cần nhấp vào nút ‘Cập nhật’ hoặc ‘Xuất bản’ để Save Changes.

Nhấp vào phác thảo block Nhóm để mở cài đặt của nó

Chúng tôi hy vọng bài viết này giúp bạn học cách chọn và sử dụng các block lồng nhau của WordPress. Bạn cũng có thể muốn xem hướng dẫn từng bước của WPBeginner Việt Nam về cách thay đổi chiều cao và chiều rộng của block trong WordPress và các lựa chọn hàng đầu của WPBeginner Việt Nam về các plugin WordPress cần có để giúp phát triển website của bạn.

Nếu bạn thích bài viết này, vui lòng đăng ký theo dõi WPBeginner Việt Nam Kênh Youtube cho các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy WPBeginner Việt Nam trên TwitterFacebook.

5/5 - (67 bình chọn)
Facebook
Twitter
LinkedIn
Telegram
Email
Đội Ngũ Biên Tập
WordPress

Đánh giá Sucuri – Sucuri đã giúp WPBeginner Việt Nam chặn 450.000 cuộc tấn công WordPress trong 3 tháng như thế nào

Bất cứ khi nào WPBeginner Việt Nam được hỏi về các mẹo bảo mật WordPress, hai trong số các recommend hàng đầu của WPBeginner Việt Nam là có được giải pháp backup WordPress tốt và bắt đầu sử dụng tường lửa website Sucuri. Tại WPBeginner, WPBeginner Việt Nam đã thử

Đọc tiếp »
WordPress

Cách quản lý tốt hơn các cập nhật WordPress tự động

Chúng tôi quản lý nhiều website WordPress và hiểu rằng việc cập nhật chúng là điều cần thiết để đảm bảo tính bảo mật, hiệu suất và tính ổn định của chúng. Nhưng việc quản lý các bản cập nhật đó theo cách thủ công có thể tốn thời gian

Đọc tiếp »