サポート » テーマ » [graphy] 記事上部にある画像の大きさが異なる

  • 解決済 luciferto

    (@luciferto)


    はじめまして。ルシです。

    【前提条件】
    Wordpressバージョン:4.2.4
    使用テーマ:Graphy (https://ja.wordpress.org/themes/graphy/)
    アップロード画像ファイルサイズ:1920×1040
    メディア設定:サムネイル(150×150)、中(600×0)、大(1200×0)

    【問題】
    テーマを変更してから、変更する前に公開した記事のタイトル上に表示される画像(正式になんと呼べばいいかわかりませんが)のサイズが縮小されてしまう。

    【内容】
    テーマを変更してから作成・公開した記事のソースを確認すると下記のようになっています。

    <div class="post-thumbnail"><img width="800" height="450" src="http://xxxx.xxxxx.com/wp-content/uploads/2015/08/20150809-002410-800x450.jpg" class="attachment-post-thumbnail wp-post-image" alt="20150809-002410" /></div>

    テーマを変更する前に作成・公開した記事のソースは下記です。

    <div class="post-thumbnail"><img width="265" height="174" src="http://xxxx.xxxx.com/wp-content/uploads/2015/06/20150609-011235-265x174.jpg" class="attachment-post-thumbnail wp-post-image" alt="20150609-011235" /></div>

    単純な話、小さなサイズで指定しているだけのように見えますが、どこからこのサイズを導いているかがわからず、ご教示いただけたらと思います。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • 公開した記事のタイトル上に表示される画像

    アイキャッチ画像ですね。昔は投稿サムネイルと呼ばれていました。投稿の新規作成・編集画面で画像をアップロードまたは選択して、投稿へ付けることができます。

    それで画像の大きさが異なる理由は、アイキャッチ画像に、Graphyテーマと以前使っていたテーマが異なるサイズを指定(強制)しているからだと思います。

    Graphyテーマは幅800ピクセルを指定しています。テーマのfunctions.phpファイル内にあるset_post_thumbnail_sizeの行です。

    /*
     * Enable support for Post Thumbnails on posts and pages.
     *
     * @link http://codex.wordpress.org/Function_Reference/add_theme_support#Post_Thumbnails
     */
    add_theme_support( 'post-thumbnails' );
    set_post_thumbnail_size( 800 );
    add_image_size( 'graphy-page-thumbnail', 1260, 350, true );

    比較として例えばTwentyThirteenテーマは604ピクセルです。

    /*
     * This theme uses a custom image size for featured images, displayed on
     * "standard" posts and pages.
     */
    add_theme_support( 'post-thumbnails' );
    set_post_thumbnail_size( 604, 270, true );

    ところで、過去の投稿のアイキャッチ画像の大きさを現在のテーマの大きさに変えるには、例えば下記のプラグインが使えます。試すときはバックアップをとって戻せる準備をしてからどうぞ。
    Regenerate Thumbnails

    スレッド開始 luciferto

    (@luciferto)

    >> gblsmさん

    返信ありがとうございます。

    私もfunction.phpファイルから幅800ピクセルで表示されていることは確認出来たのですが、以前のテーマで作成した記事の指定が下記のようになっている、その指定箇所を見つけたいと考えました。

    img width=”265″ height=”174″

    頂いた「Regenerate Thumbnails」プラグインはサムネイル画像(メディア設定でサムネイルに指定されている画像(例えば150×150とか))を再作成するプラグインかと誤解していました。
    古い設定を除去することも出来るのですね。

    帰宅後、バックアップ取得して実行してみます。

    結果についてはまたここでご連絡させていただきます。
    ありがとうございました。

    265×174は「Graphyの前に使っていたテーマ」が自動的に指定したサイズの筈です。

    前のテーマのときに投稿を作成してアイキャッチ画像を付けた(または自動的に付いた)とき、オリジナルの画像からアイキャッチ画像ファイルが自動生成されたと思います。そのアイキャッチ画像ファイルが265×174で作られて、今も投稿に付けられたままなので、それが表示(サイズ指定も)されているのでしょう。

    前のテーマは何でしたか?そのテーマのファイルを調べれば確認できると思います。

    スレッド開始 luciferto

    (@luciferto)

    >> gblsmさん

    引き続きありがとうございます。

    以前使っていたテーマはYosemiteという有料テーマでした。

    Yosemite

    教えていただいたとおり、function.phpを確認すると下記の通り、今回問題の「set_post_thumbnail_size( 265, 174, true );」がありました。

    if ( function_exists( 'add_theme_support' ) ) {
        add_theme_support( 'post-thumbnails' );
        function mts_add_image_sizes() {
            set_post_thumbnail_size( 265, 174, true );
            add_image_size( 'wp_review_small', 70, 70, true ); // small thumb
            add_image_size( 'wp_review_large', 265, 174, true ); // large thumb
        }
        add_action( 'init', 'mts_add_image_sizes', 11 );
    }

    これで原因がはっきりしたと思いますので、「Regenerate Thumbnails」を実行して解決するかを見てみます。

    スレッド開始 luciferto

    (@luciferto)

    >> gblsmさん

    解決しました!

    頂いた情報を元に、画像データをバックアップし、「Regenerate Thumbnails」プラグインを使ってregenerateすることでアイキャッチ画像が大きく表示することができました。

    長い間解決出来なかった問題がやっと解決してホッとしています。

    本当にありがとうございました。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「[graphy] 記事上部にある画像の大きさが異なる」には新たに返信することはできません。