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

WordPress。将样式/类添加到管理菜单中的按钮已禁用(非活动)

在WordPress中,如果你想要给管理菜单中的按钮添加样式或者类,特别是当按钮处于禁用(非活动)状态时,你可以通过自定义WordPress的钩子(hooks)和过滤器(filters)来实现。以下是一些基础概念和相关步骤:

基础概念

  • 钩子(Hooks):WordPress提供的一些功能点,允许开发者插入自定义代码。
  • 过滤器(Filters):一种钩子,允许你修改数据在某个点之前的值。
  • 动作(Actions):另一种钩子,允许你在特定事件发生时执行代码。

相关优势

  • 可定制性:通过钩子和过滤器,你可以无需修改核心文件就能扩展WordPress的功能。
  • 维护性:自定义代码通常放在主题的functions.php文件或者自定义插件中,便于管理和维护。

类型与应用场景

  • 自定义样式:可以用于改善用户体验,比如改变按钮的颜色或者添加图标。
  • 功能扩展:可以用于添加新的功能或者修改现有的功能。

实现步骤

  1. 创建自定义插件(推荐)或者编辑当前主题的functions.php文件。
  2. 使用admin_enqueue_scripts动作来添加自定义JavaScript和CSS文件。
  3. 使用current_screen过滤器来确定当前屏幕,并据此添加特定的类或样式。
  4. 使用admin_bar_menu动作或者wp_nav_menu_items过滤器来修改菜单项。

示例代码

以下是一个简单的示例,展示如何给管理菜单中的按钮添加一个自定义类:

代码语言:txt
复制
function add_custom_class_to_admin_menu($items, $args) {
    // 检查是否在管理菜单中
    if ($args->theme_location == 'admin_menu') {
        foreach ($items as $key => $item) {
            // 假设我们要给ID为'my-menu-item'的菜单项添加类
            if ($item->ID == 'my-menu-item') {
                $items[$key]->classes[] = 'my-custom-class';
                // 如果按钮被禁用,添加另一个类
                if (!$item->active) {
                    $items[$key]->classes[] = 'disabled-menu-item';
                }
            }
        }
    }
    return $items;
}
add_filter('wp_nav_menu_items', 'add_custom_class_to_admin_menu', 10, 2);

// 在CSS文件中添加样式
function enqueue_custom_admin_styles() {
    wp_enqueue_style('custom-admin-styles', get_template_directory_uri() . '/css/admin-styles.css');
}
add_action('admin_enqueue_scripts', 'enqueue_custom_admin_styles');

然后在你的CSS文件中添加相应的样式:

代码语言:txt
复制
.disabled-menu-item {
    opacity: 0.6;
    cursor: not-allowed;
}

可能遇到的问题及解决方法

  • 样式未应用:确保CSS文件正确加载,且类名无误。
  • JavaScript冲突:如果使用了JavaScript来处理按钮状态,确保没有其他脚本冲突。
  • 性能问题:避免在钩子中进行复杂的操作,以免影响网站性能。

通过以上步骤,你可以有效地给WordPress管理菜单中的按钮添加自定义样式或类,特别是在按钮被禁用时。记得在实施更改后进行彻底测试,以确保一切按预期工作。

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

