WordPress: Bild in voller Größe in Miniaturansicht laden

Question

Da ein Vergrößerungsglas-Skript verwendet wird, muss ich das gesamte Bild in den Artikel laden (nicht gekennzeichnetes Bild), auch wenn der Kunde ein Miniaturbild auswählt.

Beispiel ... dieser Code generiert werden soll:

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

und nicht

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

Jeder mit einem kühlen Snippet für das? Vielen Dank!

EDIT: Ich meine Bilder, die im Artikel verwendet wurden, nicht die Post/featured/thumbnail Bilder-Funktion.

Answer 1

Sie können the_post_thumbnail ('full', 'true'); , um die ursprüngliche Bildgröße zu erhalten. OR Sie können auch

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); 

in Ihrem function.php

Answer 2

Sie können erste Miniaturbild erhalten dann in Bildtag nach innen versetzt werden. Und in "get_post_thumbnail_id" können Sie jede Größe einfügen, die Sie in Ihrem Code definieren. thumbnail definiert bereits die Größe in Ihrer 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

Es sind vier gültige Größen im WordPress-Kern integriert.

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) 

Die letzte ist eine, die Sie suchen.

Folgendes gibt die URL zurück. Mit voller Größe.

<?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]); ?>"> 

für Blog Bild können Sie verwenden -

<?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; ?> 

Wenn Sie Set Bildgröße wollen in Code Sie folgenden Code in function.php Datei verwenden können

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

dann diese Größe verwenden hier

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

Auch für weitere Optionen, um die Codex sehen.

Answer 4

hier ist der Code für benutzerdefinierte Hochladen von Bildern in 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');