Tạo shortcode cho menu để dùng khắp mọi nơi :>

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

//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');

//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

#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;
}

#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;

}

5/5 - (1 bình chọn)

Bài viết mới:

code, CSS, Thủ thuật

Tạo shortcode cho menu để dùng khắp mọi nơi :>

Bài viết cùng chủ đề:

Kiểm tra và tự Khởi Động Lại MySQL Khi Quá Tải Trên Máy Chủ Linux, VPS, aaPanel

Tạo bảng với nút tìm kiếm dữ liệu / How to – Filter/Search Table

Nội dung mặt định file .htaccess trong WordPress

Css hiệu ứng chữ nhấp nháy – blinking/flashing text with CSS 3

Lưu và xem Clipboard (Ctr+C) trong Windows 10

Tạo nút Read More / Read Less (Xem thêm / Ẩn nội dung) cho nội dung quá dài trong wordpress

Css thường dùng, cách tùy biến contact form 7

Tạo menu riêng cho từng trang Flatsome

Aiken Trung