Cách làm menu dính – float menu website WordPress

cách làm float menu-menu dính trên màn hình website wordpress 2020

Nhiều bạn làm website wordpress rất thích tạo một thanh menu phụ dính trên màn hình khi cuộn trang, nhưng khổ nổi không biết code thì làm sao bây giờ? Bài viết này mình hướng dẫn các bạn cách chúng ta làm một Float menu với plugin Side Menu Lite. Nếu bạn chưa biết menu dính nó trông như thế nào có thể nhìn vào góc phải màn hình bài viết của mình sẽ thấy cái phần mà bạn kéo chuột cỡ nào nó cũng đứng y nguyên không nhúc nhích, vâng, nó đó, nó là menu dính đó các bạn.

Lưu ý: Tiêu chí của website sangsieusale.com là dạy làm webiste wordpress cho những người không biết gì về lập trình!

cách làm float menu-menu dính trên màn hình

Cách làm menu dính hay còn gọi là Float menu với plugin Side Menu Lite

Bước 1

Tại thanh quản trị web wordpress, vào Plugin và cài mới, trên thanh tìm kiếm các bạn gõ Side menu lite.

cách làm float menu-menu dính trên màn hình 1

Bước 2 :

Sau khi kích hoạt plugin các bạn vào cài đặt, giao diện của plugin trông như thế này nhé!

cách làm float menu-menu dính trên màn hình website

Bước 3 :

Tại bảng quản lí plugin nhấn Add new

cách làm float menu-menu dính trên màn hình website wordprress

Bước 4 : Chỉnh style cho menu dính

cách làm float menu-menu dính trên màn hình website wordprress 1

Trong phần này chúng ta nên chỉnh theo kích thước phù hợp với website, thông số mặc định sẽ che mất một phần bài viết, vì thế các bạn có thể tắt trên thiết bị di dộng bằng cách tick vào ô  

Còn nếu các bạn muốn menu này dính trên màn hình di dộng thì thông số cài đặt tối ưu là :

Item Height : 20

Font Size : 15

Icon size : 20

Space between items : 5

Nhấn Save

Mình đã thử trên website và đây là cài đặt tốt nhất cho thiết bị di động vì nó không che mất phần nội dung của các bạn trên website.

Bước 5 :

cách làm float menu-menu dính trên màn hình website wordprress 2020

Phần này các bạn vừa nhìn là biết làm liền thôi :

Icon : chọn hình icon bạn thích nè

Label tex : Đặt tên cho icon

Link : dán link bạn muốn đưa người dùng đến khi click vào

Nhấn Add nếu bạn muốn thêm vào menu nhiều tab hơn.

Save lại là xong, bây giờ ra trang chủ tận hưởng thành quả nào.

Và đây là toàn bộ cách làm menu dính – Float menu bằng plugin Side Menu Lite. Nếu bạn đã thực hiện thành công hãy chia sẻ với bạn bè nhé! Hoặc nếu bạn có cách khác hay hơn, ngon hơn hãy để lại ở phần bình luận nha! Chúc các bạn luôn thành công!

 

Giới thiệu Sangsieusale 559 bài viết
Sangsieusale vừa là writer vừa là gamer, các bài viết chia sẻ luôn MIỄN PHÍ, bạn cần gì cứ nhập câu hỏi vào khung bình luận, đừng ngại vì bạn sẽ được phục vụ miễn phí! Website Free nên muốn tặng cho mình chút thu nhập hãy nhấp vào quảng cáo, 1 click mình được 200 VND đồng 😂. Cảm ơn các bạn đã ủng hộ 200 đồng cho Sáng😍😍
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
Xem tất cả các bình luận