Chào đọc giả của sum.services, chào mừng bạn đến với trang Techblog của sum.services! Chúng tôi sẽ cung cấp cho các bạn các thông tin cần thiết về kĩ thuật, cũng như là hướng dẫn các bạn sử dụng hệ thống website và tính năng của website.

Như các bạn đã biết thì một website nào bao giờ cũng có một slider banner để giúp website đó giới thiệu cũng như là chạy các chương trình khuyến mãi cho doanh nghiệp, cửa hàng của cá nhân người quản trị website đó. Vậy làm cách nào để thay đổi banner trên một website wordpress thì bài viết này sẽ hổ trợ, cũng như là cung cấp cho bạn cách để làm sao có thể thay đổi được banner trên website hoặc có thể tùy chỉnh một số nội dung của banner.

Để thay đổi cũng như là chỉnh sửa thông số của banner thì trước chúng ta phải đăng nhập vào trình quản trị admin của trang web. Sau khi đã đăng nhập vào trình quản trị thì bạn có 2 cách để thay đổi banner.

Cách 1: Bạn truy cập vào trang chủ của mình sau khi đã đăng nhập vào trình quản trị → Rê chuột đến mục banner của trang, tại đây sẽ xuất hiện cho chúng ta một hợp thoại chỉnh sữa Block → Chọn vào nút UX Builder.

http://techblog.sum.services/wp-content/uploads/2019/12/sum-services-blog17-1.png

Cách 2: Vào trang quản trị admin → UX Block → Chọn đến Block chứa banner của website → Edit with UX Builder.
http://techblog.sum.services/wp-content/uploads/2019/12/sum-services-blog17-2.png

Giao diện chỉnh sửa thay đổi banner sẽ xuất hiện để hổ trợ các bạn thay đổi cũng như tùy biến banner của trang web của mình.

http://techblog.sum.services/wp-content/uploads/2019/12/sum-services-blog17-3.png

Để chỉnh sửa banner bạn nhấn vào icon có biểu tưởng setting → Options để vào trình chỉnh sửa hoặc có thể nhấp đúp chuột vào hình banner thì hệ thống nó cũng sẽ hiển thị lên.
http://techblog.sum.services/wp-content/uploads/2019/12/sum-services-blog17-4.png

Ta bắt đầu tùy chỉnh  các thông số của banner:
Admin Label: Phần này dùng để đặt tên cho banner bạn có thể đặt tên cho nó hoặc không đặt cũng không sao.
Cao: Bạn có thể tùy chỉnh chiều cao của banner phù hợp với kích thước mà mình mong muốn
Slide Effect: Là hiệu ứng xuất hiện của banner khi truy cập hoặc reload lại website.
Ảnh: Là nơi bạn thay đổi hình ảnh nền cho banner, để thay đổi hình ảnh banner lúc trước bạn nhấn vào nút Change media
http://techblog.sum.services/wp-content/uploads/2019/12/sum-services-blog17-5.png

Hộp thoại thay đổi hình ảnh xuất hiện bạn có thể chọn hình ảnh banner có sẳn trong thư viện media của trang web hoặc các bạn có thể tải ảnh lên từ máy tính của bạn xong khi tải lên xong thì bạn nhấn vào nút Use this image để đổi hình ảnh nền banner.
http://techblog.sum.services/wp-content/uploads/2019/12/sum-services-blog17-6.png

Size: Phần này các bạn nên chọn kích thước size là Original để ảnh đạt được chất lượng tốt nhất như ảnh gốc mà bạn đã lựa chọn.
Màu sắc: Nếu banner của bạn không có hình nền thì bạn có thể chọn màu sắc bạn có thể chọn trong bản màu hoặc có thể lên mạng tìm những mã màu mình thích và coppy bỏ  vào ô chống của bảng màu.
http://techblog.sum.services/wp-content/uploads/2019/12/sum-services-blog17-7.png

Lớp phủ: Thì cũng tương tự như cách chọn màu thì lớp phủ ở đây nó sẽ phủ lên nền của bạn có thể là hình ảnh cũng có thể là màu một lớp màu mà bạn đã chọn ở phần đó.
Vị trí: Phần này các bạn sẽ tùy chỉnh vị trí của hình nền banner xuất hiện ra sao.
Hover: Phần này là hiệu ứng khi bạn rê chuột vào banner thì nó sẽ hover theo hiệu ứng bạn chọn. Ở đây tôi sẽ không mô tả từng hiệu ứng nó sẽ như thế nào phần này thì các bạn có thể thực hiện nó trực tiếp để biết.
Effects: Đây là hiệu ứng của banner làm cho nó sinh động hơn như: mưa, tuyết,…

http://techblog.sum.services/wp-content/uploads/2019/12/sum-services-blog17-8.png

Viền: phần này là bạn canh chỉnh lề của banner hoặc không cần tùy chỉnh cứ để mặc định. Thường thì phần này để mặc định của nó nhé.
http://techblog.sum.services/wp-content/uploads/2019/12/sum-services-blog17-9.png

Liên kết: Thường banner liên  quan tới chương trình quảng cáo hoặc là khuyến mãi gì đó thì bạn nên để đường dẫn đến chường trình đó vào đây.
Mục tiêu: Ở đây còn được hiểu là khi bạn nhấn vào banner thì nó sẽ dẫn các bạn đến cái đường dẫn mà bạn đã đính kèm.  Nếu bạn chọn Same Windown thì nó sẽ tải trang đó lên ngay tab mà bạn đang ở, còn nếu bạn chọn New Windown thì nó sẽ tải lên một tab mới.

http://techblog.sum.services/wp-content/uploads/2019/12/sum-services-blog17-10.png

Video: Bạn có thể thêm video vào banner của mình bằng coppy đường dẫn video trên Youtobe về và bỏ vào thôi. Nhưng thường thì một banner rất yếu khi chèn vào một video.

Class: tên của lớp banner thì phần này dành cho việc thị hiện kỉ thuật lập trình. Bạn đặt tên class cho banner để khi bạn muốn thay đổi gì thì bạn có thể code css để sửa.
Visibility: Phần này là bạn muốn nó hiển thị ở đâu như: visible là tất cả, only desktop, only mobile, hidden desktop,….
Sticky: Bạn lăng chuột lên xuống thì banner nó sẽ lăng thăng nếu bạn bật chế độ là On còn Off thì sẽ ngược lại. Thông thường thì không nên bật chế độ này vì kích thước banner khá lớn nên nó sẽ làm hạn chế tầm nhìn nếu bạn bật lên.

http://techblog.sum.services/wp-content/uploads/2019/12/sum-services-blog17-12.png

Cuối cùng sau khi bạn đã hoàn thành xong tất cả mọi thứ thị bạn nhấn chọn nút Apply → Update.

Trên đây là tất những điều cần thiết mà bạn phải biết khi muốn thay đổi cũng như là chỉnh sửa một banner website của bạn. Hi vọng với những kiến thức mà chúng tôi vừa cung cấp cho các bạn sẽ giúp các bạn có thể quản trị website của doanh nghiệp, cửa hàng của các bạn một cách tốt nhất. Chúc các bạn thành công trong việc thay đổi banner này nhé!

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 *