Cara mendapatkan URL gambar berfitur WordPress post


144

Saya menggunakan fungsi ini untuk mendapatkan gambar yang ditampilkan:

<a href="#" rel="prettyPhoto">
    <?php the_post_thumbnail('thumbnail'); ?>
</a>

Sekarang saya ingin mendapatkan gambar berfitur lengkap di klik pada tag jangkar yang saya perlukan URL gambar berfitur di

<a href="here" rel="prettyPhoto">

Bagaimana saya bisa memperbaikinya?

Jawaban:


302

Periksa kode di bawah ini dan beri tahu saya jika itu berhasil untuk Anda.

<?php if (has_post_thumbnail( $post->ID ) ): ?>
  <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>
  <div id="custom-bg" style="background-image: url('<?php echo $image[0]; ?>')">

  </div>
<?php endif; ?>

1
terima kasih banyak itu berhasil. saya ingin menambahkan kondisi juga. seperti jika memiliki posting thumbail kemudian tunjukkan ini dan jika tidak maka div lain atau css atau gambar default ide bagaimana
pagol

2
saya membuatnya tetapi cara yang benar atau tidak saya tidak tahu. <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?> <div class="section bannerarea cashstudybanner" style="background-image: url( <?php if ( has_post_thumbnail() ) { echo $image[0]; } else { ?> <?php bloginfo('template_directory'); ?>/images/common-banner.jpg <?php } ?> )">
pagol

Terima kasih banyak! Kode ini berfungsi dengan baik.
Calum Childs

96

Jika Anda ingin HANYA sumbernya, dan bukan array dengan informasi lain:

<?php $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID), 'thumbnail' ); ?>
<img src="<?php echo $url ?>" />

 


Untuk versi 4.4.0 dan lebih tinggi wp_get_attachment_image_url().
Charlie Vieillard

1
inilah tepatnya yang saya butuhkan. memuat penuh img src. Terima kasih!
killscreen

1
wp_get_attachment_image_urlhanya berlaku jika Anda tahu ID lampiran (bukan pos ID).
tentu saja

Saya sedang mencari itu. Terima kasih kawan :)
Arman H

19
// Try it inside loop.  
<?php
$feat_image = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
echo $feat_image;
?>

4
@ gavard.e sebenarnya akan berfungsi "sebagai ganti ': P Tetapi tanda kutip tidak diperlukan sama sekali.
Ivanka Todorova


14

Ini sangat cocok untuk saya:

<?php echo get_the_post_thumbnail_url($post_id, 'thumbnail'); ?>

3
Catatan: Hanya tersedia sejak Wordpress 4.4.0
MarcGuay

<? php echo get_the_post_thumbnail_url ($ post_id); ?> Jika Anda menginginkan gambar ukuran penuh.
yeahlad

7

Saya pikir ini adalah solusi termudah dan yang diperbarui:

<?php the_post_thumbnail('single-post-thumbnail'); ?>

Yang ada di atas tidak berfungsi (tanpa kesalahan PHP, yang tidak saya inginkan karena saya sedang membangun tema WordPress untuk massa) tetapi yang ini berhasil. +1
Calum Childs

6

Ini adalah jawaban yang paling sederhana:

<?php
    $img = get_the_post_thumbnail_url($postID, 'post-thumbnail');
?>

6

Anda dapat mencoba ini:

<?php 
    $feat_image = wp_get_attachment_url(get_post_thumbnail_id($post->ID)); 
    echo $feat_image; 
?>

ini hanya mencetak: '$ feat_image';
Stefan Yohansson

kesalahan saya, echo $ feat_image;
nim

4

Coba yang ini

<?php 
    echo get_the_post_thumbnail($post_id, 'thumbnail', array('class' => 'alignleft')); 
?>

1
Gunakan get_the_post_thumbnail_urljika Anda ingin URL gambar saja.
Gavin

3

Anda bisa mencoba ini.

<?php
   $image_url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
?>
<a href="<?php echo $image_url; ?>" rel="prettyPhoto">

3

Anda juga bisa mendapatkannya dari post_meta seperti ini:

echo get_post_meta($post->ID, 'featured_image', true);

3

Anda juga bisa mendapatkan URL untuk lampiran gambar sebagai berikut. Ini bekerja dengan baik.

if (has_post_thumbnail()) {
    $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'medium'); 
}

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

1

Anda akan mencoba ini

<?php $url = wp_get_attachment_url(get_post_thumbnail_id($post->ID), 'full'); ?> // Here you can manage your image size like medium, thumbnail, or custom size
    <img src="<?php echo $url ?>" 
/>

1

Saya telah mencari banyak dan tidak menemukan apa pun, sampai saya mendapatkan ini:

<?php echo get_the_post_thumbnail_url( null, 'full' ); ?>

Yang hanya memberi Anda URL gambar penuh tanpa seluruh <img>tag.

Semoga itu bisa membantu Anda.


0

Jika kiriman adalah gambar dan kami sudah tahu apa gambarnya, dimungkinkan untuk mendapatkan URL gambar mini tanpa terlalu banyak kesulitan:

echo pathinfo($image->guid, PATHINFO_DIRNAME);

0

Menggunakan:

<?php 
    $image_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'thumbnail_size');

    $feature_image_url = $image_src[0]; 
?>

Anda dapat mengubah thumbnail_sizenilai sesuai ukuran yang Anda inginkan.


0

Anda juga bisa mendapatkan URL untuk lampiran gambar sebagai berikut:

<?php
    "<div><a href=".get_permalink(id).">".wp_get_attachment_url(304, array(50,50), 1)."</a></div>";
?>

0

Cukup di dalam loop tulis <?php the_post_thumbnail_url(); ?>seperti yang ditunjukkan di bawah ini: -

$args=array('post_type' => 'your_custom_post_type_slug','order' => 'DESC','posts_per_page'=> -1) ;
$the_qyery= new WP_Query($args);

if ($the_qyery->have_posts()) :
    while ( $the_qyery->have_posts() ) : $the_qyery->the_post();?>

<div class="col col_4_of_12">
    <div class="article_standard_view">
        <article class="item">
            <div class="item_header">
                <a href="<?php the_permalink(); ?>"><img src="<?php the_post_thumbnail_url(); ?>" alt="Post"></a>
            </div>

        </article>
    </div>
</div>            
<?php endwhile; endif; ?>

-1
<img src="<?php echo get_post_meta($post->ID, "mabp_thumbnail_url", true); ?>" alt="<?php the_title(); ?>" width ="100%" height ="" />

Bisakah Anda menguraikan?
Peter Mortensen
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.