首页
学习
活动
专区
工具
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.6K70
  • 删除 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.6K80

    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

    2.1K20

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

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

    56150

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

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

    7.2K20

    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和。

    2.1K20

    WordPress面试题

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

    40040

    如何将WordPress文章中的外链图片自动下载到本地?

    本地化插件当我们想引用其他网站上的图片时候,直接使用外链不仅不能保证图片的稳定性,还有可能影响页面打开速度,然而如果一个个下载再上传又十分费力。 ...好在WordPress很多插件或者代码都可以实现自动将外链图片下载到本地,最终我选择了一个叫:nicen-localize-image 的插件(可以在WP插件市场搜索安装)。...安装插件选择这个插件的主要原因是它功能强大,而且用起来很简单,而且开源!...插件支持如下的一些功能:文章发布前通过编辑器插件本地化文章手动发布时自动本地化文章定时发布时自动本地化针对已发布的文章批量本地化。....看了一下插件的设置界面,功能确实挺丰富的。...本地化图片的功能也确实好用,编辑或者发布文章的时候自动就处理好了。本地化

    9410

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

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

    70810

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

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

    1K110

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

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

    7.1K30

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

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

    3.1K50

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

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

    1.4K30

    WordPress 相关日志插件:WordPress Related Posts

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

    82110
    领券