Tạo widget sidebar menu tùy biến chuyên nghiệp cho wordpress

Tạo widget sidebar menu tùy biến chuyên nghiệp cho wordpress

Đây là phần mình được rất nhiều khách hàng yêu cầu khi thiết kế website. Bởi widget sidebar menu mặc định của wordpress rất xấu, tùy biến kém, hiển thị không đẹp mắt. Một số theme có hỗ trợ chức năng tạo menu dạng này, nhưng chủ yếu là các theme chuyên về webshop. Nếu tạo menu tùy biến cho 1 blog cá nhân, 1 trang tin tức thì phải làm như thế nào?

15 Likes Comment
widget-sidebar-accordion-menu

Widget sidebar menu mặc định của wordpress rất kém, mặc dù cả phần tin tức và phần shop (Woocommerce) đều được tích hợp sẵn nhưng tùy biến không cao. Nếu 1 website lớn có nhiều danh mục chính, mỗi danh mục đó lại có hàng chục danh mục con bên trong, vậy nếu hiển thị trên widget sidebar thì nó sẽ dài miên man, vô tận… Một số tùy biến có sẵn lại quá đơn giản, không trực quan, hiển thị xấu… nên gần như không ai muốn dùng chức năng này mà tìm một cách thay thế khác tối ưu hơn.

Widget sidebar menu mặc định của WordPress
Widget sidebar menu mặc định của WordPress

Widget sidebar accordion menu

Nói một cách dễ hiểu và dễ tưởng tượng nhất Accordion là tên một loại nhạc cụ chúng ta thường thấy trong các phim về chiến tranh của Nga.

Accordion menu

Vì có phần “co – giãn” mà cái tên Accordion được gán cho các dạng nội dung có thể ẩn hoặc hiển thị khi rê chuột qua hoặc click. Hiện nay rất nhiều website sử dụng chức năng accordion để giúp website thêm trực quan và thu hút khách hàng hơn.

Đầu tiên các bạn hãy tải về jquery-vertical-accordion-menu.3.1.2

Cài đặt và kích hoạt nó lên:

widget-sidebar-accordion-menu-3
Cài đặt và kích hoạt thành công plugin

Sau khi kích hoạt thành công, tại Theme option  —> Widget , kéo mục Jquery Vertical Accordion Menu sang vị trí widget bạn muốn hiển thị. Tại mục này có một số tùy chọn.

Phần tùy biến của jquery accordion menu
Phần tùy biến của jquery accordion menu

 

Tại đây có nhiều tùy chọn cho bạn:

  • Menu con sẽ hiện ra khi: rê chuột qua hay click chuột
  • Thời gian trễ (delay) sau khi rê chuột hoặc click (tính theo mili giây)
  • Tốc độ của các hiệu ứng chuyển động (xổ xuống – co lại)
  • Tự động hiển thị luôn những danh mục con bên trong hay ẩn đi? Chỉ hiện ra khi rê chuột qua hoặc click.
  • Giao diện có sẵn: Có nhiều tùy chọn cho bạn, Jquery accordion menu có sẵn một số style khá đẹp cho bạn lựa chọn.
  • Tùy chỉnh css style.
  • …………….

 

Chúc các bạn thành công. Nếu có bất kỳ thắc mắc, hoặc góp ý về bài viết, vui lòng để lại phản hồi.

 

 

5 (100%) 1 vote

Có thể bạn quan tâm

Thông tin tác giả: Bá Sỹ Phạm

Đam mê công nghệ thông tin, điều may mắn là tôi được làm đúng ngành nghề yêu thích....

Trả lời

Thư điện tử 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 *