试图将Owl Carousel变成WordPress插件，但在front-page.php中什么都没有显示

编程问答 2022-06-08

问题描述

我正试图将猫头鹰轮播变成自己的插件，但是当我呼应do_shortcode方法时，页面上似乎没有任何显示。

这是主插件文件：

<?PHP

/*
Plugin Name: Woocommerce Owl Carousel
*/

if(!defined('WPINC')){

    die;

}

define('WCOC_PLUGIN_MAIN_FILE',__FILE__);

define('WCOC_PLUGIN_URL',plugin_dir_url(__FILE__));

define('WCOC_PLUGIN_DIR',plugin_dir_path(__FILE__));

include(plugin_dir_path(__FILE__) . 'includes/wcoc-enqueue-css.PHP');

include(plugin_dir_path(__FILE__) . 'includes/wcoc-enqueue-js.PHP');

include(plugin_dir_path(__FILE__) . 'shortcodes/template-shortcode.PHP');

这是我将脚本排入队列的文件：

<?PHP

function wcoc_add_js(){

    wp_enqueue_script('owl_carousel_min_js',WCOC_PLUGIN_URL . 'js/owl.carousel.min.js',['jquery']);

    wp_enqueue_script('owl_carousel_basic_setup',WCOC_PLUGIN_URL . 'js/owl.carousel.basic.setup.js',['jquery']);

}

add_action('wp_enqueue_scripts','wcoc_add_js');

这是我将CSS放入队列的文件：

<?PHP

function wcoc_add_css(){

    wp_enqueue_style('owl_carousel_min',WCOC_PLUGIN_URL . 'css/owl.carousel.min.css');

    wp_enqueue_style('owl_theme_default_min',WCOC_PLUGIN_URL . 'css/owl.theme.default.min.css');

}

add_action('wp_enqueue_scripts','wcoc_add_css');

我在店面子主题的front-page.PHP中回显简码，如下所示：

<?PHP echo do_shortcode('[template_shortcode]'); ?>

轮播模板根本不显示，我试图从其中删除.owl-carousel类，这使得带有数字的h4出现，堆叠，没有样式和其他任何内容。 / p> 从chrome看，

css似乎正确地排在头上了

    <link rel="stylesheet" id="owl_carousel_min-css" href="http://casa.local/wp-content/plugins/wc-owl-carousel/css/owl.carousel.min.css?ver=5.5.1" media="all">
<link rel="stylesheet" id="owl_theme_default_min-css" href="http://casa.local/wp-content/plugins/wc-owl-carousel/css/owl.theme.default.min.css?ver=5.5.1" media="all">

js文件也排在头部（解决该问题时，我将其移至页脚，但现在不行吗？）

<script src="http://casa.local/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp" id="jquery-core-js"></script>
<script src="http://casa.local/wp-content/plugins/wc-owl-carousel/js/owl.carousel.min.js?ver=5.5.1" id="owl_carousel_min_js-js"></script>
<script src="http://casa.local/wp-content/plugins/wc-owl-carousel/js/owl.carousel.basic.setup.js?ver=5.5.1" id="owl_carousel_basic_setup-js"></script>

控制台也不显示任何错误。希望我能给您足够的线索，以指出一些解决方案，谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

jqueryowl-carouselwordpresswordpresswordpress-plugin-creation