Share Code Web - Chia sẻ niềm đam mê bất tận > Lập trình > Web Design > Wordpress Tips > Tạo thanh Navigation Scrolling trong wordpress
Tạo thanh Navigation Scrolling trong wordpress
Nguyễn Trung Hiếu
Share Code Web Company 2012

Tạo thanh Navigation Scrolling trong wordpress

Scrolling Navigation Bar là thanh menu cố định phía trên trình duyệt, khi bạn scroll chuột xuống dưới thì menu không bị mất mà vẫn cố định như vậy. Bài viết sẽ hướng dẫn bạn tạo một thanh như vậy trong wordpress.

Bước 1: Tạo thêm một vùng menu trong function.php
Đầu tiên chúng ta phải tạo ra một vùng menu mới trong file function.php bằng đoạn mã sau đây

Nếu như bạn đã có hàm register_nav_menus rồi thì chỉ việc copy đoạn bên trong hàm và paste thêm vào thôi.
Bước 2: Thêm menu vào vùng trên
Bạn vào trong phần quản trị của wordpress. Sau đó tạo thêm một menu mới, thêm các item mới vào menu này. Ở đây tôi thêm 4 item đó là Home, Store, Events, Blog.
scrolling navigation bar
Bước 3: Gọi menu ra ngoài theme
Tiếp theo là phần hiển thị menu ra bên ngoài. Bạn vào file header.php thêm vào đoạn code bên dưới để gọi menu ra

scrolling navigation bar
Bước 4: Style cho menu
Cuối cùng là dùng css để style cho menu của chúng ta, ở đây bạn có thể tùy chọn miễn sao cho vừa mới ý bạn nhé

Vậy là xong rồi đó, bạn có thể tạo cho mình một thanh scrolling giống y chang thanh admin bar của wordpress rồi đó, chúc bạn có những website thật đẹp

Related Posts

Tác giả: Nguyễn Trung Hiếu

Một blogger ... cùi bắp! Đơn giản: tôi muốn ghi lại những gì xảy ra xung quanh, cả công việc lẫn cuộc sống và chia sẻ với các bạn đọc. Nếu bạn cảm thấy bài viết có nhiều điểm không chính xác, hãy comment và chia sẻ để tôi còn được học hỏi từ những góp ý của bạn. Email: hieunt.dcn@gmail.com

Leave a comment

Bạn phải Đăng nhập để tham gia bình luận.

https://sharecodeweb.net/?s={search_term_string}

Blog Stats

  • 5.852 hits
%d bloggers like this: