自举渗透

Question

我想知道如何只集成引导4网格系统而不是：

尝试这样做，我从这个链接下载源代码：

https://v4-alpha.getbootstrap.com/getting-started/download/

我补充说

bootstrap-4.0.0-alpha.6/dist/css/bootstrap-grid.min.css

但它毁了我的网站。

此外，我还想将jquery重新加载到wordpress

• 我在某个地方读到wordpress包含self。-

我的jquery版本：

最后一个问题是如何将css和jquery更好地集成到wordpress？谢谢。

也可以有人添加引导4标签到wordpress.stackexchange.com，因为它是经常使用的标签。

Answer 1

Including仅引导网格系统

如果您不熟悉SaSS，只需使用他们的自定义工具来生成您的CSS文件。

自定义靴带组件

您将能够在之后对其进行排队(见下文)。

Take -- jQuery的新版本-- wp_enqueue_script()

文档：https://developer.wordpress.org/reference/functions/wp_寄存器_脚本/

WordPress没有直接将脚本加载到您的头脑中，而是有一个名为wp_head()的函数，它允许您在文件中工作以对文件进行排队。

在functions.php文件或WordPress主题的其他配置文件中，您可以创建类似的内容。

$句柄

(字符串)(必需)脚本的名称。应该是独一无二的。

$src

(String)(必需)脚本的完整URL，或脚本相对于WordPress根目录的路径。如果源设置为false，脚本是它所依赖的其他脚本的别名。

$deps

(数组)(可选)注册脚本数组处理此脚本取决于。

默认值: array()

$ver

( String )(可选)字符串，如果有脚本版本号，则指定脚本版本号，并将其作为查询字符串添加到URL中，以用于缓存破坏。如果版本设置为false，则会自动添加等于当前安装的WordPress版本的版本号。如果设置为null，则不会添加任何版本。

默认值: false

$in_footer

(bool) (可选)是否在前面而不是在。默认的‘假’。

默认值: false

下面是可以添加到函数WPScripts_enqueue中的示例代码。

// Removing default jQuery
wp_deregister_script( 'jquery' );
    
// Enqueue the new jQuery
wp_enqueue_script('jquery', 'https://code.jquery.com/jquery-3.2.1.slim.min.js', false, '3.2.1', false);

Integrating CSS与wp_enqueue_style()

文档：https://developer.wordpress.org/reference/functions/wp_排队_风格/风格

$句柄

(string) (必需)样式表的名称。应该是独一无二的。

$src

(string) (可选)样式表的完整URL，或样式表相对于WordPress根目录的路径。默认值：“”

$deps

(数组)(可选)一个已注册样式表数组处理此样式表所依赖的。

默认值: array()

$ver

( String )(可选)字符串，如果有样式表版本号，则指定样式表版本号，该字符串作为查询字符串添加到URL中，用于破坏缓存。如果版本设置为false，则会自动添加等于当前安装的WordPress版本的版本号。如果设置为null，则不会添加任何版本。

默认值: false

$ media (string) (可选)这个样式表已经为其定义的媒体。接受媒体类型，如“所有”、“打印”和“屏幕”，或媒体查询，如“(方向:纵向)”和“(最大宽度:640 max)”。

默认值：“all”

下面是一个示例代码，可以添加到前面的函数WPScripts_enqueue中。

wp_enqueue_style('css_style_name', get_template_directory_uri() . '/dist/css/styles.css', array(), false, 'all');

Final结果

最后的结果在您的functions.php文件中应该是这样的。

if ( ! function_exists( 'WPScripts_enqueue' ) ) {
    function WPScripts_enqueue() {
        
        // Removing default jQuery
        wp_deregister_script( 'jquery' );
        
        // Enqueue the new jQuery
        wp_enqueue_script('jquery', 'https://code.jquery.com/jquery-3.2.1.slim.min.js', false, '3.2.1', false);

        // Enqueue custom Bootstrap file
        wp_enqueue_style('bootstrap', get_template_directory_uri() . '/css/bootstrap.css', array(), false, 'all');

    }
}
add_action('wp_enqueue_scripts', 'WPScripts_enqueue');

注意:注册脚本或样式在技术上是不必要的，但强烈推荐。有关更多信息，请阅读文档。

希望它能帮助和指导您的发展！