Bài viết Hướng dẫn tạo UX Blocks flatsome trong WordPress .UX Block là một tính năng mạnh mẽ trong theme Flatsome, giúp bạn tạo ra các khối nội dung tùy chỉnh và dễ dàng tái sử dụng trên nhiều trang và bài viết khác nhau trong website của bạn. Với UX Block, bạn có thể thiết kế các đoạn mở, banner, form liên hệ, danh mục sản phẩm, và nhiều loại nội dung khác mà không cần phải viết mã.
Hướng dẫn tạo UX Blocks flatsome trong WordPress
Bước 1: Đăng nhập vào WordPress
Đầu tiên, bạn cần đăng nhập vào trang quản trị WordPress của mình.
Bước 2: Tạo UX Block mới
- Đi tới Dashboard của WordPress: Từ menu bên trái, chọn “UX Blocks”. Nếu bạn không thấy tùy chọn này, hãy đảm bảo rằng theme Flatsome đã được kích hoạt và cài đặt đúng cách.
- Thêm mới: Nhấp vào “Add New” để tạo một UX Block mới.
Bước 3: Thiết kế đoạn mở
- Đặt tên cho UX Block: Đặt tên cho UX Block mới, ví dụ như “Đoạn Mở Trang Chủ”.
- Thiết kế bằng UX Builder: Nhấp vào “Edit with UX Builder” để mở trình chỉnh sửa UX Builder.
- Thêm nội dung: Sử dụng các phần tử (elements) trong UX Builder để tạo đoạn mở. Bạn có thể kéo và thả các phần tử như văn bản, hình ảnh, nút bấm, v.v. để thiết kế đoạn mở theo ý muốn.
- Lưu lại: Sau khi thiết kế xong, nhấp vào nút “Save” để lưu lại UX Block.
Bước 4: Chèn UX Block vào trang hoặc bài viết
- Đi tới trang hoặc bài viết: Mở trang hoặc bài viết nơi bạn muốn chèn UX Block.
- Chèn UX Block: Trong trình chỉnh sửa nội dung, sử dụng shortcode hoặc UX Builder để chèn UX Block vừa tạo vào. Shortcode của UX Block thường có dạng
block id="1234", với “1234” là ID của UX Block.
Ví dụ về Shortcode
Nếu bạn muốn sử dụng shortcode để chèn UX Block vào bài viết hoặc trang, bạn có thể sử dụng đoạn mã sau:
Open this in UX Builder to add and edit content
Hãy thay “1234” bằng ID của UX Block bạn đã tạo.
Kết Luận
Với UX Block trong theme Flatsome, bạn có thể dễ dàng tạo và quản lý các khối nội dung tùy chỉnh, giúp tối ưu hóa giao diện và trải nghiệm người dùng trên trang web của bạn. Tận dụng tính năng này để tạo ra các đoạn mở ấn tượng và chuyên nghiệp cho website của bạn.