Yazıdaki İlk Resmi Almak ve Anasayfada Göstermek - WordPress Türkiye İletişim

Yazıdaki İlk Resmi Almak ve Anasayfada Göstermek

Çoğu Wordpress kullanıcısı artık özel alanları kullanmaya başladı ve bunun genel kullanım amacı da, anasayfada yazıyla ilintili bir resim göstermek! Özel alan kullanmak gayet güzel ancak, bunun sadece bu yolla mı çözülmesi gerekiyor ? Hatta şöyle bir düşünsenize, iki gün sonra temanızı değiştirdiniz ve bakın ne oldu? O temada özel alanlar olmadığı için yeniden düzenleme yapmaya başladınız. Yada onu da boşverin, her yazıda özel alan çağırmak ve boş mu dolu mu diye kontrol etmekle sunucunuza yüklendiniz! Bunun yerine siz yazınızın başına bir resim ekleseniz ve çok küçük bir fonksiyonla bu resmi çağırsanız her şey daha kolay olmaz mıydı.

Bu sayfaya geldiğinize göre, sizde doğru yolda ilerleyenlerdensiniz :)

Hemen işlemlere geçelim:

  1. Tema klasörünüz içerisinde bulunan functions.php dosyasını açınız.
  2. Dosyanın en sonuna kadar gelin ve ?> işaretinden önce bir üst satıra, şu kodları ilave edin:
    function resimgoster() {
     global $post, $posts;
     $resimbir = '';
     ob_start();
     ob_end_clean();
     $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
     $resimbir = $matches [1] [0];
    
     if(empty($resimbir)){ //EÄŸer resim eklememiÅŸseniz
     $resimbir = "/images/default.jpg";
     }
     return $resimbir;
    }
  3. Bu işlemi yaptıktan sonra, functions.php dosyasını kaydedin ve index.php dosyasını açın.
  4. index.php içerisinde resmi göstermek istediğiniz yere şu kodu yazın:
    <img src="<?php echo resimgoster() ?>" />

Benzer Yazilar


