Buğra Yazar

WordPress Shortcode Nedir? Nasıl Kullanılır? (Sıfırdan Öğreniyoruz)

WordPress Shortcode Nedir? Nasıl Kullanılır? (Sıfırdan Öğreniyoruz) - Buğra Yazar
WordPress Shortcode Nedir? Nasıl Kullanılır? (Sıfırdan Öğreniyoruz)

Bu yazıyı arkadaşlarınla paylaş

WordPress yaklaşık altı yıl önce 2.5 versiyonunu tanıttı ve o zamandan beri, WordPress işlevselliğini artırmak için WordPress Shortcode kullanılıyor.

WordPress Shortcode yani kısa kodları, ziyaretçiler için oluşturulan ve farklı içeriklerle değiştirilen bir yazıya veya sayfaya girebileceğiniz belirli bir etiket olarak tanımlayabiliriz

Daha önce shortcode kullanmış olabilirsiniz, fakat eklenti kullanmadan kendi WordPress Shortcode ekleme ve oluşturmanın çok kolay olduğunu biliyor muydunuz?

Bu yazıda, ihtiyaçlarınıza yönelik pratik kısa yollar kullanmanız için size yardımcı olacak WordPress Shortcode oluşturma işleminin nasıl yapıldığını göstereceğim. Bu tarz wordpress dersleri için Bu bağlantıyı takip edebilirsiniz.

function.php ile Shortcode Yapımı

wordpress shortcode yapımı için tema functions.php dosyasında yazabilir veya basit bir eklenti oluşturabilirsiniz. Ben her ikisini de göstereceğim ama ilk başta functions.php dosyasına ekleyip eklentisiz yapmaya bakacağız. Aşağıdaki yöntem wordpress sayfaya shortcode eklemek en basit yoldur.

WordPress [Shortcode] Nasıl Yapılır?

Tema klasörünüzdeki Functions.php dosyasına açın ve aşağıdaki kodu dosyanın en alt kısmına yapıştırın.

function subscribe_link(){
    return 'Follow us on <a rel="nofollow" href="https://www.facebook.com/bugrayazarblog/">Facebook</a>';
}
add_shortcode('subscribe', 'subscribe_link');

ShortCode’u Test Edin

Oluşturduğumuz [subscribe] kodunu sayfada göstermek istediğiniz yere yazınıza veya sayfanıza aşağıdaki gibi ekleyin.

WordPress Shortcode Kodunun Kullanımı
WordPress Shortcode Kodunun Kullanımı

Aşağıdaki resme bakın; eğer aynı şeyi görüyorsanız kod doğru çalışıyor.

WordPress Shortcode Örneği
WordPress Shortcode Örneği

WordPress Shortcode parametreleri nasıl eklenir?

Birçok sosyal medya aracılığıyla hedef kitlenize ulaşmak isteyebilirsiniz. Bu yüzden, sosyal medya adreslerini değiştirmek için wordpress shortcode‘a nasıl parametre ekleneceğini göstereceğim.

Şimdi ise en başta oluşturuduğum shortcode’a ekstra parametre ekleyeceğiz.

Aşağıdaki kodu function.php‘ye ekleyin.

function subscribe_link_att($atts, $content = null) {
    $default = array(
        'link' => '#',
    );
    $a = shortcode_atts($default, $atts);
    $content = do_shortcode($content);

    return 'Follow us on <a href="'.$a['link'].'" style="color: red">'.$content.'</a>';
}
add_shortcode('subscribe', 'subscribe_link_att');

Oluşturduğumuz WordPress Kısayolunu(Shortcode) Yazı ve Sayfaya Eklemek İçin;

Aşağıdaki kodu yazınıza veya sayfanıza ekleyin.

[subscribe link='https://www.facebook.com/bugrayazar/']Facebook[/subscribe]
[subscribe link='https://www.twitter.com/bugrayazar/']Twitter[/subscribe]
WordPress Shortcode Kodunun Kullanımı
WordPress Shortcode Kodunun Kullanımı

Resme baktığınızda bağlantı etiketine stil eklediğimi göreceksiniz. Bu nedenle, bağlantı metni kırmızı görünüyor.

Canlı Örnek: https://www.bugrayazar.com.tr/beni-takip-edin/

WordPress Shortcode Örneği
WordPress Shortcode Örneği

Eklenti Shortcode Yapımı

Functions.php dosyanızı özelleştirmek istemiyorsanız, bu kısa kod işlevselliğini kullanmak için basit bir eklenti oluşturabilirsiniz.

Bir eklenti oluşturmak için eklenti klasörünüze gidin ve ve takipet isimli bir klasör oluşturun ve içinde aynı ada sahip bir PHP dosyası oluşturun, yani eklenti klasör adı ve PHP dosya adı aynı olacaktır.

Adım Adım WordPress Shortcode Plugini Oluşturuyoruz

Şimdi WordPress shortcodes plugini  için düzenlemeleri yapalım. Aşağıdaki örneği kendinize göre düzenleyebilirsiniz.

/*
Plugin Name: Takip et
Plugin URI: https://www.bugrayazar.com.tr
Description: A very basic test plugin for subscriptions
Version: 1.0
Author: Bugra Yazar
Author URI: https://www.bugrayazar.com.tr
License: GPL2
*/

Kodu, birkaç dakika önce eklediğiniz functions.php dosyanızdan kesin ve şimdi eklenti dosyasına, eklenti dosyasının başlık bilgilerinin altına ekleyin.

WordPress Shortcode Eklentisini Aktifleştirmek

 WordPress Shortcode Eklentisini Aktifleştirmek
WordPress Shortcode Eklentisini Aktifleştirmek

Artık eklentinizi Eklentiler dizininde görebilirsiniz. Sadece eklentiyi aktifleştirin ve daha önce olduğu gibi aynı işlemi takip edin.

Umarım WordPress web siteniz için WordPress Shortcode Kullanımı konusunda bu kısa eğitimin tadını çıkarmışsınızdır. Düşüncelerinizi yorum bölümünde paylaşın. Kafanıza takılan bir şey olursa lütfen bana yazın 🙂

Bu yazıyı arkadaşlarınla paylaş

Buğra Yazar

Startup Wordpress firma sahibi olarak 5 yıldır kurumsal firmalara WordPress danışmanlık hizmetleri vermekteyiz. Siz hayalinizdeki projeyi anlatın biz gerçekleştirelim.

Yazıyı Beğen

1 Yıldız2 Yıldız3 Yıldız4 Yıldız5 Yıldız (7 votes, average: 5,00 out of 5)
Loading...


  • aklıma bunu kullanıp deli fikirler yapmak geliyor. mesela youtube için hızlı playlist hazırlayabilirim. yada sevdiğim filmleri ekleyebilirim.

  • buğra hocam ben bu kodları çalıştırmamadım. html bölümünemi yazıyorum yoksa diğer kısıma mı?

  • WordPress shortcode aylardır uğraştırıyordum. Sade ve detaylı anlatımınız için çok teşekkür ederim.Faydalı oldu.

  • bir kaç ay wordpress shortcode kullanımı için araştırmalar yapmıştım. ama türkçe kaynaklar yetersizdi. ingilizcede hav ar yu ne varyu seviyesinde oldugundan bi türlü becerememiştim.
    bütün samimiyetimle söylyürorum.. tertemiz bir yazı teşekkürler.

6 yorum