WordPress Shortcode Nasıl Oluşturulur: Tam Kılavuz

WordPress Shortcode Nedir?

WordPress shortcode, sitende karmaşık işlemleri hızlı ve kolay şekilde gerçekleştirmeni sağlayan, köşeli parantezler içinde yazılan küçük kod parçacıklarıdır. Uzun HTML, CSS veya PHP kodları yazmak yerine, kısa kodlarla gelişmiş işlevleri birkaç saniyede ekleyebilirsin.

Bir gönderi, sayfa veya widget’a shortcode eklediğinde, WordPress bu kodu işler ve ilgili fonksiyonun çıktısı ile değiştirir; örneğin bir galeri, iletişim formu veya gömülü video gibi.

Shortcode’ların avantajları:

• Verimlilik: Az kodla gelişmiş işlemler yapabilirsin.
• Esneklik: Her yerde (yazı, sayfa, widget) kullanılabilir.
• Kullanıcı dostu: Teknik bilgi gerekmez, herkes kullanabilir.
• Tekrar kullanılabilirlik: Oluşturduğun shortcodeları farklı alanlarda tekrar tekrar kullanabilirsin.
• Temiz içerik yönetimi: Satır içi kod kullanmadan içeriklerini düzenli tutabilirsin.

Örneğin, bir galeri eklemek veya iletişim formu yerleştirmek için sadece ilgili shortcodeları eklemen yeterli. WordPress arka planda gerekeni yapar. Böylece hem yeni başlayanlar hem de deneyimli geliştiriciler için içerik oluşturmak çok daha pratik ve dinamik hale gelir.

WordPress’te Shortcode Nasıl Oluşturulur?

Kendi shortcodeni oluşturmak, sitene dinamik özellikler katmanın en kolay yollarından biri. Hem içerik akışını hızlandırır hem de özel fonksiyonlar eklemeni sağlar. Aşağıda sıfırdan bir shortcode oluşturmanın temel adımlarını bulabilirsin.

Adım Adım Kendi Shortcodeni Oluştur

1. functions.php dosyasını aç. WordPress panelinde Görünüm > Tema Düzenleyici yoluyla aktif temanın functions.php dosyasını aç.
2. Shortcode fonksiyonunu yaz. Örneğin, “Merhaba Dünya!” mesajı göstermek için aşağıdaki kodu ekle:

   function hello_world_shortcode() {
       return 'Merhaba Dünya!';
   }

3. Shortcode’u kaydet. Aşağıdaki satırı ekle:

   add_shortcode('hello_world', 'hello_world_shortcode');

   Artık [hello_world] yazdığın her yerde “Merhaba Dünya!” gösterilecek.

4. Test et. [hello_world] kodunu bir sayfa veya yazıya ekleyerek çalıştığından emin ol.

Bu kadar! Şimdi shortcodeları istediğin gibi özelleştirebilir, buton, form ya da harici API entegrasyonu gibi gelişmiş fonksiyonlar da ekleyebilirsin.

WordPress Shortcode Örneği: Buton Oluşturmak

Butonlar, kullanıcı etkileşimini artırmak için idealdir. Aşağıda kısa kodla bir buton oluşturma örneği bulabilirsin:

function custom_button_shortcode($atts) {
    $atts = shortcode_atts(
        array(
            'text' => 'Tıkla',
            'url' => '#',
        ), $atts
    );

    return '<a href="' . esc_url($atts['url']) . '" class="custom-button" style="padding: 10px 20px; background-color: #0073aa; color: white; text-decoration: none;">' . esc_html($atts['text']) . '</a>';
}
add_shortcode('custom_button', 'custom_button_shortcode');

Artık [custom_button text=”Daha Fazla” url=”https://ornek.com”] şeklinde kullanabilirsin.

WordPress’te Shortcode Nasıl Eklenir?

Shortcode oluşturduktan sonra, yazı, sayfa veya özel alanlara ekleyebilirsin. Yöntemler:

1. Klasik Editör Kullanarak

1. İlgili yazı veya sayfayı aç.
2. Köşeli parantez içinde shortcodeları ekle:

   [custom_button text="Satın Al" url="https://seninlinkin.com"]

3. Kaydet/güncelle ve önizle.

2. Blok Editör (Gutenberg) ile

1. Yazı/sayfayı blok editörde aç.
2. + işaretine tıkla, “Shortcode” bloğunu seç.
3. Shortcode’u ilgili alana yapıştır:

   [custom_button text="Üye Ol" url="https://seninlinkin.com"]

4. Kaydet/güncelle ve sonucu incele.

3. Sayfa Oluşturucular ile

Elementor veya WPBakery gibi page builder’larda “Shortcode” widget’ı ile istediğin alana kısa kodu ekleyebilirsin.

WordPress Widget’larında Shortcode Kullanımı

Shortcodelar sadece yazı ve sayfalarda değil, widget alanlarında (sidebar, footer, header) da dinamik içerik eklemek için kullanılabilir.

Widget’ta Shortcode Nasıl Eklenir?

1. WordPress panelinde Görünüm > Bileşenler bölümüne gir.
2. Bir Metin widget’ı ekle.
3. Kısa kodunu yapıştır:

   [custom_button text="İletişim" url="https://seninlinkin.com"]

4. Kaydet ve önizle.

Bu sayede iletişim formu, galeri, buton gibi dinamik içerikleri kolayca widget alanlarına ekleyebilirsin.

WordPress Shortcode Generator ile İş Akışını Kolaylaştır

Kod yazmadan hızlıca shortcode oluşturmak için WordPress shortcode generator eklentileri kullanabilirsin. Bu araçlar, seçenekleri seçerek otomatik shortcode üretilmesini sağlar.

Popüler WordPress Shortcode Generator Eklentileri:

• Shortcodes Ultimate: Slider’dan akordeona kadar çok sayıda hazır shortcode ve görsel arayüz sunar.
• WP Shortcode by MyThemeShop: Buton, sütun, sekme gibi öğeler için kolayca shortcode oluşturur.
• Shortcoder: HTML, JS gibi özel kodlardan kendi shortcodeni yazabilir veya hazır fonksiyonlar için kullanabilirsin.

Bu araçlar, özellikle birden fazla site yöneten veya sık içerik güncelleyenler için büyük zaman kazancı sağlar.

WordPress Shortcode Kullanırken Dikkat Edilmesi Gerekenler

1. Kısa kodlarını düzenli tut. functions.php içinde kısa kodlara özel bir bölüm aç, dokümante et.
2. Performansa dikkat et. Çok fazla karmaşık shortcode bir sayfada kullanılırsa yavaşlamaya neden olabilir.
3. Görsel eklentilerle kolay entegrasyon. Kod bilmeden Elfsight gibi eklentilerle görsel widget’ları shortcode ile ekleyebilirsin.
4. Farklı cihazlarda test et. Shortcode ile eklenen içeriklerin responsive olduğundan emin ol.
5. Hazır kütüphanelerden yararlan. Elfsight gibi üçüncü parti eklentilerle sosyal akış, form, inceleme gibi öğeleri shortcode ile kolayca ekle.

Bu ipuçlarıyla hem iş akışını hızlandırabilir hem de sitene profesyonel özellikler ekleyebilirsin.

Sonuç

WordPress shortcodeları, kod bilmeden dinamik özellikler eklemenin en pratik yoludur. Galeri, buton, form veya Elfsight widget’ları gibi içerikleri kolayca entegre edebilirsin. Kendi kısa kodlarını veya hazır eklentileri kullanarak sitenin işlevselliğini artır, kullanıcı deneyimini üst seviyeye çıkar.

Sıkça Sorulan Sorular