首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

删除 WordPress 导航菜单多余 CSS 选择器

在默认情况下,WordPress 导航菜单会输出很多如menu-item、menu-item-type-taxonomy、menu-item-object-category等加上 id 组成CSS...选择器,无疑,对于一些人来说,这些选择器导致整个html 格式变得难看,看着碍眼东西最好是将它去掉,下面介绍删除(去除)WordPress 导航菜单多余 CSS 选择器方法。...如本站 DeveWork.com 导航菜单相关CSS 代码如下: ? ?...代码如下,还是加入到主题functions.php 文件中(代码来源网络,作者未知): add_filter('nav_menu_css_class' , 'special_nav_class' ,...current-menu-item", "menu-item-home", 'last'); $classes = array_intersect($item->classes,$current_and_home); //保留有需要

1.5K70
您找到你想要的搜索结果了吗?
是的
没有找到

删除 WordPress 导航菜单多余 CSS 选择器

在默认情况下,WordPress 导航菜单会输出很多如menu-item、menu-item-type-taxonomy、menu-item-object-category等加上 id 组成CSS...选择器,无疑,对于一些人来说,这些选择器导致整个html 格式变得难看,看着碍眼东西最好是将它去掉,下面介绍删除(去除)WordPress 导航菜单多余 CSS 选择器方法。...如本站 DeveWork.com 导航菜单相关CSS 代码如下: ? ?...代码如下,还是加入到主题functions.php 文件中(代码来源网络,作者未知): add_filter('nav_menu_css_class' , 'special_nav_class' ,...current-menu-item", "menu-item-home", 'last'); $classes = array_intersect($item->classes,$current_and_home); //保留有需要

2.2K70

删除 WordPress 导航菜单多余 CSS 选择器(id或class)

在默认情况下,WordPress 导航菜单会输出很多如menu-item、menu-item-type-taxonomy、menu-item-object-category等加上 id 组成CSS...选择器,无疑,对于一些人来说,这些选择器导致整个html 格式变得难看,看着碍眼东西最好是将它去掉,之前Jeff 也曾有过一篇类似的文章《删除 WordPress 导航菜单多余 CSS 选择器》,今天则介绍个通过添加过滤器来删除...WordPress 导航菜单多余 CSS 选择器(id或class)新方法。...如本站 DeveWork.com 导航菜单相关CSS 代码如下: ? ?...要删除 WordPress 导航菜单多余 CSS 选择器(id或class),则需要在主题functions.php 文件下加入以下代码: add_filter('nav_menu_css_class

1.5K80

删除WordPress菜单wp-nav-menu中liclass或id样式

我们都知道wordpress已经集成了一些通用css样式,比如wp-nav-menu菜单会有很多class,不想看到那么多选择器,想要清净世界要如何操作呢?...主题   将下面的代码添加到主题 functions.php就可以实现效果 /** * 移除菜单多余CSS选择器 */ add_filter('nav_menu_css_class...只要不过滤它们即可,常见的当前菜单选择器有以下4个:current-post-ancestor, current-menu-ancestor, current-menu-item, current-menu-parent...,只要将这些class加入array中就可以 /** * 移除菜单多余CSS选择器 */ add_filter('nav_menu_css_class', 'my_css_attributes_filter...你一定会喜欢这篇文章:如何定义wordpress菜单wp-nav-menu中ul呢

1.3K20

两个目录中,删除其中一个目录中同名文件做法

假设现在有一个目录/mnt/data,还有另外一个目录/opt/data,需要删除/opt/data目录中和/mnt/data目录中同名文件。.... 1 root root 0 Jan 10 23:25 huihui -rw-r--r--. 1 root root 0 Jan 10 23:25 shanghai 正确做法: 注意,下面命令中/.../ grep -v 参数指定反选择, /$指定以/结尾搜索模式,因此该命令将输出不带/结尾项,也就是只输出/opt/test_a目录中文件名,不包含子目录。...xargs命令-I{} 指定用管道传递过来输入替换后面命令中{}字符串,重复多次,直至管道没有输入 注:xargs加上 -t 参数,可以看到替换效果 检查一下,发现上面命令执行后,/opt/data...目录下同名文件已经删除了 [root@centos6-vm01 data]# ll /mnt/data/ total 0 -rw-r--r--. 1 root root 0 Jan 10 23:24

1.5K100

WordPress 6.2 发布,全面提升站点编辑体验

WordPress 6.2 也是 2023 年一个主要版本,涵盖了 900 多项功能增强和修复,它也是 WordPress 开发路线图中一个重要过渡点,开发重点将从样式定制转移到对工作流和协作探索...导航块支持多种方式菜单管理 新导航块侧边栏使得编辑站点菜单更加容易,可以快速添加、删除和对菜单重新排序。...新样式手册 通过样式手册可以在在站点编辑器一个地方一眼就看到站点每个区块外观。...样式复制粘贴功能 该功能让用户可以在同类型一个区块完善设计,然后将这些样式复制并粘贴到其他区块以获得想要外观。...6.2 中其他亮点 悬停顶部:可以设置顶部一组区块在页面滚动时都固定在顶部。 导入窗体:可以将喜欢经典主题窗体导入到区块主题中。 本地字体:默认 WordPress 主题将谷歌字体本地化了。

1.1K40

WordPress 初学者词汇表(术语解释)

例如,超级管理员有权访问您 WordPress 网站任何部分,他们可以安装主题或插件,他们可以发布、编辑或删除任何人创建内容。另一方面,作者通常只能创建和发布帖子以及编辑他们创建内容。...Menu(菜单菜单是帮助访问者浏览您网站链接集合。它们通常包含指向你网站上最重要页面的链接或您想要突出显示任何其他内容。菜单可以有多个位置,但通常你会在网站顶部找到一个菜单。...当您将鼠标悬停在主菜单链接上时,如果您看到其下方出现其他链接,即Dropdown Menu(下拉菜单),这是展示支持信息和链接好方法。...Customizer(定制器) WordPress Customizer或 Live Customizer 是一个可视化编辑器,您可以在其中通常根据您主题为您 WordPress 网站设置样式或设置选项...滑块是小型图像库,旨在使每个图像显示几秒钟,然后再继续(或滑动)到下一个图像。许多包括指向博客文章或其他内容链接。WordPress 有许多可用滑块插件,其中一些通常包含在高级主题中。

7.1K20

wordpress导航菜单详解及改造

对于wordpress主题来说 wp菜单是必不可少 可以用于制作导航栏 也可以做侧边栏、页脚导航等等 只要熟练掌握 就能利用wp菜单做成想要东西 话不多说 现在先讲一下菜单创建 首先要开启导航菜单功能.../注册一个菜单 如上述代码 就是创建一个别名为‘header-menu’,名称为导航菜单 那么如果要创建多个菜单的话 参考下面代码 register_nav_menu(array( 'header_menu...当然照我所写代码也可 具体怎么使用稍后会讲 然后在wp后台菜单处显示如下 至于怎么设置菜单,具体见下面wordpress大学教程 https://www.wpdaxue.com/wordpress-nav-menus.html...当然,实际输出菜单 会带有很多css选择器id或class 但这也可以改 //移除菜单多余CSS选择器 add_filter('nav_menu_css_class', 'my_css_attributes_filter...可以看到,生成class名太多了 但图中红线划中地方 在某些情况下对我们是很有帮助 例如通过点击导航栏某个栏目 跳转到这个栏目的页面时 导航栏此栏目位置高亮 观察导航栏结构 我们会发现 该栏目会有一个类名

3K70

如何在Ubuntu 14.04使用OpenLiteSpeed安装WordPress

WordPress一个庞大在线社区支持,能够快速启动和运行网站。...首先,为我们应用程序创建一个数据库 为了简单起见,我们将在本教程中调用我们数据库wordpress,但您可以使用您喜欢任何名称: CREATE DATABASE wordpress; 接下来,我们将创建一个数据库用户并授予其访问权限...要开始使用,请从顶部菜单“操作”菜单中选择“编译PHP”: 您将看到一个菜单,您可以在其中选择要编译PHP版本: 从“PHP 5”选择菜单中选择最新版本。...在下一个屏幕中,单击“重写控制”表“编辑”按钮: 在“启用重写”选项下选择“是”: 单击“保存”返回主重写菜单。...首先进入虚拟主机根目录: cd /usr/local/lsws/DEFAULT 如果删除一节“Context”选项卡中所有条目,则可以完全删除cgi-bin和fsci-bin目录: sudo rm

1.2K00

在Mockplus中,如何做鼠标悬停菜单下拉效果?

但我经过尝试,发现想用它实现一个鼠标悬停事件并不是什么难事,比如网页设计中很常见鼠标悬停菜单下拉效果,只要换个思路,利用Mockplus状态交互功能,就能轻松实现。...我们来看看详细步骤: 第一步:用矩形做一个菜单。 打开Mockplus,从界面左侧组件库中拖出一个矩形,将其复制成多个。...其中一个作为菜单显示区域(图中蓝色矩形),另外几个拼接起来作为菜单内容。 在右侧参数面板中,将第一个矩形设置为不可见。然后将另外几个矩形合并为组。 ?...第三步:利用状态交互,实现鼠标悬停菜单下拉效果。 在界面右侧参数面板,将透明度设置为0,并点击“透明度”前小闪电。选择“鼠标经过时”,透明度设置为100。 ?...这样,一个简单鼠标悬停下拉菜单就做好了。 点击界面上方“预览”,即可查看效果: ? 这就是原型设计奇妙之处:用有限条件创造出无限效果。正如弹钢琴,琴键有限,音乐却是无限

2.4K60

如何加速WordPress网站

本指南将重点介绍如何通过删除这些自定义项来对测试站点进行故障排除,直到请求响应时间最小化。 Docker Compose文件还安装了一个PHP分析工具,用于收集每个网站请求性能数据。...删除系统可能存在旧版Docker: sudo apt remove docker docker-engine docker.io 确保您拥有必要软件包以允许使用Docker存储库: sudo...将显示一个列出最近请求条目的页面: 单击最新GET请求时间戳链接/。将出现一个页面,其中显示该请求详细信息,包括CPU使用率最高条形图(称为“挂起时间”)和按功能排序内存使用情况。...将鼠标悬停在此突出显示上将显示一个下拉菜单,单击Slow Queries选项将显示一个慢查询列表: 找到慢查询是以下语句:SELECT SLEEP(5)。...将出现瀑布图,其中每一行代表一个浏览器渲染事件。在此图表中向下滚动,直到您看到以下较长事件,然后单击该事件: 5. 在右侧显示面板中,单击带编号蓝色链接。

4.1K30

如何在你 wordpress 网站中添加搜索框

前端刷题(面经大全)网站:点击跳转到网站 博主前些天发现了一个巨牛巨好用刷题网站,忍不住分享一下给大家,点击跳转到网站 如果你主题不提供在你 WordPress 网站中包含搜索框功能,请按照以下步骤了解如何做到这一点...一个象牙搜索选项卡出现在左侧仪表板。 Includes 部分允许你包含你希望用户搜索所有内容。例如,你可以只允许用户搜索电子商务网站中产品,也可以允许他/她搜索某些页面或附件。...当你在 Ivory Search 表单中工作时,将鼠标悬停到 Settings 选项(在 Ivory Search 下仪表板左侧面板),以设置搜索框位置。这可以在页眉或页脚或水平菜单等中。...菜单搜索部分中可用选项是特定于主题。 在“Settings”部分,你可以设置搜索框外观。...一旦有居心叵测的人攻破网络,会造成无法估量损失。本书结合红日安全团队多年经验,深入讲解Web安全相关知识。

3.7K31

路径复制

在Windows资源管理器中,右键单击任何文件,文件夹或文件组,然后显示上下文菜单。在其中,您将看到两个新项目。 ?...如果选择了多个文件和/或文件夹,则将它们各自路径复制到多行。 路径复制将打开一个菜单。 ? 路径复制复制子菜单菜单包含更多命令。...New和Edit允许创建和编辑自定义命令,这些命令具有自己文档 分隔符在所选命令后添加一个分隔符。分隔符可用于在子菜单中对命令进行逻辑分组。 删除删除所选自定义命令或分隔符。...有关每个选项说明,将鼠标悬停在每个选项,将显示工具提示。 一个强大选项是使用正则表达式执行查找/替换操作。选择此选项后,可以通过单击“测试...”按钮(1)来测试输入正则表达式。 ?...如果需要帮助,将鼠标悬停在下拉菜单项目上将显示一个工具提示,说明元素类型作用。 ? ? ?

3.4K30

《最新出炉》系列初窥篇-Python+Playwright自动化测试-17-处理鼠标悬停

比如:就像鼠标悬停,一般测试场景鼠标悬停分两种常见,一种是鼠标悬停在某一个元素上方,然后会出现下拉子菜单,第二种就是在搜索输入过程,选择自动补全字段。...今天跟随宏哥先来看看鼠标悬停出现下拉菜单和自动补全情况playwright是如何处理。 2.鼠标悬停出现下拉菜单 鼠标悬停出现下拉菜单,顾名思义就是:鼠标悬停在某一元素出现下拉菜单。...2.1项目实战 宏哥这里用百度首页更多元素,悬停出现拉来菜单,然后点击“音乐”为例进行实战。...page.wait_for_timeout(3000) page.fill("input[name=\"wd\"]", "selenium ap") page.wait_for_timeout(3000) #自动补全其中一个选择项...如下图所示: 4.小结 在Web应用程序中,悬停是一种常见操作,通常用于显示提示信息或下拉菜单。 好了,时间不早了,今天就分享和讲解到这里。感谢您耐心阅读和学习。

38640

纯代码屏蔽WordPress后台无用项让你后台更加简洁

WordPress 功能十分强大,但是有些功能模块我们平时是用不到,所以说一下如何使用代码将它们屏蔽掉 根据自己需要,将下面代码添加到当前主题functions.php或functions-diy.php...'/functions-diy.php'; 将我们自定义代码加入到其中,无须担心更新主题时functions.php被覆盖 那么我们从上至下开始清理吧 顶部工具栏 function my_edit_toolbar...if (is_admin()){ add_action('admin_menu', 'remove_menus'); } 如果你只想删除用户和工具菜单,你只需改写以上代码第 3 行$restricted...数组修改为如下代码即可: $restricted = array( __('Tools'), __('Users'), ); 左侧子菜单 如果只想删除某个顶级菜单菜单的话,可以这么写...沈唁志,一个PHPer成长之路! 任何个人或团体,未经允许禁止转载本文:《纯代码屏蔽WordPress后台无用项让你后台更加简洁》,谢谢合作!

86320

《手把手教你》系列技巧篇(二十九)-java+ selenium自动化测试- Actions相关操作上篇(详解教程)

比如:就像鼠标悬停,一般测试场景鼠标悬停分两种常见,一种是鼠标悬停在某一个元素上方,然后会出现下拉子菜单,第二种就是在搜索输入过程,选择自动补全字段。...关于鼠标悬停,selenium把这个方法放在了Actions.java文件中,先来看看鼠标悬停出现下拉菜单情况。...2.鼠标悬停出现下拉菜单   鼠标悬停出现下拉菜单,顾名思义就是:鼠标悬停在某一元素出现下拉菜单。...2.1项目实战   宏哥这里用百度首页更多元素,悬停出现拉来菜单,然后点击“音乐”为例进行实战。...inputbox = driver.findElement(By.id("kw")); inputbox.sendKeys("selenium a"); // 自动补全其中一个选择项

1.4K50

吐槽一下新浪微博网页版 UI 设计

有向下箭头是鼠标悬停时候显示下拉菜单吧: 可是,右侧这样普通按钮也会有悬停+显示下拉菜单效果: 继续,新浪微博没有把这样效果统一贯彻到底,发微博按钮就容易误导用户悬停然后等待下拉菜单,结果怎么也等不来...总的来说,就如同淘宝和 Amazon 比较,如同微博和 Twitter 比较,国内许多网站更加本地化,风格偏重于陈列更多应用和功能,下面是一部分按钮简单分类: 其中有一些不一致和冗余地方。...点击 “评论” 以后展开评论列表,但是点击 “转发” 展示一个弹出层: 点击原微博 “评论” 和 “转发”,却进入另一个页面。...每条微博左下角时间显示是一个链接,链接含义对于用户来说不够直观;“举报” 按钮是鼠标悬停在微博才显示,不是很理解为什么这样做。...比如这些: 而且下面的提示一出现,一个抖动,把微博往下推了 N 个像素,影响阅读: 不想大发牢骚,新浪微博还是很不错。吹毛求疵,挑挑小毛病。

1.3K10

只要1美元!教你给MacBook装上触摸屏

用上1美元硬件,和一点计算机视觉原理,一个来自MIT小哥Anish Athalye在与几个队友合作下,就将MacBook变成了触摸屏。 ? 此项目已经在Github开源,赶紧来学一学! ?...映射和校准 处理输入最后一步是将触摸/悬停点从网络摄像头坐标映射到屏幕坐标。这两者是与单应性相关。我们通过校准,即找到用户触摸屏幕特定点,得到单应矩阵。...在我们收集了相应网络摄像头坐标的数据后,可以使用RANSAC准确地得到其单应性。这为我们提供了一个投影矩阵,这个矩阵可以将网络摄像头得到坐标映射到屏幕坐标。 ?...上面的动图演示了校准过程,其中用户必须在屏幕周围跟随绿点移动手指。该动图包含一些调试过程,这些过程会覆盖网络摄像头实时视频。网络摄像头坐标中触摸点以红色显示。...在校准过程完成之后,投影矩阵会以红线方式显示出来,并且软件切换到以估测点为蓝色模式。 应用 在当前原型中,我们将悬停和触摸转换为鼠标事件,使现有应用程序可以随时随地启用触摸功能。 ?

62910

WordPress 教程:WordPress 角色和权限终极指南

和其他 CMS 或者 Web 程序一样,WordPress 也有一个内置系统来验证一个特定用户是否有足够权限来进行某种动作。...WordPress 角色和权限系统比用户等级方法灵活得多,它支持对现有用户角色添加,删除和重新分配权限,甚至还可以添加更多用户角色,并且不破坏系统原有内置用户角色。...用户权限和后台菜单 很多插件都都会在 WordPress 后台添加一个管理页面,让用户自定义插件选项,一般我们可以通过下面的函数实现: // 添加主菜单 add_menu_page(page_title...一般它值是一个代表某种权限字符串,比如:edit_posts。所以使用这些额函数在 WordPress 后台中添加菜单以及与这些菜单相关联页面,是只有拥有指定权限用户才可以看到和访问。...$cap_name ); //删除用户所有权限 $user->remove_all_caps(); WordPress 角色和权限总结 以上就是所有有关 WordPress 角色和权限知识,WordPress

1.9K30
领券