CSS ile öne çıkan görseli gösterme

Merhaba
başlıktan anlaşıldığı gibi css ile öne çıkan görseli nasıl gösterebilirim nette aradım ama bulamadım
background-image: url('resim urlsi');
bu kodla resim çekebiliyorum ama ben konu için o konuya eklenen öne çıkan görseli kullanmak istiyorum

şu link paylaşıldığında mı?

anasayfada konu başlıklarına resim çekmek istiyorum

<div style="background-image: url('<?php echo get_the_post_thumbnail_url(get_the_ID(),"full"); ?>'); background-size: contain; background-repeat: no-repeat; background-position: center center; height: 400px;"></div>
<!-- VEYA -->
<img src="<?php echo get_the_post_thumbnail_url(get_the_ID(),"full"); ?>" />

Bunlar işini görür.

<?php $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); ?>
<a href="<?php the_permalink() ?>"><img src="<?php echo $url; ?>" alt="<?php the_title(); ?>" /></a>

Ben bu kodu kullanıyorum bazen özelliştirmek gerekiyor. Öne çıkan görseli tam boyutu ile ekrana basar konuya linkli olarak.

malesef bunlar olmadı bende

Hocam muhtemelen öne çıkarılmış görsel desteğini kullandığın tema vermiyordur.

O nedenle functions.php 'e aşağıdaki kodları kendine göre uyarlayıp ekle.

/* Öne Çıkarılmış Görsel Özelliği Ekliyoruz */
 
if (function_exists('add_theme_support')) { 
 
   add_theme_support( 'post-thumbnails' );
   set_post_thumbnail_size( 640, 480, true ); // Standart Değerler
   add_image_size('resim-kucuk', 250, 175, true); // Küçük Resmimiz
   add_image_size('resim-buyuk', 450, 290, true); // Büyük Resmimiz
 
/* dilediğimiz kadar boyut ve alan ekleyebiliriz */
/* fakat ne kadar kırpma sayısı artarsa bir resmin o kadar çok versiyonu olacak ve bir o kadar çok yer kaplayacaktır. */
/* örnek: add_image_size('ne-isterseniz', 999, 999, true); */
 
}

//Sadece yazılara öne çıkarılmış görsel özelliği eklemek
add_theme_support( 'post-thumbnails', array( 'post' ) );
//Sadece sayfalara öne çıkarılmış görsel özelliği ekleme
add_theme_support( 'post-thumbnails', array( 'page' ) );

Sonra da index.php de while komutunun içine gelecek şekilde aşağıdaki ekle. Artık post'un neresinde görünmesini istiyorsan oraya ekleyebilirsin.

/* eğer direk resmi göstermek istiyorsan bu kodu */
 
<?php the_post_thumbnail('resim-kucuk');  ?>
 
/* eğer bir seçici ( class ) eklemek istiyorsan bu kodu */
 
<?php the_post_thumbnail('resim-kucuk', array('class' => 'one-cikan-resim'));  ?>
 
/* " one-cikan-resim" kısmına class adını yazarak kullanabilirsiniz */
/* " resim-kucuk " kısmına yazdığımız değeri fonksiyonlar dosyamızda oluşturduk. */

Tabi öne çıkan görseli olmayanlarda da bu kez hata verir, onun için de;

<?php
if(has_post_thumbnail()) { // konuda thumbnail kullanılmış mı diye kontrol et

kullanabilirsin.

Bununla birlikte öne çıkarılmış görseli olmayan post'lara da default bir resim ayarlamak isteyebilirsin. Onun içinde:

<?php
if ( has_post_thumbnail() ) {
the_post_thumbnail();
} else {
<img src="resim.jpg" alt="resim-yok" />
<?php
if ( has_post_thumbnail() ) {
the_post_thumbnail();
} else {
<img src="resim.jpg" alt="resim-yok" />
}
?>

Bunlar da tümü için default değerler:

the_post_thumbnail();  // Parametresiz. Varsayılan kullanım tipi
the_post_thumbnail('thumbnail'); //(varsayılan 150x150)
the_post_thumbnail('medium'); // (varsayılan 300x300)
the_post_thumbnail('large'); // (varsayılan 640x640)
the_post_thumbnail('full'); // (upload edildiği gibi - en büyük)
the_post_thumbnail(array(100,100) );  // Boyutlandırmayı kendiniz seçin