如何定制自定义Wordpress主题导航栏？-Java 学习之路

你好研究员

我想集中导航并研究并且不知道要插入到我从HTML转换为Wordpress的自定义主题的代码 . （我对Wordpress主题开发有点新）

我自定义的wordpress主题已经拉出wordpress上的任何菜单并将其插入 .

但我只需要帮助集中菜单 . 观察下面的图片......菜单离左边太远了 .

这是我目前在网站上的“header.php”中显示的一些相关代码，它显示了WordPress菜单 .

（Header.php文件）

<nav class="menubar"> <ul id="menu"> <?php wp_nav_menu();?> </nav>

Image of my navigation menu which appears more on the left side.

附：请帮我简单地集中我的菜单，你的回答是最受欢迎的 .

2 回答

.menubar, #menu {
    width:100%;
}

#menu {
    text-alighn:center;
    padding:0;
    margin:0;
}

回复于 2024-05-02T05:45:11+08:00

或者您也可以将导航栏包装在包装器div中，并为其提供与站点主要内容相同的宽度（这可能是也可能不是您要查找的内容） .

<div class="nav-wrapper">
<nav class="menubar">
    <ul id="menu">
    <?php wp_nav_menu();?>
    </nav></div>

.nav-wrapper{
max-width: 1170px; /* let's say this is the width of the main div */
display: block;
margin: 0 auto;
}

回复于 2024-05-02T05:45:11+08:00

如何定制自定义Wordpress主题导航栏？

2 回答

相关问题