wordpress 菜单自定义样式

编辑整理：整理来源：优酷，浏览量：107，时间：2023-03-20 13:45:02

前沿：wordpress 菜单自定义样式

补充知识：登陆博客后台，点击”外观”选项卡下的”编辑”选项进入主题编辑界面
选择functions.php文件进行编辑，在<?php后面添加以下代码 
// 自定义菜单
register_nav_menus(
array(
'header-menu' => __( '导航菜单' ),
)
);


在你希望展示菜单的地方插入以下代码，这个是在header.php中的范例
<?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>

wordpress本身就支持自定义菜单！

看我的博客：袋袋博客 http://www.daidaix.com/

3.0.1之后不是开始有这个功能了么。。

什么意思？是不是添加多个菜单后主页依然只显示一个？

什么是自定义菜单？

---

预览图

这是一款简洁的WordPress主题-YUMU，你也可以叫它的中文名称“语幕主题”，主题非常简洁也非常的纯粹，只适合用来写写博客没有一丝多余的功能。因为有不少网友来问过我用的是什么主题，能不能开源，在百般考虑后还是决定开放出来与大家共享，就当是受惠于社区也反哺于社区吧。

在线演示：https://www.yumus.cn/

下载链接：https://github.com/asir3q/yumu

主题在后台仅支持设置页眉和页脚的菜单，且仅支持二级菜单（其他等级菜单未写适配样式），也就是说除文章内容、友情链接和菜单以外的所有内容都不支持在后台进行修改，当然主题因为简洁简单需要你自行修改的地方也不多。

修改方法网站LOGO：打开header.php文件，找到第24行，将LOGO链接替换成你的即可。页脚描述：打开footer.php文件，从第7行开始至第14行结束，你都可以进行改动。功能支持代码高亮：后台编辑文章时添加“代码”区块，编辑你的代码即可，主题内置了highlightjs，发布文章后前端会自动识别代码语言并高亮显示。额，好像没有了，就一个代码高亮。特点原生JS除代码高亮以外没有使用任何前端插件。完美的自适应，无论是电脑、平板还是手机每一处都能进行完美的适应。自适应表格，表格再后台编辑文章时仅支持添加行和列，但不影响表格再前端的完美展示，不信你就试试。文章样式

主题不完全支持古腾堡编辑器，之所以这么说是为了防止过多的样式内容拖垮加载速度，因此编辑文章无论你对古腾堡的区块如何进行设置在前端都看不到任何效果（因为我们不加载后台样式）。

仅支持在后台编辑段落、标题、列表、引用、代码、表格，链接。

部分样式预览

不管代码写得咋样，毕竟我费了一番心血，代码未加密但希望能给我保留个版权链接。

---

补充拓展：wordpress 菜单自定义样式

1.首先找到wordpress菜单中的class类名

2.在wordpress模版目录下一般在wp-content\themes\主题名，找到style.css
抓语强3.在style.css中为类名添加样式，如下：
.menu-item:{color:red;}
这样就可以设计菜担江落船干胜用写单css样式了

行业热门话题：

【wordpress怎么修改菜单样式】【wordpress自定义css】【wordpress 自定义页面】【wordpress添加菜单】【wordpress自定义api】【wordpress 设置】【wordpress没有样式】【wordpress子菜单】【wordpress自定义文章模板】【wordpress 自定义表单】