首页 > 解决方案 > 如何将引导程序添加到自定义插件

问题描述

我需要一些帮助。我正在开发一个插件,我需要在简码上使用 Bootstrap。我下载 Bootstrap 并将其上传到 my-plugin/public/css 文件夹。然后我创建函数来加载样式、脚本和简码。

private function define_public_hooks() {
$plugin_public = new My_Wp_Tools_Public( $this->get_plugin_name(), $this->get_version() );
$this->loader->add_action( ‘wp_enqueue_scripts’, $plugin_public, ‘enqueue_styles’ );
$this->loader->add_action( ‘wp_enqueue_scripts’, $plugin_public, ‘enqueue_scripts’ );
// Add a shortcode to home page.
$this->loader->add_action(‘mwpt-most-popular-today’, $plugin_public, ‘mwpt_most_popular_today’);
add_shortcode(‘mwpt-most-popular-today’, array( $plugin_public, ‘mwpt_most_popular_today’));
}

以下是加载样式和脚本的函数:

public function enqueue_styles() {
wp_register_style( ‘bootstrap-css’, plugin_dir_url( __FILE__ ) . ‘css/bootstrap-4.1.0/dist/css/bootstrap.full.css’, array(), ‘1.0.0’, all);
wp_enqueue_style(‘bootstrap-css’);
}
public function enqueue_scripts() {
wp_register_script(‘bootstrap-js’, plugin_dir_url( __FILE__ ) . ‘css/bootstrap-4.1.0/dist/js/bootstrap.full.js’, array(‘jquery’), ‘3.3.1’, true);
wp_enqueue_script(‘bootstrap-js’);
}

以及使用引导程序创建简码示例的功能:

function mwpt_most_popular_today($content) {
$html = ‘&lt;br><div class=”alert alert-success”&gt;Success! Indicates a successful or positive action.</div>’;
return $content . $html;
}

由于某种原因,引导程序没有设置 $html 变量的样式,我做错了什么?此致。

标签: wordpress

解决方案


推荐阅读