文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Wordpress菜单-图标未按wp_nav_menu的'after‘中指定的方式显示

WordPress菜单是WordPress网站中的导航栏，用于在网站中导航不同的页面或链接。图标未按wp_nav_menu的'after'中指定的方式显示可能是由于以下几个原因导致的。

  1. 主题不支持图标显示：有些主题可能没有内置的图标支持，因此无法按照wp_nav_menu的'after'中指定的方式显示图标。这种情况下，可以尝试使用其他支持图标的主题，或者自定义主题的代码以实现图标显示。
  2. 没有正确配置wp_nav_menu：wp_nav_menu函数是WordPress提供的一个用于显示菜单的函数，其中'after'参数用于在每个菜单项之后添加内容，包括图标。如果没有正确配置这个参数，图标就无法按照指定的方式显示。在使用wp_nav_menu函数时，需要确保正确地设置了'after'参数，以及提供正确的图标显示代码。
  3. 图标样式未加载或冲突：有时候，图标的样式文件可能未被正确加载，或者与其他插件或主题的样式文件发生冲突，导致图标无法按照预期的方式显示。可以通过检查网页源代码或浏览器开发者工具中的网络请求来确认图标样式文件是否正确加载，并检查是否存在样式冲突问题。

针对以上问题，可以尝试以下解决方案：

  1. 使用支持图标的主题：选择一个支持图标的WordPress主题，可以通过搜索WordPress主题库或第三方主题市场来找到适合的主题。
  2. 自定义主题代码：如果当前使用的主题不支持图标显示，可以自定义主题的代码，添加对图标的支持。可以参考Font Awesome或其他图标库的文档，将图标添加到菜单项的HTML标签中，并通过CSS样式进行调整。
  3. 检查配置和样式：确保正确配置wp_nav_menu函数的'after'参数，并提供正确的图标显示代码。同时，检查是否存在图标样式文件加载问题或样式冲突问题，可以通过查看网页源代码或浏览器开发者工具中的网络请求和样式信息来进行排查和修复。

腾讯云相关产品和产品介绍链接地址：

  • 云服务器（CVM）：提供可扩展的虚拟云服务器实例，适用于各种工作负载和应用场景。详细信息请参考：https://cloud.tencent.com/product/cvm
  • 云数据库 MySQL 版（TencentDB for MySQL）：高性能、可扩展的关系型数据库服务，适用于Web应用、移动应用和游戏等场景。详细信息请参考：https://cloud.tencent.com/product/cdb_mysql
  • 云原生容器服务（Tencent Kubernetes Engine，TKE）：提供高度可扩展的容器运行环境，用于部署、管理和自动化运维容器化应用程序。详细信息请参考：https://cloud.tencent.com/product/tke
相关搜索:如何在函数中定位特定的wordpress菜单(wp_nav_menu)？不显示以编程方式添加的菜单项图标Android:菜单中的图标不能正常显示font- mat select中很棒的图标未按预期显示如何删除最后一个“|，\，.”Wp_nav_menu()中的图标；从网站菜单打开？带有Divi的Wordpress不在主菜单中显示显示徽标如何修复无法在前端wordpress中显示的图标Wordpress页面上的移动菜单出现问题-菜单不显示菜单中的链接如何在wordpress类别侧边栏菜单中显示活动的子菜单如何在wordpress的“选项”菜单中显示单选按钮的值PHP/MYSQL按工作方式显示组中的hiscore，但未按预期显示在Honeycomb android 3.0中显示Action Bar菜单项的图标如何在Outlook for Web的菜单栏中显示外接程序图标？如何在导航抽屉菜单中显示国家标志而不是简单的图标Jmeter并发线程组，测试计划未按并发线程组图形中显示的方式执行如何将archive.php中的标签显示为Wordpress中的下拉菜单？右键单击系统托盘中的通知图标不显示上下文菜单Wordpress -尝试以两种不同的方式显示自定义表单中的日期在Android Studio中显示和隐藏带有碎片的工具栏中的菜单图标为什么我的菜单图标不显示在工具栏中，只显示空白工具栏
相关搜索:
页面内容是否对你有帮助？
有帮助
没帮助

