开机自检中缩略图大小与实际图片不同

时间：2012-06-12 作者：Sethen

我想知道如何实现一些具体的目标。我不确定这个功能是否已经内置到Wordpress中，或者是否有一些PHP正在发生。

这是我的一些设计基于的网站：http://www.premiumpixels.com/

正如你所看到的，首页上的图像被裁剪，然而，当你点击帖子本身时，它会给你一个更大的视图。试图在Wordpress中裁剪图像并使其成为特色图像是徒劳的。我想知道如何做到这一点？

他似乎在使用首页缩略图作为特色图像，而实际的博客帖子图像只是刚刚插入。然而，当我尝试这一点时，我在头版上看到了这两张图片。

有人能解释一下吗？

2 个回复

最合适的回答,由SO网友:Chip Bennett 整理而成

这很容易实现，使用corepost-thumbnails 功能。

首先，您需要通过functions.php:

<?php
function wpse54920_setup_theme() {
    // Support post thumbnails
    add_theme_support( \'post-thumbnails\' );
}
add_action( \'after_setup_theme\', \'wpse54920_setup_theme\' );
?>

接下来，您需要使用add_image_size(). 假设您需要以下自定义图像大小：

archive-index-featured, 150px 100px，硬裁剪post-header-featured, 250px宽，框大小调整，定义如下（基于以上代码）：

<?php
function wpse54920_setup_theme() {

    // Support post thumbnails
    add_theme_support( \'post-thumbnails\' );

    // Add Archive Index Featured image size
    add_image_size( \'archive-index-featured\', 150, 100, true );

    // Add Post Header Featured image size
    add_image_size( \'post-header-featured\', 250, 9999, false );
}
add_action( \'after_setup_theme\', \'wpse54920_setup_theme\' );
?>

现在，您只需在适当的模板文件中或通过适当的条件输出适当的图像大小。为了简单起见，我将使用后一种方法：

<?php
if ( has_post_thumbnail() ) {
    // Determine image size based on context
    $featured_image_size = ( is_single || is_page() ? \'post-header-featured\' : \'archive-index-featured\' );
    // Output the post featured image
    the_post_thumbnail( $featured_image_size );
}
?>

或者，您可以简单地调用the_post_thumbnail( \'post-header-featured\' ) 在里面single.php 和/或page.php, 和电话the_post_thumbnail( \'archive-index-featured\' ) 在其他模板文件中。

SO网友:WouterB

看看Timthumb, 一个用于裁剪、缩放和调整web图像大小的小php脚本。

在我的网站上，我使用它来做一些与您的示例（premiumpixels）非常相似的事情。

概述页面（page.php）上的代码：

<?php
                                        $thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), \'full\');
                                        if($thumbnail){
                                    ?>
                                    <div class="img_post">
                                        <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>" class="blogpost_img">
                                        <span class="background_3"><img src="<?php echo get_template_directory_uri(); ?>/images/post_img_arrow.png" alt="Read More" /></span>
                                        <img src="<?php echo get_template_directory_uri(); ?>/framework/timthumb.php?src=<?php echo $thumbnail[0]; ?>&amp;h=230&amp;w=340" alt="<?php the_title(); ?>" />
                                        <div class="clearfix"></div>
                                        </a>
                                    </div><!-- /img_post -->

                                    <?php
                                        }
                                    ?>

详细页面上的代码（single.php）：

                                <?php
                                        $thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), \'full\');
                                        if($thumbnail){
                                    ?>
                                    <div class="img_post">

                                        <img src="<?php echo get_template_directory_uri(); ?>/framework/timthumb.php?src=<?php echo $thumbnail[0]; ?>&amp;h=230&amp;w=680" alt="<?php the_title(); ?>" />
                                        <div class="clearfix"></div>

                                    </div><!-- /img_post -->

结束

小码农CODE

开机自检中缩略图大小与实际图片不同

相关推荐

Double thumbnails?