将引导表添加到WordPress

Question

我想在WordPress中使用Bootstrap Tables，主要是因为Tablepress很难看，并且使用短代码添加表，这意味着卸载时数据会丢失。然而，我不知道该怎么做。这只是在我的网站模板的页眉和页脚添加CSS和JS链接的问题吗？我对使用物质主义主题很感兴趣。

Answer 1

我认为您需要在没有插件的情况下在主题中创建一些自定义表。

您可能需要创建自定义插件或自定义模板。您可以在functions.php中使用引导表CDN，也可以直接从模板中导入。

您可以创建自己的模板，只需参考：页面模板-WordPress手册

并导入

CSS BS表

<link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"> 

JS BS表

<script src="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.js"></script>

然后，您可以简单地使用Bootstrap table 在template_name.php中制作表格

==========================更新=======================

您可以简单地将CSS和js链接到您的主题的"；header.php"；使用<link>标签

或

通过类似的php功能排队

function add_theme_scripts() {

wp_enqueue_style( 'slider', get_template_directory_uri() . '/css/slider.css', array(), '1.1', 'all');

wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.js', array ( 'jquery' ), 1.1, true);

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

现在，您可以在任何地方使用BS表类。您只需要在您的Post Page中将表格格式化或添加为HTML即可。在你的文章的HTML块中使用BS-CSS类并构建表格。

如果使用动态表或使用其他插件填充的表，则需要进行必要的更改。