相关·内容

wp_nav_menu 函数经Walker_Nav_Menu 类自定义导航菜单HTML

WordPress 中有一个导航菜单函数wp_nav_menu，通过这个函数可以控制菜单输出的HTML 结构，一般开发者用这个函数的一般是在输出HTML 中自定义一些id 或者class 而已，整体的HTML...项目的需求是各种各样的，了解如何自定义导航菜单HTML 结构就十分重要了。 wp_nav_menu 函数 囿于篇幅，本文不会教你怎么使用wp_nav_menu 函数，请自行补习。...Walker_Nav_Menu 的用法（例子） wp_nav_menu 函数中有个参数 $walker，“自定义的遍历对象，调用一个对象定义显示导航菜单。”...例子： 比如说WordPress 中输出二级菜单的话，ul 中类名默认是sub-menu，那我想改为child-menu，怎么办？...更多例子的话，最近发布EaseMobile 主题在导航栏上的图标设置就是采用了Walker_Nav_Menu 类自定义输出。

2.5K70

    • wordpress导航菜单详解及改造

    对于wordpress主题来说 wp的菜单是必不可少的 可以用于制作导航栏 也可以做侧边栏、页脚导航等等 只要熟练掌握 就能利用wp菜单做成想要的东西 话不多说 现在先讲一下菜单的创建 首先要开启导航菜单功能...当然照我所写代码也可 具体怎么使用稍后会讲 然后在wp后台菜单处显示如下 至于怎么设置菜单，具体见下面wordpress大学的教程 https://www.wpdaxue.com/wordpress-nav-menus.html...实际使用我们并不会用到这么多参数 根据实际需要来调整即可 theme_location导航别名 menu期望显示的菜单 container_idul父节点id值 container_classul父节点...class值 menu_classul节点class值 menu_idul节点id值 before菜单链接前的文本 after菜单链接后的文本 link_before每个菜单链接文本前的文本 link_after...://developer.wordpress.org/reference/functions/wp_nav_menu/ 下面是一些实例 如果只用最简单的代码 输出的结构是这样的 (方便起见，不写类名)

    3.1K70

    WordPress菜单函数wp_nav_menu各参数

    wordpress主题制作时，常常会在不同的位置调用不同的菜单，使用下面的这个代码，再加上CSS给菜单做新的样式，可满足wordpress模板制作时对菜单调用的所有需求。...wp_nav_menu( array('theme_location' => '',//导航别名'menu' => '', //期望显示的菜单'container' => 'div', //容器标签'container_class...，默认为真'fallback_cb' => 'wp_page_menu', //菜单不存在时，返回默认菜单，设为false则不返回'before' => '', //链接前文本'after' => ''..., //链接后文本'link_before' => '', //链接文本前'link_after' => '',//链接文本后'items_wrap' => '%3$s', //如何包装列表'depth...' => 0, //菜单深度，默认0'walker' => '' //自定义walker) );原文https://www.wowsoho.com/news/1844.html

    7310

    WordPress 技巧：给 wp_nav_menu 函数添加缓存，提高页面效率

    WordPress 自定义菜单功能是非常好用的一个功能，但是我们在实际使用的过程当中，却发现一个非常严重的问题，效率非常低下，如果自定义菜单比较复杂的话，会产生多达十几条甚至几十条的 SQL 查询，我认真查看了下...wp_nav_menu 函数的源代码发现其没使用进行缓存，但是 wp_nav_menu 又没有足够多的 hook，于是我只能重写了一个 wpjam_nav_menu 函数，使用 WordPress...Transients API 对生成的菜单进行缓存，大大提高页面的效率： /* Plugin Name: WPJAM Memcached Nav Menu Plugin URI: http://blog.wpjam.com...$menu->term_id, $menu_items, 3600); } return $menu_items; } //后台更新自定义菜单的时候，更新缓存 add_action(...然后在主题模板中（一般在 header.php 文件中）使用 wpjam_nav_menu 函数替代原来的 wp_nav_menu 即可。 ----

    39050

    使用 WordPress 的导航菜单

    WordPress 导航菜单系统的概述 首先我们简单解释下这个导航系统的几个概念： 主题位置：就是定义导航菜单在当前主题位置的名称，比如你在导航位置定义了一个菜单，名字就叫做导航菜单，那么这里就显示...使用 WordPress 的导航菜单 如何激活 WordPress 自带的导航菜单 要使用 WordPress 导航菜单功能，首先要给当前的主题注册导航菜单，从上面我们知道，我们可以注册一个或者多个导航菜单的主题位置...这里我们只注册一个导航菜单的主题位置： register_nav_menu( 'nav-menu', '导航菜单'); nav-menu 是这个导航菜单的名字，用来在函数中定义身份的，而“导航菜单”则是名称...添加和显示导航菜单 注册好之后，就可以到 WordPress 后台 > 外观 > 菜单 添加菜单，添加的菜单的顺序是这样的： 首先定义好一个单独的菜单。 然后吧这个菜单赋给一个主题位置。...然后我们到主题的显示菜单的位置通过以下 wp_nav_menu() 就能把刚才定义的菜单显示出来，当然 wp_nav_menu() 这个函数可以有非常详细的参数，但是这里只要简单使用就可以，在特殊的情况下才可能使用到

    2K10

    WordPress设置登陆用户和未登陆用户显示不同菜单

    说明：一般来说网站头部有一个导航菜单，有时候由于某些因素我们需要给登陆和未登陆用户分别显示不同的菜单项，这里说下方法。...1、创建两个菜单 先进入WordPress后台-外观-菜单中，创建两个菜单，菜单名称分别设置成：已登陆和未登录，并给这两个菜单分配不同的菜单项。...2、确定菜单位置名称 开始下一步前，我们需要知道菜单位置名称，也就是theme_location参数的值，用文本编辑器打开当前主题目录中的header.php，搜索wp_nav_menu一般都能找到这个值...，代码一般长这样： // theme_location后面的 top 就是我们要找的值 wp_nav_menu( array( 'theme_location' => 'top', 'menu_id'...// 下面的top改成第2步获取到的菜单位置名称 if ($args['theme_location'] == 'top') { if (is_user_logged_in()

    1.2K20

    WordPress 教程：在 WordPress 中如何使用 Dashicons

    Dashicons 是 WordPress 官方出的用于后台的图标字体，可以用于 WordPress 的各个地方，也可以用在 WordPreess 前台，但是你事先要加载相关的 CSS。...各个地方如何使用 Dashicons register_post_type() 中使用： 注册文章类型的时候，如果要自定义文章类型在后台左侧菜单的图标，可以指定 menu_icon 的参数为 dashicons...'menu_icon' => 'dashicons-products', ) ); }); add_menu_page() 中使用： 自定义后台页面的时候，也可以指定第六个图标的参数为...图标呢？...点击「WPJAM」菜单下的「 Dashicon」子菜单，首先看到的按照分类显示的所有 Dashicons 列表： 点击某个 Dashicon，就会显示大图，和其名称，对应的的 HTML 代码：

    87020

    WordPress日志、编辑类插件

    可以从指定的RSS/ATOM feed源中自动更新发布文章到你的WordPress博客. 想用WordPress做垃圾站的朋友可以好好的研究研究....两个插件虽然都涉及到字数统计, 但实质的字数判断应该是不同的. Category Icons 非常好用的WordPress文章分类图标插件. 可以让你为每个分类指定一个不同的图标....插件主页 postTabs postTabs可以让你用Tab切换模块的方式显示文章或页面. 比较有视觉效果, 或当内容比较多而又具有层次结构的时候使用....Article Templates 和上面介绍的Posts Templates插件一样, 也是为日志发表创建一个模板, 方便同类布局文章的发表. dTabs 这个WordPress插件创建一个Tab切换菜单和下拉菜单在你的控制面板...特别的这份随机日志列表包含每篇文章中的第一张图片, 显示成缩略图. 插件 主页 WP Post Icon 允许博客作者为文章上传和选择主题图标或图标,图标将自动显示在文章内.

    1.6K30

    泛在可用媒体播放器

    ，不管他们处于何种环境，而不是假设每个用户以完全相同的方式与媒体播放器交互。...因此，如果你把播放和暂停作为一个具体的例子来看这些图标，你会看到的不是按钮代表按下或未按下的东西，而是一个变化的图标，这意味着将要采取的行动正在变化，并由该图标代表。...例如，当按钮有播放图标时，如果我按下它，这意味着它将播放视频。然后显示暂停按钮图标。如果我按下它，它将暂停视频。...所以，在这种情况下，我们想把它也表示为一个按钮，但在这里，我们希望它仍然使用动词，就像我们对一个瞬间按钮，但不是一个动词，它将以一种与所表示的图标对应的方式改变。...交替锁定按钮 播放速率控制的建模更像是一个交替锁定按钮。它与旧设备的菜单按钮类似，可以让你按一个菜单，然后进入一个菜单状态。

    1.2K10

    Sticky Posts Switch插件教程WordPress中为分类添加置顶文章

    当您将新内容发布到您的网站时，之前的帖子会关闭并最终移动到存档页面。粘性帖子允许您在WordPress中添加精选帖子，并在您的网站主页上以不同的方式显示它们。...确保内容对您的读者保持相关性、准确性和吸引力！　　推荐：Astra主题怎么设置顶部固定菜单/粘性浮动菜单为什么要在WordPress类别添加置顶文章？　　...（帖子或自定义帖子类型）选择开关图标的颜色显示开关图标的列的自定义顺序仅使用内置的WordPress功能星形图标开关立即使用 ajax 将帖子保存为置顶状态可选地，将帖子的所有翻译设置为置顶，支持 Polylang...该插件还在WordPress仪表板的帖子设置中添加了一个星形图标。这使您无需打开内容编辑器即可快速将帖子置顶。　　3、从WordPress管理面板前往帖子。现在可以单击星形图标使帖子置顶。...请注意，星形图标仅在管理仪表板中可见，现在已经为WordPress中的类别添加了置顶文章。

    5.5K20

    WordPress导航菜单图标字体插件font awesome 4 menus纯代码版

    对于首次使用的用户，张戈博客还是继续介绍下好了！ 先贴一下效果截图，了解一下图标字体是个什么东东： ? 其实，就是在需要的位置显示一个图标而已。而这一切由 CSS+fonts 来实现，即图标字体。...那如何使用到 WordPress 导航菜单呢？...很简单，依次打开 WordPress 后台==>外观==>菜单，然后点开已有菜单，将得到的 class 填入到 CSS 类即可，比如我在官方图标库查到“家”图标的 class 是 fa fa-home，...保存之后，WordPress 导航菜单上的【首页】前面就会出现一个“家”的图标了。 如果发现点开菜单没有 CSS 类栏位怎么办？ 很明显，你没把这个功能开出来。...点击菜单页面右上方的【显示选项】，勾上 CSS 类即可： ? 如果发现点击【显示选项】没动静怎么办？ 看来你的 WordPress 也是升级 4.2 了。

    3K50

    使用 Menu Icons 插件给 WordPress 菜单参加图标

    一般我们需要编辑主题的 CSS 文件才能给菜单添加图标，今天就给大家介绍一款 WordPress 插件 Menu Icons，可以让你在 WordPress 后台就能给每个菜单指定一个图标，操作非常简单...安装好 Menu Icons 之后，在 WordPress 后台，外观 > 菜单 界面，我们就会看到页面的左边有一个新叫做 Menu Icons Setting 的窗体，它可以让我们选择用于菜单图标的图标集...，并且设置图标所处的默认位置： 从上图，我们可以看到已有四种最常用的图标字体可供选择，图片选项让我们可以使用 WordPress 媒体库中的已有图片或者新上传一张图片。...另外插件也支持其他字体图标，插件的 FAQ 有关于如何安装 Fontello 字体图标详细的介绍。...点击上图中菜单项的“SELECT Icon”按钮，就会弹出一个选择窗，让你选择该菜单的图标： 下面就是设置好图标之后的效果： 下载：Menu Icons

    95130

    2019大前端dux6.0最新无限制版

    目录 DUX主题是基于WordPress程序的主题，由themebetter团队原创开发，是目前比较火的wordpress主题，和大前端主题一样比较优秀的主题还有begin知更鸟，两者功能都很多，界面也比较好看...7.3 新增对WordPress5.0+新版编辑器的兼容支持 新增登录注册找回密码链接的 nofollow 更新Awesome图标库到最新版5.7.2，免费图标都可以用 优化小工具画廊的展示 优化导航二级菜单...，让展示更大气 优化网址导航页面模版细节 修复WordPress5.1后Ajax评论回复功能失效 修复几个开启debug后的错误提示 修复网址导航页面模版左侧菜单抖动问题 DUX主题5.4版本更新内容：...新增全站评论整体关闭选项，主题设置-基本中可设置 新增v2ex头像获取方式，删除多说方式，且可以在后台-设置-讨论中选择默认头像 调整底部友情链接选择只在首页显示时，不在首页分页中显示 调整产品分类的写法以避免因分类过多导致的高度不够用...新增archives页面模版中文章标题后 显示 副标题 调整首页轮换图效率更高，手机端手势滑动更加顺畅 优化产品中心手机端左侧菜单不显示的问题 修复页面左侧菜单一键换色的时候没有换色 更新时间： 以后将持续更新

    3.3K50

    2021 最新 IntelliJ IDEA 详细配置步骤演示（图文版）

    menu items(在菜单项中显示图标) 在主菜单和上下文菜单中，在项目左侧显示图标。...Menus and Toolbars(菜单和工具栏管理) 自定义菜单和工具栏，使其仅包含所需的操作，对其进行重新组合并配置其图标。 在可用菜单和工具栏列表中，展开要自定义的节点，然后选择所需的项目。...Notifications(通知事项) 可以启用和禁用有关某些事件的通知,发生的事件的信息。更改其显示方式，并有选择地启用其日志记录。 7. Quick Lists(快捷菜单) 一组自定义的弹出。...可以将其视为自定义菜单或工具栏，您可以为其指定快捷方式以进行快速访问。您可以根据需要创建任意数量的快速列表。快速列表中的每个动作均由0到9之间的数字标识。...3.在编辑器中，通过关联的快捷方式访问快速列表。 4.如果您不记得该快捷方式，则可以按其名称搜索快速列表。按Shift两次，然后输入快速列表的名称。 8.

    91310

    WordPress 文章 Embed 功能及如何屏蔽

    上一篇我们介绍了 WordPress 的 Easy Embeds 功能，它可以让你直接输入一个视频或者其他媒体网站 URL，这个 URL 里面含有的视频或者媒体就自动显示出来。...WordPress 文章 Embed 功能 除了视频和这些媒体网站之外，WordPress 还能插入自己博客或者会其他 WordPress 博客的文章链接，然后以卡片模式显示： https://blog.wpjam.com.../project/wpjam-basic/embed/ 如上所示：可以显示该文章的标题，摘要以及特色图片（如果设置了的话），并且还有站点图标（没有则使用 WordPress 默认图标），评论链接和分享链接...「优化设置」中「增强优化」标签页中「Frame 嵌入」选项是不是设置了​：不允许任何网页，改成​：​只允许同域名网页。...屏蔽文章 Embed 功能 如果不想别人或者自己通过嵌入的方式引入你的文章，我们也可以屏蔽 Embed 功能： remove_action('wp_head', 'wp_oembed_add_discovery_links

    55840
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券