WordPress：フルサイズの画像をサムネイルに読み込む

Question

虫めがねのスクリプトを使用しているため、お客様がサムネイルを選択していても記事（画像には表示されません）に画像全体を読み込む必要があります。このコードが生成されなければならない...

例：そのためのクールなスニペットと

<img src="..../uploads/image.png" width="300" height="500" /> 

なく

<img src="..../uploads/image-300x500.png" width="300" height="500" /> 

誰？ありがとう！

EDIT：投稿/おすすめ/サムネイル画像機能ではなく記事で使用されていた画像を意味します。

Answer 1

the_post_thumbnail（ 'full'、 'true'）を使用できます。 元の画像サイズを取得します。 OR また、あなたは、画像タグにはめ込まことができ、最初の画像のサムネイルを取得することができ、あなたのfunction.php

Answer 2

で

function get_the_post_thumbnail($post = null, $size = 'post-thumbnail', $attr = '') { 
    $post = get_post($post); 
    if (! $post) { 
     return ''; 
    } 
    $post_thumbnail_id = get_post_thumbnail_id($post); 

を使用することができます。また、 "get_post_thumbnail_id"では、定義したサイズをコードに挿入できます。サムネイルはfunction.phpのサイズを定義しています。

 <?php $thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'thumbnail');?> 
     <img src="<?php echo esc_url($thumbnail['0']); ?>" alt="Post Thumbnail"/> 

Answer 3

WordPressコアには4つの有効なサイズが組み込まれています。

the_post_thumbnail('thumbnail');  // Thumbnail (default 150px x 150px max) 
the_post_thumbnail('medium');   // Medium resolution (default 300px x 300px max) 
the_post_thumbnail('large');   // Large resolution (default 640px x 640px max) 
the_post_thumbnail('full');   // Original image resolution (unmodified) 

最後はあなたが探しているものです。

次のコードは、URLを返します。 フルサイズ

使用できる ブログイメージため

<?php if (has_post_thumbnail()) 
$imageUrl = wp_get_attachment_image_src(get_post_thumbnail_id(),'full');?> 
<img alt="Post Thumbnail" src="<?php echo esc_url($imageUrl[0]); ?>"> 

-

<?php if (has_post_thumbnail($post->ID)): ?> 
<?php $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'single-post-thumbnail'); ?> 
<img alt="Post Thumbnail" src="<?php echo esc_url($imageUrl[0]); ?>"> 
<?php endif; ?> 

あなたがコードにセットの画像サイズにしたい場合は、function.phpファイルに次のコードを使用することができます

<?php add_image_size('product-size-large',300, 500, true);?> 

より多くのオプションがCodexを見るために

はその後、またここに

<?php $imageUrl = wp_get_attachment_image_src(get_post_thumbnail_id(),'product-size-large'); ?> 

をこのサイズを使用します。

Answer 4

ここでは、カスタムイメージのアップロードのためのコードはWordPress

add_filter('image_size_names_choose', 'my_custom_sizes'); 

function my_custom_sizes($sizes) { 
    return array_merge($sizes, array(
    'your-custom-size' => __('Your Custom Size Name'), 
    )); 
} 

// Assuming your Media Library image has a post id of 24... 
echo wp_get_attachment_image(24, 'your-custom-size');