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ủ đề:

Kỹ thuật dồn các icon vào 1 file để hiển thị khi làm web

CodePen Home Textarea Tabs + Syntax Highlighting

Tạo đồng hồ đếm ngược trong wordpress bằng PHP – JavaScript Countdown Clock

Cách bỏ trường website trong bình luận của WordPress

Count Up Number trên themes Flatsome như thế nào?

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

Aiken Trung