• 解決済 yukayuka

    (@yukayuka)


    WordPress初心者です。
    テーマ“Hatch”を使用しています。
    アイキャッチ画像を200×200に縦横短い方の一辺を基準にトリムしたものをトップに表示させたいです。
    サイズは異なりますが正方形を並べた、このような形にしたいです。
    http://demo.alienwp.com/hatch/photo-gallery/depositphotos_1273425_l/

    しかし、上部基準となり、縦長の画像は思い通りに切り取られるのですが、横長の画像はそのまま縮小され、下部に空白ができ切り取ることができません。
    get_the_image()の部分を書き換えているのですが分かりかねます。

    <?php if ( current_theme_supports( ‘get-the-image’ ) ) {

    get_the_image( array( ‘meta_key’ => ‘Thumbnail’, ‘size’ => ‘full’, ‘image_class’ => ‘featured’, ‘width’ => 200, ‘height’ => 200, ‘default_image’ => get_template_directory_uri() . ‘/images/archive_image_placeholder.png’ ) );

    } ?>

    改善方法を教えていただきたいです。
    よろしくお願いします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちは
    functions.php archive-thumbnailの値を変更してください(180行目くらい)

    /**
     *  Image sizes
     *
     */
    function hatch_image_sizes() {
    
    	add_image_size( 'archive-thumbnail', 150, 150, true );
    	add_image_size( 'single-thumbnail', 640, 360, true );
    }

    home.phpは、’size’ => ‘archive-thumbnail’にしてください。

    get_the_image( array( 'meta_key' => 'Thumbnail', 'size' => 'archive-thumbnail', 'image_class' => 'featured', 'width' => 150, 'height' => 150, 'default_image' => get_template_directory_uri() . '/images/archive_image_placeholder.png' ) );

    変更した上で、アイキャッチを登録してみてください

    トピック投稿者 yukayuka

    (@yukayuka)

    nobitaさんありがとうございます。
    画像を再アップしないと反映されないのですね。
    解決致しました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「テーマ"Hatch"のアイキャッチ画像を真四角にする」には新たに返信することはできません。