高级自定义字段和缩略图大小(Wordpress)

时间:2016-01-29 11:19:04

标签: php wordpress

我的客户有一个列出3个缩略图的网站,这很棒,但我需要获得缩略图的缩略版而不是默认缩略图。缩略图类称为“类型一”。

<?php 
        $i = 0;
        //$query = new WP_Query( array('category_in' => array_merge(array('6'),$subcats)) );
        //$query = new WP_Query( 'post_type=page&post_parent=35&posts_per_page=3' );
        $query = new WP_Query( array(
            'post_type' => 'page',
            'post_parent' => 35,
            'post__not_in' => array( $post->ID ),
            'posts_per_page' => 3
            )
        );
        if ( $query->have_posts() ){
            while ( $query->have_posts() ){
                $query->the_post();
                $fields = get_fields();
                $i++;
    ?>
        <div class="large-4 medium-4 small-6 columns">
        <?php if( $fields['featured_image'] ) { ?>
        <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><img src="<?php echo $fields['featured_image']['url']; ?>" alt="<?php echo $fields['featured_image']['alt']; ?>" class="margin-bottom" /></a>
        <?php } ?>
            <h3><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h3>
            <?php echo $fields['introduction']; ?>
        </div>

    <?php
    } // while
    } // if have posts
    ?>

4 个答案:

答案 0 :(得分:2)

打印$ fields数组以查看您正在使用的内容。使用高级自定义字段,有一个&#39;尺寸&#39;图像字段上的数组 -

<?php echo $fields['featured_image']['sizes']['thumbnail']; ?>

答案 1 :(得分:1)

您可以使用set post thumbnail size裁剪图像特征图像

用于当前主题的 functions.php 文件。

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 150, 150 );

注意:此功能不会调整现有精选图片的大小。

functions.php 中,粘贴其中一个并根据自己的喜好调整像素宽度和高度。

通过按比例调整图像大小(即不扭曲图像)来设置默认的缩略图后尺寸:

set_post_thumbnail_size( 50, 50 ); // 50 pixels wide by 50 pixels tall, resize mode

通过裁剪图像(从侧面或从顶部和底部)设置默认的缩略图后尺寸:

set_post_thumbnail_size( 50, 50, true ); // 50 pixels wide by 50 pixels tall, crop mode

希望这对你有所帮助!

答案 2 :(得分:1)

将其放在function.php,

function yourtheme_woocommerce_image_dimensions() {
    global $pagenow;

    if ( ! isset( $_GET['activated'] ) || $pagenow != 'themes.php' ) {
        return;
    }
    $catalog = array(
        'width'     => '400',   // px
        'height'    => '400',   // px
        'crop'      => 1        // true
    );
    $single = array(
        'width'     => '600',   // px
        'height'    => '600',   // px
        'crop'      => 1        // true
    );
    $thumbnail = array(
        'width'     => '120',   // px
        'height'    => '120',   // px
        'crop'      => 0        // false
    );
    // Image sizes
    update_option( 'shop_catalog_image_size', $catalog );       // Product category thumbs
    update_option( 'shop_single_image_size', $single );         // Single product image
    update_option( 'shop_thumbnail_image_size', $thumbnail );   // Image gallery thumbs
}
add_action( 'after_switch_theme', 'yourtheme_woocommerce_image_dimensions', 1 );

答案 3 :(得分:0)

你为什么要做代码, 您可以从管理面板修复缩略图大小,请查看此帖子,

Thumbnail size from admin panel