Question

我需要一些帮助。我正在开发一个插件，我需要在短代码上使用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’);
}

使用bootstrap创建短代码示例的函数：

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

由于某种原因，引导程序没有设置$ html变量的样式，我做错了什么？最好的问候。

如何将bootstrap添加到自定义插件

0 个答案: