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.
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ể.
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’.
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.
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.
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à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.
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’.
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.
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.
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’.
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.
Đ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 đó.
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.
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 Twitter Và Facebook.