【问题标题】:Slider not appearing on home page in wordpress滑块没有出现在 wordpress 的主页上
【发布时间】:2015-04-30 04:02:50
【问题描述】:

我有一个问题,我的主页上无法显示图像滑块。

它应该位于这里:http://new.solacetree.org/

悲伤计划与出版物和资源之间的权利。

我在 WordPress v.4.2 中使用 Easing Slider (v.2.2.1.1) 和 Soliloquy (v.2.3.0) 的简码:

[soliloquy slug="home-pubs"]
[easingslider id="2009"]

它确实可以在此处的另一个页面上工作:http://new.solacetree.org/publications-resources/ 如您所见,两个滑块都出现了。

这两个页​​面的唯一区别是首页有两个侧边栏,另一个页面有一个。

我不确定其他页面上的主页缺少什么使其无法正常工作。

我发现在页脚中我缺少主页上的以下代码,但在其他页面上:

<link rel='stylesheet' id='soliloquy-lite-style-css'  href='http://new.solacetree.org/wp-content/plugins/soliloquy-lite/assets/css/soliloquy.css?ver=2.3.0' type='text/css' media='all' />
<link rel='stylesheet' id='easingslider-css'  href='http://new.solacetree.org/wp-content/plugins/easing-slider/css/easingslider.min.css?ver=2.2.1.1' type='text/css' media='all' />

<script type='text/javascript' src='http://new.solacetree.org/wp-content/plugins/soliloquy-lite/assets/js/min/soliloquy-min.js?ver=2.3.0'></script>
<script type='text/javascript' src='http://new.solacetree.org/wp-content/plugins/easing-slider/js/jquery.easingslider.min.js?ver=2.2.1.1'></script>

<script type="text/javascript">if ( typeof soliloquy_slider === 'undefined' || false === soliloquy_slider ) {soliloquy_slider = {};}jQuery('#soliloquy-container-2011').css('height', Math.round(jQuery('#soliloquy-container-2011').width()/(550/200)));jQuery(window).load(function(){var $ = jQuery;var soliloquy_container_2011 = $('#soliloquy-container-2011'),soliloquy_2011 = $('#soliloquy-2011');soliloquy_slider['2011'] = soliloquy_2011.soliloquy({slideSelector: '.soliloquy-item',speed: 400,pause: 5000,auto: 1,useCSS: 0,keyboard: true,adaptiveHeight: 1,adaptiveHeightSpeed: 400,infiniteLoop: 1,mode: 'fade',pager: 1,controls: 1,nextText: '',prevText: '',startText: '',stopText: '',onSliderLoad: function(currentIndex){soliloquy_container_2011.find('.soliloquy-active-slide').removeClass('soliloquy-active-slide');soliloquy_container_2011.css({'height':'auto','background-image':'none'});if ( soliloquy_container_2011.find('.soliloquy-slider li').size() > 1 ) {soliloquy_container_2011.find('.soliloquy-controls').fadeTo(300, 1);}soliloquy_2011.find('.soliloquy-item:not(.soliloquy-clone):eq(' + currentIndex + ')').addClass('soliloquy-active-slide');soliloquy_container_2011.find('.soliloquy-clone').find('*').removeAttr('id');},onSlideBefore: function(element, oldIndex, newIndex){soliloquy_container_2011.find('.soliloquy-active-slide').removeClass('soliloquy-active-slide');$(element).addClass('soliloquy-active-slide');},onSlideAfter: function(element, oldIndex, newIndex){},});});</script>

在我留下空格的这些行之间有代码,所以我认为它与函数无关:

<?php wp_footer(); ?>

我确实将以下内容添加到我的functions.php 文件中,主题创建者说要在一个页面上设置双边栏。我看不出它会如何改变页脚中的显示方式,但如果有帮助的话,它就在那里。

/* Home Page Layout */
add_filter( 'generate_sidebar_layout','generate_custom_homepage_sidebar_layout' );
function generate_custom_homepage_sidebar_layout( $layout )
{
    // If we are on a woocommerce page, set the sidebar
    if ( is_front_page() )
        return 'both-sidebars';

    // Or else, set the regular layout
    return $layout;

 }

编辑:我删除了上面的函数,它没有改变任何东西,所以我把它留在了那里。

欢迎提出任何建议。

【问题讨论】:

    标签: wordpress slider


    【解决方案1】:

    在您的主页 html 上,似乎缺少滑块的 JS 和 CSS

    例如

    <link rel='stylesheet' id='soliloquy-lite-style-css'  href='http://new.solacetree.org/wp-content/plugins/soliloquy-lite/assets/css/soliloquy.css?ver=2.3.0' type='text/css' media='all' />
    
    <link rel='stylesheet' id='easingslider-css'  href='http://new.solacetree.org/wp-content/plugins/easing-slider/css/easingslider.min.css?ver=2.2.1.1' type='text/css' media='all' />
    
    <script type='text/javascript' src='http://new.solacetree.org/wp-content/plugins/soliloquy-lite/assets/js/min/soliloquy-min.js?ver=2.3.0'></script>
    
    <script type='text/javascript' src='http://new.solacetree.org/wp-content/plugins/easing-slider/js/jquery.easingslider.min.js?ver=2.2.1.1'></script>
    
    <script type="text/javascript">if ( typeof soliloquy_slider === 'undefined' || false === soliloquy_slider ) {soliloquy_slider = {};}jQuery('#soliloquy-container-2011').css('height', Math.round(jQuery('#soliloquy-container-2011').width()/(550/200)));jQuery(window).load(function(){var $ = jQuery;var soliloquy_container_2011 = $('#soliloquy-container-2011'),soliloquy_2011 = $('#soliloquy-2011');soliloquy_slider['2011'] = soliloquy_2011.soliloquy({slideSelector: '.soliloquy-item',speed: 400,pause: 5000,auto: 1,useCSS: 0,keyboard: true,adaptiveHeight: 1,adaptiveHeightSpeed: 400,infiniteLoop: 1,mode: 'fade',pager: 1,controls: 1,nextText: '',prevText: '',startText: '',stopText: '',onSliderLoad: function(currentIndex){soliloquy_container_2011.find('.soliloquy-active-slide').removeClass('soliloquy-active-slide');soliloquy_container_2011.css({'height':'auto','background-image':'none'});if ( soliloquy_container_2011.find('.soliloquy-slider li').size() > 1 ) {soliloquy_container_2011.find('.soliloquy-controls').fadeTo(300, 1);}soliloquy_2011.find('.soliloquy-item:not(.soliloquy-clone):eq(' + currentIndex + ')').addClass('soliloquy-active-slide');soliloquy_container_2011.find('.soliloquy-clone').find('*').removeAttr('id');},onSlideBefore: function(element, oldIndex, newIndex){soliloquy_container_2011.find('.soliloquy-active-slide').removeClass('soliloquy-active-slide');$(element).addClass('soliloquy-active-slide');},onSlideAfter: function(element, oldIndex, newIndex){},});});</script>
    

    滑块本身的 DIV 并没有输出到代码中

    &lt;div class="soliloquy-wrapper"&gt;&lt;/div&gt;&lt;div class="easingslider"&gt;&lt;/div&gt;

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-08-23
    • 2021-11-13
    • 1970-01-01
    • 2012-07-28
    • 2020-03-01
    相关资源
    最近更新 更多