wordpress后台引入css样式在functions

2024-06-29 模板下载列表 0 436
郑重承诺丨总裁主题提供安全交易、信息保真!
增值服务:
¥ C币
VIP折扣
    折扣详情
  • 体验VIP会员

    免费

  • 月卡VIP会员

    免费

  • 年卡VIP会员

    免费

  • 永久VIP会员

    免费

开通VIP尊享优惠特权
立即下载 升级会员
详情介绍

在WordPress中,如果你想要在后台(admin area)引入CSS样式文件,你可以在主题的functions.php文件中使用admin_enqueue_scripts钩子。这个钩子允许你在WordPress后台页面加载CSS和JavaScript文件。

以下是一个如何在functions.php中使用admin_enqueue_scripts来引入CSS样式的示例:

function my_custom_admin_styles() {
    wp_enqueue_style(
        'my-custom-admin-style', // 唯一句柄
        get_template_directory_uri() . '/admin-css/custom-admin.css', // CSS文件路径
        array(), // 依赖项(如果有的话)
        filemtime(get_template_directory() . '/admin-css/custom-admin.css'), // 版本号,可以使用文件修改时间
        'all' // 媒体类型
    );
}

add_action('admin_enqueue_scripts', 'my_custom_admin_styles');


在这个例子中,你需要将get_template_directory_uri() . '/admin-css/custom-admin.css'替换为你的CSS文件的实际路径。确保你的CSS文件位于WordPress主题的某个文件夹中,并且该文件夹路径与你在get_template_directory_uri()之后指定的路径相匹配。

filemtime()函数用于获取文件的最后修改时间,并用作CSS文件的版本号。这样,当CSS文件更改时,浏览器会重新加载该文件而不是使用缓存的版本。

将上述代码添加到你的主题functions.php文件中后,WordPress将在后台的所有页面上加载指定的CSS样式文件。如果你只想在特定的后台页面加载CSS样式文件,你可以检查$hook_suffix变量(它包含了当前页面的钩子名称)来添加条件判断。例如:

function my_custom_admin_styles($hook_suffix) {
    // 只针对特定的后台页面加载样式
    if ('edit.php' == $hook_suffix || 'post.php' == $hook_suffix || 'post-new.php' == $hook_suffix) {
        wp_enqueue_style(
            'my-custom-admin-style',
            get_template_directory_uri() . '/admin-css/custom-admin.css',
            array(),
            filemtime(get_template_directory() . '/admin-css/custom-admin.css'),
            'all'
        );
    }
}

在这个例子中,CSS样式文件只会在编辑文章页面(edit.php、post.php、post-new.php)上加载。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

已是最后文章
已是最新文章
常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务