Question

下面是通过我的滑块我的List项目的标记位置，我想知道要包含什么作为img源，通过post编辑器将特色图像作为滑块的图像引入。< / p>

<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="" alt="" style="display:none;"/><span><?php the_title(); ?><br /><p class="info" style="padding-left:10px;"><?php the_excerpt(); ?></p></span></a></li>

我也试过为img src <?phpthe_post_thumbnail('slider_image'); ?>

插入这一部分PHP

我的完整代码：

<div id="content"> 


<?php if (have_posts()) : ?>

<!--Your slider code goes here-->


        <div id="featured" >  
        <ul class="ui-tabs-nav">

           <?php while (have_posts()) : the_post(); ?>

            <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="" alt="" style="display:none;"/><span><?php the_title(); ?><br /><p class="info" style="padding-left:10px;"><?php the_excerpt(); ?></p></span></a></li>  

           <?php endwhile; ?>

            <li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="" alt="" style="display:none;"/><span><?php the_title(); ?><br /><p class="info" style="padding-left:10px;"><?php the_excerpt(); ?></p></span></a></li>  

            <li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="" alt="" style="display:none;"/><span><?php the_title(); ?><br /><p class="info" style="padding-left:10px;"><?php the_excerpt(); ?></p></span></a></li>  

            <li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="" alt="" style="display:none;"/><span><?php the_title(); ?><br /><p class="info" style="padding-left:10px;"><?php the_excerpt(); ?></p></span></a></li>  
         </ul>  


         <?php while (have_posts()) : the_post(); ?>

        <!-- First Content -->  
        <div id="fragment-1" class="ui-tabs-panel" style="">  
            <img src="<?php the_post_thumbnail('slider_image'); ?>" alt="" />  
            <div class="info" >  
            <h2><a href="<?php the_permalink(); ?>" ><?php the_title(); ?></a></h2>  
            <p><?php the_excerpt(); ?><a href="<?php the_permalink(); ?>" >read more</a></p>  
            </div>  
        </div>  

        <?php endwhile; ?>

        <!-- Second Content -->  
        <div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">  
            <img src="<?php the_post_thumbnail('slider_image'); ?>" alt="" />  
            <div class="info" >  
            <h2><a href="<?php the_permalink(); ?>" ><?php the_title(); ?></a></h2>  
            <p><?php the_excerpt(); ?><a href="<?php the_permalink(); ?>" >read more</a></p>  
            </div>  
        </div>  
        <!-- Third Content -->  
        <div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">  
            <img src="<?php the_post_thumbnail('slider_image'); ?>" alt="" />  
            <div class="info" >  
            <h2><a href="<?php the_permalink(); ?>" ><?php the_title(); ?></a></h2>  
            <p><?php the_excerpt(); ?><a href="<?php the_permalink(); ?>" >read more</a></p>  
            </div>  
        </div>  
        <!-- Fourth Content -->  
        <div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">  
            <img src="<?php the_post_thumbnail('slider_image'); ?>" alt="" />  
            <div class="info" >  
            <h2><a href="<?php the_permalink(); ?>" ><?php the_excerpt(); ?></a></h2>  
            <p><?php the_excerpt(); ?><a href="<?php the_permalink(); ?>" >read more</a></p>  
            </div>  
        </div>  
    </div>  

<!--Your slider code goes here-->
<!-- End Featured Lists Image Slider -->        

<?php endif; ?>

可能更加深入：http://www.sitepoint.com/forums/showthread.php?840162-Help-with-Theming-my-jQuery-CSS-slider-in-WP-to-Dashboard!!&p=5084697#post5084697

但没有这样的运气，有什么建议吗？

Answer 1

首先，the_post_thumbnail的大小没有像'slider_image'那样定义。你可以使用'full'，'large'，'medium'和'thumbnail'，除了你可以使用不同分辨率的数组（宽度，高度）。

其次，我认为你通过使用“slider_image”来引用“自定义字段”，而你无法通过the_post_thumbnail（）函数获取它。

您的帖子是否有名为“slider_image”的自定义字段？如果是这样，您可以使用here

解释的方法获取它们

使用WP中的“特色图像”自定义滑块

1 个答案: