微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

我正试图将猫头鹰轮播变成自己的插件,但是当我呼应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 举报,一经查实,本站将立刻删除。