在wordpress中添加滑块到自定义php模板的问题

Question

尝试使用php模板将滑块添加到简单的自定义登录页面。这是我使用的代码：

<?php 
     /* Template Name: Custom Home Page */ 
     get_header(); 
    ?> 

<?php get_header(); ?> 
<div id="main_wrapper"> 
     <div id="featured_area"> 
<div id="feature_slider"> 
     <ul> 
     <li><a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/slider-1.jpg" alt="First Slide" /></a></li> 
     <li><a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/slider-2.jpg" alt="Second Slide" /></a></li> 
     <li><a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/slider-3.jpg" alt="Third Slide" /></a></li> 
     <li><a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/slider-4.jpg" alt="Fourth Slide" /></a></li> 
     </ul> 
    </div> 

     </div> 
     <div id="column_wrapper"> 
      <div class="column"> 
    <?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('left_column')) : else : ?> 
     <p><strong>Widget Ready</strong></p> 
     <p>This left_column is widget ready! Add one in the admin panel.</p> 
    <?php endif; ?>  
      </div> 
      <div class="column"> 
    <?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('center_column')) : else : ?> 
     <p><strong>Widget Ready</strong></p> 
     <p>This center_column is widget ready! Add one in the admin panel.</p> 
    <?php endif; ?>  
      </div> 
      <div class="column"> 
    <?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('right_column')) : else : ?> 
     <p><strong>Widget Ready</strong></p> 
     <p>This right_column is widget ready! Add one in the admin panel.</p> 
    <?php endif; ?>  
      </div> 
     </div> 
    </div> 
<?php get_footer(); ?> 

滑块滑动只显示ALT标签......看到自己：HTTP：//onlinebettingguide.org/custom/ 你可以给我任何帮助，将不胜感激。谢谢。

Answer 1

滑块工作，代码有效，但图像不存在。

http://onlinebettingguide.org/wp-content/themes/sportedge-parent/images/slider-1.jpg et al返回404错误。

服务器上的图像在数字之前有一个空格，而不是连字号。这将解决您的问题：

<li><a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/slider 1.jpg" alt="First Slide" /></a></li> 
    <li><a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/slider 2.jpg" alt="Second Slide" /></a></li> 
    <li><a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/slider 3.jpg" alt="Third Slide" /></a></li> 
    <li><a href="#"><img src="<?php bloginfo('template_directory'); ?>/images/slider 4.jpg" alt="Fourth Slide" /></a></li>