在wordpress菜单中使图标悬停
在WordPress菜单中使图标悬停，可以通过以下步骤实现：
- 安装并激活插件：首先，在WordPress后台登录后，点击左侧菜单中的“插件”选项，然后点击“添加新插件”。在搜索框中输入“Menu Icons”并点击搜索按钮。找到适合的插件后，点击“安装”按钮进行安装，安装完成后点击“激活”按钮启用插件。
- 添加图标：在WordPress后台登录后，点击左侧菜单中的“外观”选项，然后点击“菜单”。选择要编辑的菜单，然后点击“选择”按钮。在菜单编辑页面，你会看到一个“图标”选项。点击该选项，然后选择一个图标来为菜单项添加悬停效果。
- 配置图标悬停效果：在菜单编辑页面，你可以为每个菜单项选择不同的图标，并配置悬停效果。你可以选择图标的大小、颜色、悬停颜色等。根据你的需求进行配置，并保存菜单。
- 预览效果：保存菜单后，你可以在前台预览网站，悬停在菜单项上看到图标的效果。
请注意，以上步骤中提到的“Menu Icons”插件是一种常用的插件，用于在WordPress菜单中添加图标。这个插件可以帮助你轻松地为菜单项添加图标，并配置悬停效果。你可以在WordPress插件市场中搜索并选择其他类似的插件来实现相同的功能。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 视频处理（VOD）：https://cloud.tencent.com/product/vod
- 音视频智能分析（VAI）：https://cloud.tencent.com/product/vai
相关·内容
1回答
在wordpress菜单中使图标悬停
wordpress
我在WordPress的菜单链接上有一个':hover‘。 我如何使:hover效果同样适用于"event“部分，而不仅仅是图标？
浏览 17提问于2019-03-18得票数 0
回答已采纳
1回答
WordPress -稳定主题-鼠标悬停自定义图标颜色
css、wordpress、icons、themes、customization
我使用的是安装了WordPress主题的。但是，当鼠标悬停在图标上时。我已经在浏览器中使用了元素检查器，并且一整天都在打开和关闭CSS属性，并且无法调整到定义该颜色的属性。
对我如何改变它有什么想法吗？主题的文档存储与它无关。
浏览 0提问于2017-05-11得票数 0
回答已采纳
1回答
在Wordpress Nav菜单中使Dash图标具有Hover效果
css、wordpress
如果您查看的顶部导航菜单，您将看到我尝试使用通过Wordpress菜单分配的CSS类在其中添加dash图标。在常规状态下，仪表符看起来很好，但不具有悬停效果。将悬停类应用于a: the元素的最佳方法是什么？
浏览 1提问于2014-09-14得票数 0
回答已采纳
2回答
使用css添加图标：
javascript、jquery、html、css、wordpress
我用的是WordPress的超级鱼菜单。我想在菜单父项和它的下拉列表之间添加一些空白，并希望在下拉菜单的顶部添加一个图标，这样它看起来就像下面的图像：菜单标记由WordPress自动生成，因此不能更改。top: 0;}
当我悬停
浏览 6提问于2013-11-26得票数 0
回答已采纳
1回答
如何将内联svg添加为wordpress菜单图标
wordpress、svg
我在边栏上有一个带有内联svg图标的辅助导航。我可以改变他们的颜色在悬停与CSS。这是标记<li>我想知道是否可以通过wordpress wp_nav_menu函数添加内联svg，使菜单更容易被客户端操作。当然，我可以添加图标作为背景图像，但我不能在悬停时瞄准它
浏览 1提问于2014-04-28得票数 5
1回答
如何在页面中添加具有级别的菜单
menus
我们成功地将菜单添加到页面中：但是，如何使它像标题区域中的普通菜单一样工作呢？然后点击/悬停动作，2级，3级等？
也许甚至在每个菜单项旁边添加一个图标来表明它是被点击的？
浏览 0提问于2019-03-06得票数 0
1回答
当子菜单处于活动状态时更改UberMenu顶层菜单图标
javascript、jquery
我正在为一个UberMenu站点使用WordPress插件。有一个示例菜单。我有完全相同的，但子菜单不打开悬停，而是点击。如何将第一个菜单项( Works)上的图标类从(fa-cog)更改为例如，当子菜单打开时(fa-bar)，并在子菜单关闭时返回它。我试图将其绑定到菜单项上的鼠标单击事件，但事实是您只需单击它旁边的子菜单就可以关闭子菜单，然后图标不会更改为原始菜单</em
浏览 2提问于2022-10-15得票数 -1
回答已采纳
1回答
WordPress中的可单击菜单下拉列表
html、css、wordpress、drop-down-menu、responsive-design
我正在完成一个WordPress网站()，我使用的主题是Neve。最后一个问题是我的汉堡包移动菜单，我有“服务”作为下拉菜单，没有服务页面。在桌面上，您可以悬停“服务”并显示下拉列表。在移动平台上，您必须单击箭头图标才能显示下拉列表，然后单击"Services“就什么都不做了。我希望箭头和“服务”都可以点击。
浏览 2提问于2022-06-07得票数 0
1回答
按钮上的菜单
jquery、html、css、wordpress、menu
我正试图为WordPress主题制作菜单，但我遇到了一些麻烦。<div id="menuicon>MENU ICON HERE</div>
<div class="menu"></n
浏览 0提问于2014-01-22得票数 1
回答已采纳
2回答
twitter bootstrap 2.2.1弹出导航不停留在悬停状态
jquery、twitter-bootstrap
有没有一种简单的方法可以让它在你使用twitter boostrap 2.2.1中的弹出功能时，在触发悬停时保持激活？我问的原因是因为我有一个我希望能够点击的链接菜单，而不必通过点击来触发，因为点击元素也应该做一些事情。例如WordPress，管理面板在导航栏中有一系列图标，当我将鼠标悬停在这些图标上时，我会看到如下所示的悬停弹出窗口：
从图中你可以看到，我将鼠标悬停在一个图标上，并得到了一个
浏览 2提问于2012-12-12得票数 0
回答已采纳
1回答
添加自定义SVG图标到WordPress 20个子主题的社会图标菜单中
menus、child-theme、icon、theme-twenty-seventeen、svg
我遇到了麻烦，将自定义SVG图标添加到WordPress的“社会图标”菜单中十七子Theme.The菜单工作正常，所有预先打包的SVGs包括在主题，但我不能添加自定义SVGs到子主题。下面是我到目前为止在社交图标菜单中添加"Etsy“SVG所做的工作：使用所有其他图标将Etsy SVG路径粘贴到svg-i
浏览 0提问于2019-08-21得票数 0
回答已采纳
1回答
如何在我的管理菜单钩子中引用现有的基于css内容的图标
admin-menu、admin-css
在WordPress 4.6.1中，我非常喜欢在管理菜单中使用的拇指图标。这是我指的图钉图标(用CSS生成的).我目前正在使用WordPress API生成我自己的菜单，并使用以下管理菜单钩子.my_main_plugin_page', plugins_url('/images/thumbtack-icon.jpg',__FILE__));
那么，如何将钩子中的
浏览 0提问于2016-10-22得票数 0
回答已采纳
1回答
如何为自定义post类型使用不同的默认管理菜单图标？
custom-post-types、admin-menu、icon、labels
对于我设置的特定自定义post类型，我只想将默认图标更改为wordpress pages图标(菜单-图标-页面)。我知道我可以上传我自己的网页图标并指向它，但我能告诉wordpress使用默认页面图标吗？更新:根据这一点，这是不可能的：如何使用WordPress的现有管理图标？至少不是简单的。这还适用吗？看来我要上传了。
更新2:更优雅的解决方案见下文。简单地上传和使用menu_icon =>不允许在编辑屏幕上
浏览 0提问于2012-12-23得票数 2
回答已采纳
1回答
单元上的jQuery可通过toggleClass折叠
javascript、jquery
我有一个离开画布导航菜单(类名，是通过悬停，使用jQuery在我的Wordpress网站上启用。它应该是在页面加载时不可见的。对于移动版本，我希望通过单击菜单图标来激活相同的导航菜单(这是我给出的两个类，按以下顺序:移动导航切换显示-导航-移动)。切换方法似乎只适用于垂直切换。我的解决方案是在单击而不是悬停时复制相同的动画，方法是使用图标上的toggleClass方法在一个类名之间
浏览 4提问于2022-09-21得票数 0
回答已采纳
1回答
在悬停状态下使用CSS对SVG各部分进行动画处理
svg、keyframe
我在svg中有一个菜单图标，我想让图标的一部分在悬停时显示动画，而不是整个图标。如何在悬停图标时以关键帧动画为目标？我有另一个菜单图标，我可以让整个图标处于悬停状态，但我在这里询问的那个图标只需要移动它的一部分就可以了。
浏览 1提问于2014-03-20得票数 1
3回答
如何自定义wp_nav_menu() fort图标
php、html、css、wordpress
如何添加图标wo wp_nav_menus?.这是我设计的图片
我的代码并且我添加了它显示了每个菜单的图标，我想要一个单一的主页图标
图标源
浏览 4提问于2015-01-01得票数 0
1回答
我有一个购物车图标和购物车div，其工作方式如下：问题是，您鼠标离开购物车图标和购物车div简历消失。我试着用css来调整它，但我只做了最坏的:S。我的愿望是：
有任何想法来处理这个或类似的问题。
浏览 2提问于2016-10-09得票数 0
2回答
悬停在图标上方，即使在悬停后仍显示可见。
html、css、hover
我试图做一个下拉菜单与可选择的链接。我使用一个齿轮图标来悬停一个下拉菜单出现。目前，我在一个li中有一个ul，如下所示： <i class="fas fa-cog"></i> display: none; z-index: 1
浏览 2提问于2020-11-19得票数 1
回答已采纳
1回答
汉堡包菜单+ paralax
html、css
我有一个奇怪的组合--视差和汉堡菜单。问题是，当你将鼠标悬停在汉堡菜单图标上时，导航栏就会向下移动。我认为这是代码中的一个大错误，但我找不到它。我没有jquery来解决这个问题。此外，我找不到任何paralax +汉堡菜单教程。我正在尝试做导航响应。
浏览 0提问于2017-09-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
