Menu thông thường chỉ được xài cho Header và Footed tuy nhiên nếu bạn muốn phá cách mang menu đi khắp mọi nơi thì hãy biến em nó thành Shortcode rồi xài nhé! Đoạn code biến menu thành shortcode chỉ bao gồm vài dòng như bên dưới
1 2 3 4 5 6 |
//Codfe.com Tạo shortcode menu [menu name="menu_name"] function print_menu_shortcode($atts, $content = null) { extract(shortcode_atts(array( 'name' => null, 'class' => null ), $atts)); return wp_nav_menu( array( 'menu' => $name, 'menu_class' => 'myclass', 'echo' => false ) ); } add_shortcode('menu', 'print_menu_shortcode'); |
Css cho menu dọc thành ngang
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
#header { background-color:#565656; color:white; text-align:center; height:10%; } #header ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; text-align:center; } #header li { display:inline; } #header li a { display: inline-block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; vertical-align: middle; } #header li a:hover { background-color: #111; } |
Bài viết mới:
- Những ứng dụng có thể thay thế cho Microsoft Office
- 4 cách tăng kích thước upload size trên WordPress
- 3 đoạn code cần phải có để link chuẩn SEO cho web wordpress
- Ẩn toàn bộ các phương thức shipping khác khi “free shipping” được kích hoạt trong woocommerce
- Thêm class active cho thẻ a đang trùng với link hiện tại của website