在我的插件设置页面中,使用复选框来加载特定的CSS文件(例如Bootstrap/Foundation)

时间:2015-05-21 作者:Craig Watson

这是我在这里的第一篇帖子,如果出了什么严重的问题,我会毫不犹豫地告诉你

我正在构建的wp插件需要引导它生成的短代码,以便在浏览器中呈现时按预期设置样式。

它还需要引导js,以便在将来的更新中添加按钮下拉列表。

必要的引导。css位于主插件目录文件夹中,然后在css文件夹中,我也有与引导程序相同的情况。min.js遵循相同的文件结构进入但进入js文件夹。

我想通过设置页面上的复选框来选择是否加载这些文件。

我设置了复选框,如果选中了复选框,则实际上是PHP需要将文件排队。

默认情况下,我认为应该选中这些框。

任何帮助都将不胜感激:)

克雷格

1 个回复
SO网友:BdN3504

您必须创建一个设置页面,在该页面上注册您的设置。不幸的是,这不是一项容易的任务,但它在tutsplus. 一旦实现了设置api,就可以检查设置页面中设置的选项。根据指定的选项值,您将包含指向脚本/css文件的链接。这应该在脚本的页脚中完成,因此使用wp_footer 在css的标题中,使用wp_header 为此采取的行动:

add_action( \'wp_footer\', \'wpse_include_custom_scripts\' );

function wpse_include_custom_scripts(){

    $scripts = get_option( \'scripts\' );

    $bootstrap = $scripts[\'bootstrap\'];

    if ( $bootstrap ) {
        // add script tag for bootstrap js
    }

}

add_action(\'wp_head\', \'wpse_include_custom_css\');

function wpse_include_custom_css(){

    $scripts = get_option( \'styles\' );

    $bootstrap = $scripts[\'bootstrap\'];

    if ( $bootstrap ) {
        // add link to bootstrap css
    }

}
如果您正在使用引导,我认为没有必要在任何页面上排除引导。缩小后的css和js的内存只有30kB。

结束

相关推荐