Slider là một trong các yếu tố bạn thường thấy trên website. Dễ triển khai, đẹp mắt, và rất thu hút người xem chính là lý do vì sao rất nhiều chủ website sử dụng nó. Bạn chỉ cần có ảnh đẹp là được. Bạn còn có thể tạo hiệu ứng để chuyển đổi từ ảnh này sang ảnh khác.

Sliders (hay carousels) là một tính năng khá đơn giản. Slider là tập hợp một số hình ảnh có thể chuyển đổi, dịch chuyển một cách tự động hay thông qua một nút nhất. Nó giống như một bộ hình chiếu slideshow vậy.

Bạn có thể làm nhiều thứ với slider WordPress. Bạn có thể thêm hiệu ứng chuyển đổi ảnh vui nhộn, chỉnh chữ hiện trên nó, tạo một nút đặc biệt, vâng vâng. Tóm lại, có nhiều cách thực hiện để cho slider không bị nhàm chán và khiến web page của bạn trông thú vị, độc đáo hơn.

Sau đây Hitime sẽ hướng dẫn các bạn tạo banner slider đơn giản cho trang web. Trong bài này mình sẽ làm trong 1 UX Block để gắn vào giao diện trang chủ.

Bước 1: các bạn tạo 1 UX block -> các bạn tìm đến mục slider trong bảng tùy chọn

Bước 2: sau đó các bạn nhấn vào dấu cộng trên màn hình., lúc này bảng tùy chọn hiện ra các bạn chọn cho mình cái banner.

Ở bước này các bạn muốn slider của bạn có nội dung mấy trang thì các bạn chỉ cần thêm vào thôi. Ở đây mình sẽ bỏ vào 2 cái.

Bước 3: slider có thể tùy biên theo sở thích và mắt nhìn của bạn.

Các bạn có thể để thêm nhiều thứ vào banner của mình như là ảnh, nút, text,…

Bước 4: ở bước này các bạn có thể gắn vào trang web của bạn rồi. Các bạn nhấn nút update ở phía dưới rồi thoát ra ngoài.

Trên phía header có phần edit page, các bạn nhấn vào đó.

Các bạn nhấn vào bảng tùy chọn -> block -> select cái UX block vừa mới tạo ra và nhấn save lại là xong.

Ở trên là bài viết hướng dẫn các bạn tạo 1 slider đơn giản. Chcus các bạn thành công.

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *