Wordpressの画像サイズのメディアが異なるサイズを示しています

Question

ありがとう、いくつかの有用な答えを提供してくれてありがとう。最近私はプラグインhttps://wordpress.org/plugins/olevmedia-shortcodes/をダウンロードして、それは本当にうまく動作します。

それは本当に醜い：「最近のポスト」のショートコードを使用しようとすると、私はあなたが以下の添付画像に表示画像のサイズ変更に関連する問題に直面しています。私は、コードを開いて、この関数のコードの小片が見つかりました：

$out .= '<div class="omsc-recent-posts-title"><h3><a href="'. get_permalink() .'">'. get_the_title() .'</a></h3></div>'; 

       if($thumbnail && has_post_thumbnail()) { 

        $img = wp_get_attachment_image_src(get_post_thumbnail_id(), apply_filters('omsc_sc_recent_posts_img_size', 'medium')); 
        if($img) { 
         $img_html=apply_filters('omsc_sc_recent_posts_img', '<a href="'. get_permalink() .'"><img src="'.$img[0].'" alt="'.esc_attr($post->post_title).'" /></a>', array(
          'img_src' => $img[0], 
          'link' => get_permalink(), 
          'alt' => $post->post_title, 
         )); 
         $out.='<div class="omsc-recent-posts-thumb">'.$img_html.'</a></div>'; 
        } 
       } 

それから私は、画像サイズに見える、それは言う：

$img = wp_get_attachment_image_src(get_post_thumbnail_id(), apply_filters('omsc_sc_recent_posts_img_size', 'medium')); 

は、いくつかの記事「中」の場合はFirebugの通過チェックサイズは222x221、その他のサイズは300x300、残りのサイズは222x167に設定されています。

すべてのサムネイルを同じサイズにするだけです。だから、私は私のテーマのfunction.phpファイルのコードのこの部分を作成しました：

if (function_exists('add_image_size')) { 
add_image_size('custom-recpost-thumb', 222, 221,true); 
} 

と、プラグインのPHPファイルのために私は、このように関数の呼び出しをした：私が見

$img = wp_get_attachment_image_src(get_post_thumbnail_id(), apply_filters('omsc_sc_recent_posts_img_size', 'custom-recpost-thumb')); 

同じ。絶対に変更はありませんでした。私が間違ったことは何ですか？

Answer 1

私が見ることができる問題は、あなたがアップロードする写真は同じ寸法ではないので、あなたの幅に合わせて高さを自動調整することです。これを回避できる方法は2つあります。あなたはアップロードするか、CSS2に合わせてください。=あなたの望む幅と高さをあなたのimgに保持して、オーバーフローさせて隠してからイメージを取って、ボックスと同じ高さにする必要があります。あなたの写真が収まるように、ほとんどの写真は風景として作られています。レコードのためにそれを行うにはかなりの方法ではありません。アップロードする前に写真を修正することをおすすめします。

Answer 2

元の画像のサイズが異なると、異なるサイズの「中」の画像が作成されます。これはWordPressのメディア設定が異なるサイズの画像に対応するためです。一般的に、これらのピクセル設定は、任意のサイズの元の画像に対して合理的に見栄えのよい中型サイズの画像を提供する。私はWordPressがあなたの関数呼び出しをオーバーライドして、そのアルゴリズムと画像の最適化に基づいて「最高の」画像を表示できると考えています。

WordPress.orgのコーディングオプションを使用しても、WPが「良い」Webサイトを作成するために採用する普遍的な設定がいくつかあります。たぶんそれは評判のことかもしれません。多分、技術組織がユーザーにとって何がベストであるかを伝える別の例です。

いずれにしても、画像をアップロードする前に画像を最適化することが、Ankerとのより良い解決策であると私は同意します。それは、より多くのコントロールを提供し、あなたが望むようにWPがあなたのイメージを表示するチャンスを向上させます。