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

将CSS类添加到wordpress中的wordpress子菜单

将CSS类添加到WordPress中的WordPress子菜单可以通过以下步骤完成:

  1. 首先,在WordPress后台登录并进入你的网站仪表盘。
  2. 导航到外观(Appearance)选项,然后选择编辑器(Editor)。
  3. 在编辑器中,找到并点击主题的functions.php文件。
  4. 在functions.php文件中,你可以添加自定义的CSS类。你可以使用以下代码作为示例:
代码语言:php
复制
function add_custom_css_to_submenu() {
    echo '<style>
        /* 在这里添加你的自定义CSS类 */
        .custom-submenu-class {
            color: red;
            font-weight: bold;
        }
    </style>';
}
add_action('admin_head', 'add_custom_css_to_submenu');
  1. 在代码中,你可以根据需要添加自定义的CSS类。在示例中,我们添加了一个名为"custom-submenu-class"的CSS类,并设置了一些样式属性。
  2. 保存并更新functions.php文件。

现在,你的WordPress子菜单应该具有你添加的自定义CSS类。你可以根据需要修改CSS类的样式属性。

请注意,这只是一种在WordPress中添加自定义CSS类的方法之一。你还可以使用插件或其他方法来实现相同的效果。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

删除 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 选择器

在默认情况下,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 选择器(id或class)

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

1.5K80

WordPress主题开发基础:Body 指南

这些CSS几个会自动添加到WordPress网站上每个页面的部分。 什么是WordPress Body?...现在,在这种情况下,您可以条件标记与一些自定义代码一起使用,以将自定义动态添加到body。 为此,您需要将以下代码添加到主题functions.php文件。...添加到主题样式表,以利用我们刚刚添加自定义CSS。...分类名称添加到单个文章页面的body 假设您要根据单个文章分类来自定义它们外观。您可以使用body来实现此目的 首先,您需要在单个文章页面上将分类名称添加为CSS。...页面别名添加到body 将以下代码粘贴到主题functions.php文件,可以页面的slug别名添加到body: //Page Slug Body Class function add_slug_body_class

2K20

WordPress文章外链图片自动下载到本地

WordPress很多插件或者代码都可以实现在编辑文章自动外链图片下载到本地,最终我选择了一个叫:Easy Copy Paste插件。...' => 'inherit' ); } add_action('save_post', 'ecp_save_post', 120, 2); 单篇操作 之后,编辑文章只需要点击更新按钮,就可以文章外链图片下载到本地并替换链接...不过逐个编辑文章不仅繁琐而且工作量不小,这里教大家一个小技巧,可以批量下载文章外链图片。...批量操作 该插件代码不仅可以在正常编辑页面点击更新按钮触发下载功能,而且可以在后台所有文章列表页面触发下载图片功能,原理明白了,操作就简单了。...切记,不要更改批量编辑任何设置,只需单击 “更新”即可。 这个过程触发检查所有选定文章,并自动下载外链图片! 声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。

38850

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

除了父主题之外,还使用主题来显示自定义。当您想对主题(实际代码)进行核心更改时,您需要使用主题来继续更新您父主题。...一个流行例子是 StudioPress 创建 Genesis 父主题,它在网络上有大量可用主题。Genesis父主题包括所有核心主题功能,而主题包括自定义样式和布局。...在 WordPress ,您可以非常轻松地创建菜单,并且有内置设置可以菜单分配到特定位置(例如,主菜单、侧边栏菜单、页脚菜单等)。...它由 Automattic(因此是 WordPress 本身)创建和维护,如果您计划使用多个插件这些功能添加到 yoru 站点,它可能是一个很好解决方案。...例如,WP Engine 最近 Cloudflare 集成到他们计划,因此启用 CDN 就像单击按钮一样简单。 Cache or Caching 缓存或缓存行为存储数据。

7.1K20

WordPress 5.4.2版本发布,BUG维护和安全更新

安装/更新信息#安装/更新信息 要下载WordPress 5.4.2,请从网站管理区“仪表板”>“更新”菜单自动更新,或者访问WordPress发行版档案。...支持萨姆·托马斯(jazzy 25)发现XSS问题,在该问题中,经过身份验证低权限用户能够JavaScript添加到块编辑器帖子 对Luigi支持——发现了一个XSS问题,拥有上传权限认证用户能够向媒体文件添加...49956–垃圾邮件发送者能够分享不受限制评论(参见下面的相关发展说明) 49749–用带斜杠前缀名称空间注册rest路由会产生不一致结果 49798–暗模式浏览器默认文字按钮图标 49808...48803–20:不支持作者自定义帖子类型,显示作者 48916–20:锚链接在移动菜单不起作用 49088–20:为网页链接添加图标(谷歌商业简介) 49316–20张图片未获得许可。...49320–20:对齐中心>图形标题缺少文本-对齐:中心;特征 49322–20:菜单项消失在封面块下面 49435–20:顶部和底部边距不一致。alignwide和。

2K20

WordPress面试题

访问你网站: 打开浏览器,输入服务器 IP 地址或域名,然后按照安装向导完成安装过程。 问题三 在 WordPress ,开发主题和插件都需要了解一些基本 PHP、HTML 和 CSS 知识。...添加后台页面: 使用add_menu_page等函数来添加插件在 WordPress 后台菜单页面。 在页面添加表单和处理逻辑,如保存设置。...问题四 前端三剑客(HTML、CSS、JavaScript)嵌入到 WordPress 主题可以通过以下步骤进行: 了解 WordPress 主题结构: 首先,了解 WordPress 主题结构,这样你就知道在哪里添加你前端代码...创建主题(可选): 为了确保你修改不会在主题更新时丢失,你可以创建一个主题。...'); 请将上述代码添加到主题 functions.php 文件

