WordPress

WordPress Shortcode Nedir?

6 Yorum

WordPress Shortcode Hakkında Her Şey

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, tema ve eklentilerdeki fonksiyonları hızlı bir şekilde çağırmak için kullanılan kısa kodlardır. Detaylar’a codex wordpress‘ten ulaşabilirsiniz.

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. 

WordPress Shortcode Nasıl Oluşturulur?

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.

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://bugrayazar.com
Description: A very basic test plugin for subscriptions
Version: 1.0
Author: Bugra Yazar
Author URI: https://bugrayazar.com
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 🙂

Paylaş

6 Yorum.

  • Kodları kısım kısım atmanda süper olmuş teşekkür ederim

  • 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.

Yorumlar kapatılmış.

Öne çıkan web sitesi tasarım çalışmalarımıza bakın
1.000’den fazla müşteri için oluşturduğumuz güzel web sitelerinden bazılarına göz atın.
WordPress desteği ve bakımı sunuyoruz
WordPress uzmanlarından oluşan ekibimiz tarafından desteklenen planlarla devam eden bakımın stresinden kurtulun.
Google Değerlendirme Notu
5.0
206 yoruma göre
js_loader