我如何才能在我的单个帖子中正确显示我的特色图像？

时间：2013-12-19 作者：user44148

以下是我尝试过的：

1） 已添加add_theme_support(\'post-thumbnails\'); 在函数中。php。

2） 已添加<?php the_post_thumbnail(); ?> 内单。php，如下所示：

<?php
/**
 * The Template for displaying all single posts.
 *
 * @package WordPress
 * @subpackage Twenty_Eleven
 * @since Twenty Eleven 1.0
 */

get_header(); ?>


        <div id="primary">



            <div id="content" role="main">

                    <?php the_post_thumbnail(); ?>
                <?php while ( have_posts() ) : the_post();  ?>
                    <?php get_template_part( \'content-single\', get_post_format()  ); ?>

                <?php endwhile; // end of the loop. ?>

            </div>
        </div>

<?php get_footer(); ?>
我的特色图片被添加到文章上方，而不是文章内部，应该是什么样子。

为了更好地理解，以下是我所面临的问题的图片：enter image description here

我如何才能使该特色图像出现在“测试帖子”文章下面？比如这里：

提前感谢您！

4 个回复
最合适的回答,由SO网友:Charles 整理而成

正如RahilWazir所提到的，把这个代码片段<?php the_post_thumbnail(); ?> 远离单身。php。在函数中加入以下内容。php（底部）

add_filter(\'the_content\', \'put_thumbnail_in_posting\');
function put_thumbnail_in_posting($content) {
global $post;
if ( has_post_thumbnail() && ( $post->post_type == \'post\' ) ) { the_post_thumbnail( \'\', array( \'style\' => \'float:left;margin:15px;\' ) ); }
return $content;
}
将边距更改为任意值和/或添加其他css即可完成。无需将任何内容放入任何其他文件中
（顺便说一句，它会浮在内容旁边的左上角，使用“virgin”twentyeleven安装对其进行测试。）

Addon:
如果希望，请在页面上更改此部分代码$post->post_type == \'post\' 进入以下内容$post->post_type == \'post\' || \'page\' .
如果您想让它更灵活一些，并且css代码只符合您的风格。css
更改代码的以下部分array( \'style\' => \'float:left;margin:15px;\'
进入array( \'class\' => \'thumbnail-layout\' 并在样式底部添加。php文件是一个新类
使用相同的类名：（当然，您可以将该名称更改为您想要的名称，只需确保在函数代码和style.css中必须使用相同的类。

.thumbnail-layout { 
float:left;
display:inline;
margin:15px;
}
当然，您可以根据需要更改边距，也可以根据需要添加填充，等等。祝你好运

SO网友:Wrought_steel

正如Rahil在评论中所说，您需要添加the_post_thumbnail(); 阻止单个内容。php：

        <div class="entry-content">

if ( has_post_thumbnail() ) {
    the_post_thumbnail();
} 
            <?php the_content(); ?>
            <?php wp_link_pages( array( \'before\' => \'<div class="page-link"><span>\' . __( \'Pages:\', \'twentyeleven\' ) . \'</span>\', \'after\' => \'</div>\' ) ); ?>
        </div><!-- .entry-content -->
您可能还需要将缩略图的样式设置为display:inline; 和float:left; 以使其正确显示。

SO网友:Webloper

根据wordpress codex，必须在循环之间调用\\u post\\u thumbnail（）函数请参见链接the_post_thumbnail 因此，将“the\\u post\\u thumbnail（）”移动到内容单一模板中，以获得图像的正确位置。

SO网友:Brad Dalton

测试主题为“十二个孩子”。

这里有另一种方法可以将特色图片添加到单个帖子中，并根据您的子主题样式进行样式设置。css文件。

此方法也links the Post Thumbnail to the Post Permalink.

这段PHP代码位于子主题函数的末尾。php文件。

add_filter( \'the_content\', \'single_post_featured_image\' );

function single_post_featured_image($content) {

global $post;

if ( is_singular( \'post\' ) && has_post_thumbnail() ) {  

the_post_thumbnail( \'\', array( \'class\' => \'post-image\' ) ); 

printf( \'<a href="%s" title="%s">%s</a>\', get_permalink(), the_title_attribute(  

    \'echo=0\' ), $img ); 

}

return $content;


}
以下是一些CSS代码示例：

.single .post-image {
float:left; 
margin: 20px 20px 0 0;
width: 200px;
height: 200px;
}
您还可以在子主题功能文件中添加对特色图像的支持，但最好在添加之前手动裁剪/调整每个图像的大小：

//* Add new image sizes
add_image_size( \'post-image\', 200, 200, true );
来源：http://wpsites.net/web-design/display-featured-image-before-or-after-entry-title-on-single-posts-pages/

结束
标签： post-thumbnails   小码农  

相关推荐