“Yazıdaki İlk Resmi Almak ve Anasayfada Göstermek” için 29 Yorum var

  1. avts diyor ki:

    merhaba hocam biz bu kodu yazının sagına veya soluna nasıl ekliyebiliriz.
    resimi yazının üstüne veya altına ekleniyor.
    teşekürler

  2. Dolphin diyor ki:

    Kardeş Yukarıdaki koda 300*300 küçültme kodunu ekleyemedim yardımcı olur musun ?

  3. Yunus diyor ki:

    Sağol Semih Kardeş. Yazılı bir şekilde gösterir misin.

  4. cetin diyor ki:

    Yada resim eklenmemis konu ya otomatik resim eklemek için nasıl düzenliyebiliriz ?

  5. cetin diyor ki:

    Merhaba site gercekten harika cok faydali umarım dahada büyür bir marka olur :)

    bu kod harika fakat resmi cıkan resmi boyutlandiramazmiyiz ?

  6. eylültoprak diyor ki:

    Malesef bunu göstermek için illa konu içinde o resmin var olması gerekiyor. fakat wordpress’in içinde uzun zamandır var olan dosya ekleme özelliÄŸi sayesinde bu tür iÅŸlemleri özel alanlara bağımlı kalmadan yapabilmekteyiz. tabi ki tek ÅŸartımız dosyayı wordpress dosya ekle menüsünden yapmamız gerekiyor. aÅŸağıda örnek bir kod verilmiÅŸtir.

    http://wordpress.org/support/topic/229115

  7. harew diyor ki:

    dediklerinizi yapıyorum resim yerine adresi gösteriyor

  8. ufuk diyor ki:

    kardeş sagolasın bu dedigini yaptımda kategoriye girdigim zaman görünmüyor onu nasıl yapacagım?

  9. sibel diyor ki:

    Merhaba, tesekkür ederim tekrar.
    Bir sorumuz daha olacak. Ana sayfadaki sağ tarafta About The Author kısmın altındaki avatar resmini değiştirmek istiyoruz. Ancak resim olarak değil kodların altına link olarak gömülmüs. Acaba hangi klasörde hangi dosyada ne isimde değiştirebiliriz. Farklı bir resim koyacağız yerine.
    Birde Welcome To Our Site yerine de kendi çektiğim fotoğrafları yükleyeceğim bir foto galeri eklentisi yüklemek istiyorum. Nasıl yapacağımız konusunda yardımcı olurmusunuz.
    Teşekkürler

  10. sibel diyor ki:

    Harikasınız hem de çok hızlı…
    Tesekkür ederim:)

  11. sibel diyor ki:

    Merhaba, wordpres uzmanı değilim :) Ve maalesef bu uzman dillerinden de hiç anlamıyorum. Sadece yazı yazıp görsellerinin yer almasını istediğim bir site kurdum (bi arkadasın yardımıyla) sibelbagciuzun.com
    Soho Serenity 1.2 temasını seçtim. ama ne yazıkki ne yaparsam yapayım son yazılar ana sayfada görünmüyo ve fotoğraflarda ön sayfada görünmüyor. Ön sayfada şuanda tema ilk kurulduğunda yer alan yazı var.
    her bir kategoriden istediğim yazıların görselleriyle yer almasını istiyorum sadece.
    yardım için şimdiden çooooooooookkkk tesekkürler:)

  12. Dolphin diyor ki:

    Teşekkürler bende böyle düşünüyordum özel alanla yapmak insanı sıkıyor.

    Temamı değiştireceğim şimdi sağol :)

  13. Semih diyor ki:

    Ben her ihtimale karşı özel alanları da kullanmaktayım :) ileride bi ihtimal lazım olur falan :) )

    Sağolun sıkılmayıp, okuduğunuz için :)

  14. Dolphin diyor ki:

    :) bende kullansam acaba özel alanları :)

  15. Semih diyor ki:

    Geleceğe yönelik planlarınıza uygun devam edin ;)

  16. Semih diyor ki:

    Merhaba Sibel hanım, temada ufak bir düzenleme yaptım. Bu düzenlemeyle,

    Temanın orta alanını tek kolonlu hale getirdim.
    Orta alana fonksiyon ekledim, böylece yazıdaki ilk resmi almasını sağladım.
    Resimlerin boyutlandırılması için stil dosyasında bir kaç düzenleme yaptım.
    Yeni mesajların da anasayfada görüntülenmesini sağladım.
    Mesajlar için sayfalama yaptım.

    Aşağıdaki bağlantıdan temanızın düzenlenmiş halini indiriniz.
    http://wpuzmani.s3.amazonaws.com/soho-serenity.rar
    Eski temanızın yedeğini aldıktan sonra, düzenlenmiş halini yükleyip, bir deneyin. (hani olurda bir problem çıkarsa, eski yedeği yükleyebilirsiniz)

    İyi Günler Dilerim
    Semih Aksu

  17. Semih diyor ki:

    Önemli değil, bir problem olursa iletişime geçmekten çekinmeyin :)

  18. Semih diyor ki:

    Avatarınızı değiştirmek için şunu deneyin.
    Tema dosyalarınızdaki bio.php dosyasını açın. Daha sonra aşağıdaki satırları bulun:

    <?php
    $author_email = get_the_author_email();
    echo get_avatar($author_email, '85', 'wavatar');
    ?>
    

    bunları silip şunu yazın:

    <img src="avatarlinki.jpg" class="wavatar" width="85" height="85" />
    

    Böylece avatar probleminiz çözülecektir.
    Diğer kısmıda (Welcome to Our Site), misc.php dosyasından düzenleyebilirsiniz.

  19. Semih diyor ki:

    Kategoride görünmesi için, archive.php dosyasında yine değişiklik yapmalısınız.

  20. Semih diyor ki:

    Şu şekilde yazarsanız sorun kalmayacaktır.
    <img src="<?php echo resimgoster(); ?>" />

  21. Semih diyor ki:

    Sanırım kastettiğiniz, yazı panelinden resim eklemek ancak yazı içerisinde göstermemek. böylece yazıya bağlı bir resim olacak, ve belirtilen kod yazıya eklenen ilk resmi alacaktır.
    teşekkürler öneriniz için ;)

  22. Semih diyor ki:

    Iki sorunuzu da cevaplayayım. yukarıdaki kodu kullanmak için zaten <img src= ile baÅŸlayan kodu veriyorsunuz. bu koda width=”300″ height=”300″ yazarsanız, resim 300×300 piksel olacaktır. ayrıca kodda farkettiyseniz images/default.jpg gösteriyor. bu da yazı içerisinde herhangi bir resim yoksa gösterilecek varsayılan resmin adresidir ;)

  23. Semih diyor ki:

    Zaten yazılı değil mi yukarıda ?

  24. Semih diyor ki:

    <img src="<?php echo resimgoster() ?>" width="300" height="300" />

  25. Semih diyor ki:

    Bu css bilgisiyle alakalı… örneÄŸin kodunuz ÅŸu olsun:
    <img src="<?php echo resimgoster() ?>" />

    Buna bir sınıf değeri verelim: (yaziresmi)
    <img src="<?php echo resimgoster() ?>" class="yaziresmi" />

    Şimdi bu değeri style.css içerisinde düzenleyelim:
    .yaziresmi{ float:left; }

Kendimi Şanslı Hissediyorum

Şansını denemek istiyorsan, yukarıya tıkla :)

Duyuru

WordPress'inizi yeni özellikler için ve olası güvenlik açıklarına karşın 2.9.2 sürüme yükseltmeniz tavsiye edilir.

Yükleme Sayfası

Bağlantılar