Öncelikle artık wordpress tasarımları hatta blogger tasarımlarında dahi thumbnail özelliği çok kullanılır olmaya başladı. Bunun sebebi ziyaretçiye yazı okutmadan önce güzel küçük bir resimle olayı anlatmak veya yazımızı güzel reimle süslemek olabilir. Fakat bunu wordpresste yaparken bazen üşengeçliyimizden dolayı thumbnail(küçük resim) eklemek sorun olmaktadır. Şimdi biz bunu kolay hale getirirken thumbnail özelliğini yani elle girme özelliğini kaybetmeyeceğiz.
Bazı bloglarda bu özellik paylaşırken sadece ilk resmi çekme yapılmaktadır. Ben size şimdi daha farklı bir yol göstereceğim. Mantık aynı ama biraz daha özellik olmuş olacak.
Önce thumbnail yoksa ilk resim o da yoksa sitenizin logosu;
Bu iş nasıl olacak derseniz ve bunu yaparken uğraştırır mı kaygısına düşmeyin çünkü çok basit.
Öncelikle wordpress temamızın functions.php dosyamızın içinde en sonda bulunan "?>" kodundan önce şu kodu ekleyiniz;
////////////////////////////////////////////////////////////////////////////////// Otomatik Thumbnail////////////////////////////////////////////////////////////////////////////////
function get_post_image() { global $post, $posts; $first_img = ''; ob_start(); ob_end_clean(); $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches); $first_img = $matches [1] [0]; if(empty($first_img)){ //Defines a default image $img_dir = get_bloginfo('template_directory'); $first_img = $img_dir . '/images/resimyok.png'; } return $first_img;}
Bunu ekledikten sonra şimdi anasayfamızda ve bunun gibi thumbnail kullanılan örnek "arşiv,kategori,etiketler,aramasaonuçları vs." gibi dosyalarada eklemeniz gereken kodu vereceğim. Öncelikle index.php dosyanızın açıp şu kodu bulunuz;
Bunu bulduktan sonra bu kodların üstüne şu kodu koyacaksınız;<?php the_content('Yazının devamını okuyun...'); ?> veya <?php the_excerpt(); ?> benzeri kod bulmanız lazım yanlız bu her tema dosyasında farklı olabilir.
<?php if( get_post_meta( $post->ID, "thumbnail", true ) ) : ?> <a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><img src="<?php echo get_post_meta( $post->ID, "thumbnail", true ); ?>" alt="<?php the_title(); ?>" class="thumbnail" width="150" height="150" style="float:left; border:2px solid #ccc; padding:2px; margin-right:5px;" /></a> <?php else : ?> <a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><img src="<?php echo get_post_image() ?>" alt="<?php the_title(); ?>" class="thumbnail" width="150" height="150" style="float:left; border:2px solid #ccc; padding:2px; margin-right:5px; " /></a> <?php endif; ?>
Bu kodu koyunca 150x150 resim gözükecektir. Eğer kendiniz thumbnail eklemek isterseniz "thumbnail" yazınız özel alana, eğer thumbnail kullanmak istemiyorsunuz ilk resim thumbnail olsun diyorsanız hiçbir şey yapmanız gerek yok direk yazınızı yayınlayınız. Eğer hiç resim ile alakası yoksa yazınız, otomatik olarak sizin logonuz konulacak.
Peki logoyu nereye atacağız derseniz; logonuzu "resimyok.png" uzantısı ile tema php dosyaların bulunduğu klasöre atınız. Logo boyutu ise 150x150 olsun.
tüm wp sürümlerinde geçerli mi bu olay ben uğraştım yapamadım
YanıtlaSilgeçerli fakat function da sıkıntı olabilir oralara dikkat etmelisiniz
YanıtlaSilİlk yaptığımda bende de sorun olmuştu. Buraya yazacaktım fakat html yi kabul etmedi http://www.yaramazadam.com/wordpress-ilk-konunun-resmini-gosterme/
YanıtlaSilÇok teşekkür ederim. Ufak bir düzenlemeyle baya işime yarayacak. :)
YanıtlaSil