31340

WordPress主题怎么保留修改代码来避免升级覆盖?

WordPress主题怎么保留修改代码来避免升级覆盖?...答案很简单,使用WordPress主题功能,升级后无需再次修改原主题,只需要启用并修改主题就可以了,下面就以Ality主题为例,创建一个Ality主题主题。...2、Ality主题样式文件style.csscss目录(因为Ality主题有部分样式文件和字体图标在这个CSS目录)及图片目录img,一起复制到新建主题文件夹Ality-child,也可以将之前修改过...3、打开复制过来style.css文件,在文件头部添加:Template:Ality 这个是关键,其中Ality名称必须与父主题文件夹名称相同,而且父主题Ality也必须与新建主题同在WordPress.../Ality/style.css”); 代码必须写在所有样式之前,也就是文件头后面,主题样式文件只需添加自己修改部分即可。

945110

博客园、开源中国博客文章导入到 WordPress

导入博客园、开源中国博客文章到 WordPress 还在苦恼怎么 cnblogs、osc 功能太少吗,早有更换 WordPress 冲动却无奈博客无法搬家?...这款插件可以帮助大家自动转换博客园、开源中国文章导入到 WordPress 来哦。...点击安装,稍作等待即可 进入“已安装插件”页面启动插件 你也可以通过离线方式安装,安装方法: 下载离线插件包并解压,下载地址:https://wordpress.org/plugins/cnblogs2wp...“博客园或开源中国数据导入” 上传对应数据,导入按照流程导入 注意事项: cnblogs数据文件是xml,osc数据文件是htm,不能混淆导入 导入文件大小根据wordpress设定来决定,...若你导入数据文件超出了服务器、主机限制,请自行百度或google搜索:“wordpress 文件上传限制” 浏览器需支持js正常执行 若试用期间遇到什么问题,可以在下方文章地址告诉我,我会及时作出修正

65210

WPJAM「静态文件」:一键合并 WordPress 插件和主题 JS 和 CSS 文件,加快页面加载速度

激活之后,在 WordPress 后台「WPJAM」菜单下就会新增「静态文件」菜单,点击进入: 首先勾选「合并静态文件」按钮,然后保存,当然如果有额外脚本和样式也可以先填入,保存之后,页面就会出现当前系统将会合并那些文件和内联代码...博客 支持一键文章图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索 WordPress 插件 编辑器优化 优化 WordPress 传统 TinyMCE 编辑器 添加下划线等按钮...,支持截屏贴图等 标题设置 一键设置 WordPress 所有页面的页面标题 登录优化 一键优化 WordPress 登录注册界面,并支持第三方账号登录和绑定 内容模板 通过短代码在内容插入一段共用内容模板...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 文章或评论外部链接加上安全提示中间页。...微信小程序 微信小程序 WordPress 基础插件,包含基础库和管理。 微信群二维码 轮询显示微信群二维码,突破微信群100人限制。

7K30

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

不过,在强迫症眼里,能代码化就尽量不用插件吧!于是这个插件改造成代码版,顺便精简了基本用不到 shortcode 图标调用功能。 ?...那如何使用到 WordPress 导航菜单呢?...很简单,依次打开 WordPress 后台==>外观==>菜单,然后点开已有菜单,将得到 class 填入到 CSS 即可,比如我在官方图标库查到“家”图标的 class 是 fa fa-home,...保存之后,WordPress 导航菜单【首页】前面就会出现一个“家”图标了。 如果发现点开菜单没有 CSS 栏位怎么办? 很明显,你没把这个功能开出来。...点击菜单页面右上方【显示选项】,勾上 CSS 即可: ? 如果发现点击【显示选项】没动静怎么办? 看来你 WordPress 也是升级 4.2 了。

2.9K50

WordPress文章添加类似说说状态样式

其他博客可能没有分类菜单,只需要在导航菜单下面添加此代码即可。...> 这一行‘Readd’,此为自己主题名字。此处包括全文(上面不止一处),凡是涉及到这个一律都要修改为自己主题名字。...步骤三:添加CSS样式,添加到style.css里面的任意位置 rticle.format-status .avatar{float:left;margin-right:24px;box-shadow...---- skills:如果需要修改头像大小,样式,说说背景样式大小等等,可以自行修改CSS代码。 截图中①处‘发布时间’是网上教程所没有的,我自己修改了一下。我用代码贴在下面。...在修改过程,我们难免会用到时间函数,这当然就涉及到了WordPress 时间格式。

1.3K30

WordPress 相关日志插件:WordPress Related Posts

WordPress 相关日志详细功能 WordPress 相关日志插件最基本功能就是根据日志 tag 相关性产生一个相关日志列表,并且可以把相关日志列表添加到 Feed 。...安装和使用 WordPress 相关日志 上传整个插件文件夹到 /wp-content/plugins/ 目录下或者在后台直接安装 在插件菜单下激活插件 在模板文件适当位置插入 模板函数或者在后台使用自动插入相关日志功能 在后台管理界面下,直接进入 Related Posts 配置插件输出 WordPress 相关日志详细配置 WordPress 相关日志插件设置比较复杂...甚至可以自定义 CSSWordPress 相关日志还可以设置移动端主题(如上图),同样支持高级定制和 CSS 自定义,这里就不重复了。...> 函数加入相关日志,设置是否在 Feed 显示相关日志,最后设置是否启动统计分析。 下载:WordPress Related Posts ----

77710
领券