サポート » 使い方全般 » 記事のアイキャッチ画像にオリジナル画像を表示させたい

  • 解決済 saki77

    (@saki77)


    お世話になります。
    WordPress 4.1.1 (Twenty Fifteenテーマ)のアイキャッチ画像について教えて下さい。

    WPによって画質が圧縮されてリサイズされた画像ではなく、自分でメディアライブラリに
    追加した画像そのままを、記事のアイキャッチ画像として表示させる方法を探しています。

    私は自分で画質を調整してトリミングした画像をメディアライブラリにUPしていまして、
    これをアイキャッチに指定すると、WPによって圧縮されて画質が悪くなりファイルサイズも
    増えてしまうので、自分で用意した画像をそのまま表示させたいのです。

    方法がありましたら教えて下さい。
    よろしくお願い致します。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • Twenty Fifteenでは独自関数twentyfifteen_post_thumbnail()を使用してアイキャッチ画像を表示させています。twentyfifteen/inc/template-tags.phpにあります。

    その中の
    <?php the_post_thumbnail(); ?>

    <?php
    the_post_thumbnail( 'post-thumbnail', array( 'alt' => get_the_title() ) );
    ?>

    にサイズfullを指定すればアップロードした画像がそのまま表示されると思います。

    <?php the_post_thumbnail( 'full' ); ?>

    <?php
    the_post_thumbnail( 'full', array( 'alt' => get_the_title() ) );
    ?>

    テーマの更新で変更が上書きされないように、子テーマを作成して関数を書き換えるか、single.phpなど必要なテンプレートを子テーマに用意して編集するなどしてください。

    トピック投稿者 saki77

    (@saki77)

    ありがとうございます。
    現在子テーマで運用していまして、
    twentyfifteen-child/inc/template-tags.phpを置いて試しましたが変更は反映されませんでした。
    twentyfifteen-child/template-tags.phpでもだめでした。

    テーマ内のサブディレクトリにあるファイル(この場合template-tags.php)を子テーマにて内容変更するにはどうしたらいいのでしょうか?
    質問が広がってしまい申し訳ありませんが、ご教授いただけると助かります。

    子テーマのfunctions.phpにtwentyfifteen_post_thumbnail()をコピペして編集したらいけると思いますよ。

    トピック投稿者 saki77

    (@saki77)

    >子テーマのfunctions.phpにtwentyfifteen_post_thumbnail()をコピペして編集
    これでできました!
    ありがとうございました。大変助かりました。

    余談ですが、
    子テーマのfunctions.phpにtwentyfifteen_setup()をコピーして、その中のset_post_thumbnail_size()をコメントアウトすることで、
    アイキャッチ画像を自動生成させないようにすることもできました。

    —-
    これにてトピック解決とさせていただきます。

    解決済みみたいですが、

    'alt' => get_the_title()

    は、タイトルにhtmlを含んでいると、そのまま出力するので、

    the_title_attribute(array('echo' => false) )

    の方が、無難ではないでしょうか?

    Twenty Fifteenのコードだったので、何も考えずにコピペしていました。
    勉強になります。

    Twenty Fifteen だったんですね

    <a class="post-thumbnail" href="<?php the_permalink(); ?>" aria-hidden="true">
    		<?php
    			the_post_thumbnail( 'post-thumbnail', array( 'alt' => get_the_title() ) );
    		?>
    	</a>

    バグですね

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック「記事のアイキャッチ画像にオリジナル画像を表示させたい」には新たに返信することはできません。