相关·内容

  • 用Google Analytics分析WordPress

    本指南提供了三种将Google Analytics添加到WordPress的方法:直接将分析代码添加到主题和两个插件选项。...您现在已经设置了Google Analytics,可以决定如何继续将代码添加到您的WordPress网站:通过您的主题或通过插件。...如果您尚未在网站中插入跟踪代码,请确保将跟踪代码链接下的跟踪选项设置为已启用。否则,可以禁用此功能。 现已设置并配置了Google Analytics Dashboard for WP。...Yoast的Google Analytics(分析)允许在您的WordPress管理界面中更广泛地自定义您的分析,但不能与您的WordPress网站的其他作者或访问者共享。...登录WordPress仪表板,导航到“插件”菜单中的“ 添加新”链接。通过Yoast搜索,下载和提取Google Analytics。

    4.5K10

    WordPress 非常好用的后台优化加速插件

    WordPress 非常好用的后台优化加速插件 ---- WordPress是一款PHP语言开发的博客程序平台,现在已经有很多站长都选择用WordPress搭建自己的博客站点,在使用WordPress中...二、优化菜单:管理菜单隐藏,隐藏不经常使用或觉得没必要的菜单选项,来实现加速效果。...三、仪表盘:优化管理仪表盘功能科技显示,移除WordPress仪表盘欢迎信息、LOGO显示、首页概况、首页活动等。 四、小工具:移除无用自定义小工具模块,如需使用请取消勾选即可。...WordPress 小助手 简介:WordPress 优化加速小助手,加速网站后台速度,后台管理菜单优化及仪表盘等模块移除优化功能。...和 Trackbacks 引用信息 关闭 XML-RPC 服务:关闭 XML-RPC 服务功能, 如果不需要使用 WordPress App 发表文章, 建议关闭 优化菜单:网站管理菜单隐藏设置

    1.4K30

    begin主题使用说明(详解教程)

    安装主题前请禁用其它插件,只保留上面的wp-postview插件,以免造成不可预知的问题,特别是一些静态缓存、网页压缩类的插件,切记!之后逐一测试启用,主题不能保证兼容所有插件。...简洁样式 所谓简洁样式,功能与原主题相同,只是简化标准主题样式中的边框,可以将下面的代码添加到主题选项→定制风格→自定义样式中: 展开代码(10月19日更新) 注:上面样式代码会随时配合主题升级而更新,...当然你想可以复制上面的代码添加到你的子主题样式文件中。...也可以将WP默认的注册页面链接加在此处。 注:在添加注册页面时,需要与正常发表日志一样,在正文部分添加一些说明文字,不然注册表单右侧会是空白,不美观。 另外,可以选择非管理员是否允许进入后台。...关注按钮默认定位在网站名称(logo)的右侧置于logo右上角,如果认为位置不满意可以将下面的代码添加到主题选项→定制风格“输入自定义样式代码”中: .weibo { left:230px; } 其中:

    4.8K40

    带有桌面和推荐软件的 Raspberry Pi OS免费下载

    下的 xrandr 管理,可以为两个显示器独立设置,并且即时生效而不需要重新启动 * GTK3 开关控制现在用于代替成对的单选按钮 * piwiz - 首次启动向导现在作为具有不同图形的不同用户在单独的会话中运行...- 图标现在必须在图标主题中,而不是任意文件 * 错误修复 - 主菜单中的项目未翻译 * 错误修复 - raspi-config 未检测到非英语语言环境中的音频设备 * 错误修复 - 书架在非英语语言环境中声称没有磁盘空间...MagPi 网络链接 * Chromium 为 PDF 文件设置了默认应用程序 * 使用的 lxpanel 插件的常用图标加载代码 * 增加了意大利语翻译 * 鼠标指针初始移动到菜单按钮禁用...鼠标和键盘设置中的键盘重复间隔错误 * 错误修复 - 电池插件中的电池检测错误 *错误修复-隐藏插件时任务栏上的虚假活动区域 * 错误修复 - 文件管理器在文件选择时偶尔崩溃 * 磁盘...* Code The Classics Python 游戏添加到推荐软件 * 文件管理器 - 在侧边栏顶部添加了新的“位置”窗格,以简化视图显示已安装的驱动器;“新文件夹”图标添加到任务栏;目录浏览器中的扩展器现在可以正确显示子文件夹的状态

    2.1K20

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

    在 WordPress 中,您可以非常轻松地创建菜单,并且有内置设置可以将菜单分配到特定位置(例如,主菜单、侧边栏菜单、页脚菜单等)。...在 WordPress 博客中,一些主题包含可用于格式化内容的简码,例如,添加按钮。而一些插件使用简码插入特殊内容,例如使用插件构建的联系表单。...Akismet已预先安装在您的 WordPress 博客中,但您需要在设置站点时激活它。 Spam(垃圾邮件) WordPress 网站上的垃圾邮件通常以垃圾评论或联系表单提交的形式出现。...它由 Automattic(因此是 WordPress 本身)创建和维护,如果您计划使用多个插件将这些功能添加到 yoru 站点,它可能是一个很好的解决方案。...例如,WP Engine 最近将 Cloudflare 集成到他们的计划中,因此启用 CDN 就像单击按钮一样简单。 Cache or Caching 缓存或缓存行为存储数据。

    7.2K20

    如何在Ubuntu 14.04上使用OpenLiteSpeed安装WordPress

    我们将使用具有sudo权限的非root用户运行本教程中的步骤。要了解如何设置此类用户,请按照Linux系统下给非root用户添加sudo权限。...为WordPress配置虚拟主机 我们将修改OpenLiteSpeed配置中已存在的默认虚拟主机,以便我们可以将其用于我们的WordPress安装。...首先,在管理界面中,从菜单栏的“配置”项中选择“虚拟主机”: 在“示例”虚拟主机上,单击“查看/编辑”链接: 这将允许您编辑虚拟主机的配置。...在下一个屏幕中,单击“重写控制”表的“编辑”按钮: 在“启用重写”选项下选择“是”: 单击“保存”返回主重写菜单。...WordPress包含自己的身份验证机制,我们不会使用OpenLiteSpeed中包含的基于文件的身份验证。我们应该摆脱这些,以尽量减少我们的WordPress安装上活动的杂散配置片段。

    1.2K00

    niRvana · 轻拟物主题4.8完美版

    因此本主题将原有的“短代码”全部升级成了“Gutenberg模块”,包括:小标题样式、模态框、提示框、折叠内容、内容回复可见、下载按钮、下拉菜单、站内文章链接等,极大的为用户提供了方便,例如: 插入提示框...方便的在文章中插入提示框,并允许选择蓝、绿、橙、红四种提示色彩 插入下载按钮 插入模态框 插入提示工具: 在段落中插入提示语,鼠标悬停即可显示,就像这样。...UI样式 您可以轻松的在文章中插入小标题样式、模态框、提示框、折叠内容、内容回复可见、下载按钮、下拉菜单、站内文章链接等,例如: 图片 图片 未标题 显示下拉菜单 左眼会配右眼哭の博客...逻辑:打开页面算1次,若从来没有统计过,那么用点赞数据来显示 5、修复:网络不通畅时,重复多次点赞的问题 6、更改:非登录状态时,请求不再带入nonce信息(缓存未登录状态页面不再报错) 7、更改:使用新的信息通知功能及通知样式...,不过还是先修改了吧(将部分RichText改成TextControl) v1.2.0 1、Play字体在1.1.3中丢失,现在找回来了 2、防采集、添加脏数据功能在之前存在问题被禁用。

    8.7K10

    WordPress缓存插件WP Fastest Cache插件使用教程

    该缓存超时选项卡允许您创建和实施管理时,缓存应该过期和再生的规则。择从每分钟一次到每年一次的时间段 – 建议大多数网站每天刷新。   框中的第一个选项是If REQUEST_URI。...一旦你选择了URI类型,选择什么样的情况。然后从下拉菜单中。此框中的选项适用于删除缓存的时间段。选择缓存超时的频率,然后单击保存。您将看到新的超时规则出现。   ...接下来就是创建API令牌   1、点击API令牌   2、点击“创建令牌”按钮   3、选择“WordPress”作为模板   4、点击“继续总结”按钮   5、点击“创建令牌”按钮   6、复制...API令牌   将复制的API令牌添加到WP Fastest Cache插件 CDN 选项中的“CDN by Cloudflare”。...在顶部的 WordPress 菜单中,转到 WPFC 并删除缓存和缩小的 CSS。 如何将 Cloudflare 与 WP Fastest Cache 结合使用?

    6.9K30

    如何在CentOS 7上使用OpenLiteSpeed安装WordPress

    我们将使用具有sudo权限的非root用户运行本教程中的步骤。要了解如何设置此类用户,请按照Linux系统下给非root用户添加sudo权限。...为WordPress配置虚拟主机 我们将修改OpenLiteSpeed配置中已存在的默认虚拟主机,以便我们可以将其用于我们的WordPress安装。...首先,在管理界面中,从菜单栏的“配置”项中选择“虚拟主机”: 在“示例”虚拟主机上,单击“查看/编辑”链接: 这将允许您编辑虚拟主机的配置。...在下一个屏幕中,单击“重写控制”表的“编辑”按钮: 在“启用重写”选项下选择“是”: 单击“保存”返回主重写菜单。...WordPress包含自己的身份验证机制,我们不会使用OpenLiteSpeed中包含的基于文件的身份验证。我们应该摆脱这些,以尽量减少我们的WordPress安装上活动的杂散配置片段。

    1.9K20

    电脑软件:SmartSystemMenu(窗口置顶工具)介绍

    显示一个对话框,其中包含当前窗口和进程的信息:窗口句柄、窗口标题、窗口风格、窗口类、进程名称、进程ID、进程路径。卷起. 将当前窗口向上卷起。毛玻璃效果. 将 “毛玻璃效果” 模糊添加到当前窗口。...将当前窗口发送到底部。保存窗口截图. 将当前窗口的屏幕截图保存到文件中。在资源管理器中打开文件. 在文件资源管理器中打开进程文件。通过鼠标拖动. 通过鼠标拖动当前窗口。调整窗口大小. ...复制所有窗口文本 (包括控制台、MS Office 产品等) 到剪贴板中,同时支持清除剪贴板。系统托盘. 将当前窗口最小化或挂起到系统托盘。按钮操作 :禁用最小化、最大化、关闭按钮其他窗口. ...显示一个对话框,其中包含当前窗口和进程的信息:窗口句柄、窗口标题、窗口风格、窗口类、进程名称、进程ID、进程路径。卷起. 将当前窗口向上卷起。毛玻璃效果. 将 “毛玻璃效果” 模糊添加到当前窗口。...复制所有窗口文本 (包括控制台、MS Office 产品等) 到剪贴板中,同时支持清除剪贴板。系统托盘. 将当前窗口最小化或挂起到系统托盘。按钮操作 :禁用最小化、最大化、关闭按钮其他窗口.

    62840

    一键完成对话需求?这款插件你不能错过(Unity3D)

    在对话期间禁用播放器控制。 2、对话编辑器 ⑴对话数据库 对话数据库是一个资产文件。若要创建对话数据库,请执行以下操作: 单击对话管理的Create按钮。...On Enable 在启用 组件已启用。 On Disable 在禁用 组件被禁用。 On Destroy 在摧毁 组件被破坏了。...如果GameObject启动为非活动状态,则将此组件添加到保证为活动的不同GameObject中,并分配目标组件。 Position Saver r 保存游戏对象的位置和旋转。...这是配置过程的概述: 1.将生成的对象组件添加到对象预置中。 2.将生成的对象管理器添加到场景中,并将对象预置分配给它。 创建生成对象预制 将派生的对象组件添加到将被实例化的预制组件中。...将场景中可以创建的所有衍生对象预制块添加到衍生对象预制块列表中。如果列表中缺少预制组件,那么在加载游戏或返回场景时,派生的对象管理器将无法重新派生它。

    4.8K20

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

    激活之后,在 WordPress 后台「WPJAM」菜单下就会新增「静态文件」子菜单,点击进入: 首先勾选「合并静态文件」按钮,然后保存,当然如果有额外的脚本和样式也可以先填入,保存之后,页面就会出现当前系统将会合并那些文件和内联的代码...博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索的 WordPress 插件 编辑器优化 优化 WordPress 传统的 TinyMCE 编辑器 添加下划线等按钮...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 将文章或评论中的外部链接加上安全提示的中间页。...站点选项 查看和管理所有非 WordPress 系统自动生成的站点选项。 如果你觉得某个选项无用,可以直接删除它。 后台论坛 WordPress 后台论坛,支持创建帖子,分组,消息。...微信小程序 微信小程序 WordPress 基础插件,包含基础类库和管理。 微信群二维码 轮询显示微信群二维码,突破微信群100人限制。

    7.1K30

    Android Studio 4.1 发布啦

    TensorFlow Hub(https://tfhub.dev/android-studio/collections/ml-model-binding/1) 上提供了各种带有元数据的预训练模型,开发者还可以自己将元数据添加到...TensorFlow Lite 模型中,如将元数据添加到TensorFlow Lite模型中概述(https://www.tensorflow.org/lite/convert/metadata )。...如示例所示,Android Studio 创建了一个 MobilenetV1025160Quantized 用于与模型进行交互的类。 如果模型没有元数据,屏幕将仅提供最少的信息。...从最初的4.1版本开始已禁用应用程序启动分析,未来在即将发布的版本中将启用此选项。解决方法是,可以使用 Perfetto 独立命令行分析器来捕获启动配置文件。...,Android Studio现在向您显示自定义视图的预览,使用工具栏中的下拉菜单可在多个自定义视图之间切换,或单击按钮以垂直或水平环绕内容。

    6.5K10

    WordPress网站安全防护插件

    如果是你想屏蔽印度地区,但是印度地区的某个客户你想让他有访问的权限,那么将该可以的ip添加到第一个框中的白名单中即可! URL address 这里指的是你网站上的某些页面,你不想让别人看到。...那么你可以将该页面的url也就是页面的访问路径添加到第二个框中的黑名单中即可。如果你想屏蔽某个类目,比方说产品下面的某个子产品大类,但是该产品大类下面有一个小产品小类你又想让访客看到。...那么你首先要在第二个框中的黑名单中输入产品大类的URL访问路径,然后在第一个框中的白名单中输入该产品小类的URL访问路径。 Bot 这里指的是屏蔽访问机器人的访问行为。...如果有些文件夹,比方说你的图片文件,因为你可能经常要修改或者替换,那么将该文件夹名称/images/添加到第二行中即可!...7.Event Notifications(活动通知) 首先,是仪表盘管理通知:单一小站点建议只要勾选”管理员登录”通知即可(也就是系统的默认选项),如果是大网站,有多个后台管理人员建议选择第二项。

    1.3K20

    c++界面开发工具_visual c++界面设计教程

    需要最新版的可以点击这里【BCG下载】 Office 2019样式的可视化主题现已推出,新类CBCGPVisualManager2019实现以下可视化样式:彩色、深灰色、白色和黑色。...这些新样式已添加到BCGP_VISUAL_THEME枚举中: BCGP_VISUAL_THEME_OFFICE_2019_COLORFUL BCGP_VISUAL_THEME_OFFICE_2019_DARK_GRAY...为图表对象实现工具提示支持:新的SetTooltip,GetTooltip和GetDescription方法已添加到CBCGPChartObject类。 2....默认情况下,将显示图表轴、数据点、轴刻度中断和数据表单元格的工具提示。 Shell管理 1. 内容在应用程序外部更改时,将向该控件通知该控件,并且控件将自动更新。...CBCGPMenuBar:实现右对齐的菜单栏项目,以下新方法已添加到此类: AddItemToRight:在菜单栏右侧添加一个项目 RemoveAllItemsOnRight:删除所有右对齐的菜单栏项目

    2.3K30

    如何加速WordPress网站

    转到网站WordPress管理页面的插件部分,单击Add New顶部的按钮,然后搜索Query Monitor。安装后一定要激活插件。 在浏览器中重新加载WordPress网站。...在顶部的管理菜单栏中,您将看到橙色突出显示的站点统计信息集合。...将鼠标悬停在此突出显示上将显示一个下拉菜单,单击Slow Queries选项将显示一个慢查询列表: 找到的慢查询是以下语句:SELECT SLEEP(5)。...单击“ 开始录制性能”按钮,然后在浏览器中重新加载页面。 页面加载完毕后,单击“ 停止录制性能”按钮。 将出现瀑布图,其中的每一行代表一个浏览器渲染事件。...缩小网站加载的CSS和JavaScript。缩小是压缩代码的过程,因此人们难以阅读,但计算机处理速度更快。脚本通常以缩小版和非缩小版的形式分发,因此您可以查找每个脚本的缩小样式并将其上载到服务器。

    4.2K30
    领券