WordPress Temalarınızda Kısa Kodlar Nasıl Kullanılır

Yıllardır WordPress temalarında kısa kodlar kullanıyoruz ve siteleri oluşturma şeklimizin standart bir parçası haline geldiler.

Basit bir sorunu çözerler: kodu çoğaltmadan veya tema dosyalarınızı yönetmeyi zorlaştırmadan aynı işlevselliği birden çok yere nasıl ekleyebilirsiniz.

Kısa kodlar, sitenizin herhangi bir yerinde çalışan basit, yeniden kullanılabilir kod parçacıkları oluşturmanıza olanak tanır.

Özel içerik görüntülemeniz, form eklemeniz veya etkileşimli öğeler oluşturmanız gerekip gerekmediği, kısa kodlar bu işlevselliği eklemek ve ihtiyaç duyulan her yerde kullanmak için temiz bir yol sunar.

Bu kılavuzda, farklı yöntemler kullanarak temalarınızda kısa kodları nasıl kullanacağınızı göstereceğiz.

WordPress Temalarınızda Neden Kısa Kod Kullanılır?

Kısa kodlar, resim galerileri, formlar, sosyal medya akışları ve çok daha fazlasını içeren her türlü özelliği web sitenize ekleyebilir.

WordPress birkaç yerleşik kısa kod ile birlikte gelir, ancak sitenize kısa kod ekleyen birçok popüler WordPress eklentisi de vardır.

Örneğin, WPForms'un kullanımı kolay blokları vardır, ancak aynı zamanda formları web sitenizin diğer alanlarına ekleyebilmeniz için kısa kodlar da sunar.

Çoğu zaman, kısa kodları gönderiler ve sayfalar gibi içerik alanlarının içine eklersiniz.

Daha fazla bilgi edinmek için lütfen WordPress'e kısa kod ekleme konusundaki eksiksiz kılavuzumuza bakın.

Ancak bazen, kısa kodu WordPress tema dosyalarınızın içinde kullanmak isteyebilirsiniz.

Bu, standart WordPress gönderi düzenleyicisini kullanarak düzenleyemediğiniz alanlara, örneğin arşiv sayfanıza dinamik öğeler eklemenizi sağlar. Ayrıca aynı kısa kodu birden çok sayfada kullanmanın kolay bir yoludur.

Örneğin, temanızın Sayfa veya Yazı şablonuna bir kısa kod ekleyebilirsiniz.

Bunu akılda tutarak, kısa kodları WordPress temanızda nasıl kullanabileceğinizi görelim. Kullanmak istediğiniz yönteme doğrudan atlamak için aşağıdaki hızlı bağlantıları kullanmanız yeterlidir:

• Yöntem 1: Tam Site Düzenleyicisini Kullanma (Yalnızca Blok Temaları)
• Yöntem 2: WordPress Tema Dosyalarınızı Düzenleme (Herhangi Bir WordPress Temasıyla Çalışır)
• Yöntem 3: Sayfa Oluşturucu ile Kısa Kod Ekleme (Özel Temalar)

Yöntem 1: Tam Site Düzenleyicisini Kullanma (Yalnızca Blok Temaları)

Bir WordPress kısa kodunu temanıza eklemenin en kolay yolu, tam site düzenleyiciyi kullanmaktır. Bu, web sitenizin herhangi bir yerine bir Kısa Kod bloğu eklemenizi sağlar.

Ancak bu yöntem yalnızca Hestia Pro gibi blok tabanlı temalarla çalışır. Blok etkinleştirilmiş bir tema kullanmıyorsanız, farklı bir yöntem kullanmanız gerekecektir.

Başlamak için WordPress kontrol panelinde Görünüm » Düzenleyici'ye gidin.

Varsayılan olarak, tam site düzenleyicisi temanızın ana sayfa şablonunu gösterir, ancak herhangi bir şablona kısa kodlar ekleyebilirsiniz.

Mevcut tüm seçenekleri görmek için 'Şablonlar'ı seçin.

Artık düzenlemek istediğiniz özel sayfa şablonuna tıklayabilirsiniz.

Örnek olarak, kısa kodu 404 sayfa şablonuna ekleyeceğiz, ancak hangi şablonu seçerseniz seçin adımlar tamamen aynı olacaktır.

WordPress şimdi şablonun bir önizlemesini gösterecektir.

Bir kısa kod eklemek için devam edin ve küçük kalem simgesine tıklayın.

İşlem tamamlandıktan sonra, blok düzenleyicinin sol üst köşesindeki mavi '+' simgesine tıklayın.

Arama çubuğuna 'Kısa Kod' yazmanız gerekir.

Doğru blok göründüğünde, onu tema şablonuna sürükleyip bırakın.

Artık kullanmak istediğiniz kısa kodu yapıştırabilir veya yazabilirsiniz.

Bundan sonra, 'Kaydet' düğmesine tıklayın.

Şimdi, kısa kodu çalışırken görmek için WordPress blogunuzu ziyaret edin.

Yöntem 2: WordPress Tema Dosyalarınızı Düzenleme (Herhangi Bir WordPress Temasıyla Çalışır)

Kısa kodları tema dosyalarını düzenleyerek de WordPress temanıza ekleyebilirsiniz. Bu yöntem daha gelişmiştir, ancak hem klasik hem de blok temalarla çalışır.

Sitenize daha önce kod eklemediyseniz, WordPress'e web'den kod parçacıkları yapıştırma hakkında adım adım kılavuzumuza göz atın.

Bireysel tema dosyalarını doğrudan değiştirebilirsiniz, ancak bu, özelleştirmeyi kaybetmeden WordPress temanızı güncellemenizi zorlaştırır. Bu nedenle, bir alt tema oluşturarak tema dosyalarını geçersiz kılmanızı öneririz.

Özel bir tema oluşturuyorsanız, mevcut tema dosyalarınızdaki kodu ekleyebilir veya değiştirebilirsiniz.

Tema dosyalarınızı düzenlerken, kısa kodu standart içerik alanlarıyla kullandığınızla aynı biçimde ekleyemezsiniz. Kısa kodun çıktısını görmek yerine, ekranda kısa kodun kendisini göreceksiniz.

Bu, WordPress'in tema şablon dosyalarının içinde kısa kodları çalıştırmamasından kaynaklanır. Bunun yerine, kısa kodu çalıştırmasını açıkça belirtmek için do_shortcode işlevini kullanmanız gerekir.

Daha fazla bilgi için, lütfen özel kodu kolayca nasıl ekleyeceğinize ilişkin kılavuzumuza bakın.

WordPress tema dosyalarınıza ekleyeceğiniz kodun bir örneği aşağıdadır:

echo do_shortcode('[gallery]');

Kullanmak istediğiniz kısa kod ile 'gallery' kelimesini değiştirmeniz yeterlidir.

Kısa kodu nereye ekleyeceğinizden emin değilseniz, lütfen WordPress şablon hiyerarşisine ilişkin başlangıç kılavuzumuza bakın.

Ek parametreleri olan bir kısa kod ekliyorsanız, biraz farklı bir kod parçacığı kullanmanız gerekecektir.

WPForms kullanarak bir iletişim formu oluşturduğunuzu hayal edin. Bu durumda, standart WPForms kısa kodunu ve formun kimliğini kullanmanız gerekecektir:

echo do_shortcode("[wpforms id='92']");

Sorun Giderme: do_shortcode Çalışmadığında Ne Yapmalı

Bazen bir tema dosyasına kısa kod ekleyebilirsiniz, ancak kodun çıktısı WordPress web sitenizde görünmez. Bu genellikle kısa kodun bir WordPress eklentisine veya web sitenizdeki başka bir koda bağlı olduğu anlamına gelir.

do_shortcode işlevi çalışmıyorsa, kısa kodu sağlayan eklentinin Eklentiler » Yüklü Eklentiler bölümüne giderek yüklendiğinden ve etkinleştirildiğinden emin olun.

Aşağıdaki resimde, WPForms yüklü ancak devre dışı bırakılmış, bu nedenle echo do_shortcode kodu çalışmayacaktır.

Ayrıca, shortcode_exists() fonksiyonunu index.php dosyanıza ekleyerek bir kısa kodun mevcut olup olmadığını kontrol edebilirsiniz.

Aşağıdaki kod parçasında, WPForms kısa kodunun web sitemizde kullanılıp kullanılamayacağını kontrol ediyoruz:

if ( shortcode_exists( 'wpforms' ))  {
  echo do_shortcode("[[wpforms id='147']]");
}

Web sitenizde hala kısa kod çıktısını görmüyorsanız, WordPress önbelleğini temizlemeyi deneyin, çünkü sitenizin güncel olmayan bir sürümünü görüyor olabilirsiniz.

Yöntem 3: Sayfa Oluşturucu ile Kısa Kod Ekleme (Özel Temalar)

Başka bir seçenek de özel bir WordPress teması oluşturmaktır. Bu daha gelişmiş bir yöntemdir, ancak WordPress temanızın herhangi bir alanına istediğiniz kadar kısa kod eklemenize olanak tanır. İstediğiniz özellikleri ve tasarımı tam olarak oluşturmak için başka değişiklikler de yapabilirsiniz.

Geçmişte, özel bir WordPress teması oluşturmak için genellikle karmaşık bir öğreticiyi izlemeniz veya özel kod yazmanız gerekirdi. Ancak, SeedProd kullanarak tek satır kod yazmadan özel bir tema oluşturabilirsiniz.

SeedProd, en iyi WordPress sayfa oluşturucusudur ve ayrıca bir tema oluşturucu ile birlikte tüm site kitleri ve şablonları ile birlikte gelir. Sürükle ve bırak düzenleyicisini kullanarak kendi temalarınızı tasarlamanıza olanak tanır.

Ortak markalarımızdan birkaçı tüm web sitelerini bununla tasarladı ve ekipleri bunun ne kadar başlangıç dostu ve kullanımı kolay olduğunu sevdiler.

For step-by-step instructions, please see our guide on how to create a custom WordPress theme (without any code).

Bir tema oluşturduktan sonra, SeedProd » Tema Oluşturucu'ya giderek WordPress web sitenizin herhangi bir yerine kısa kodlar ekleyebilirsiniz.

Burada, kısa kodu kullanmak istediğiniz şablonu bulun.

Ardından, fareyi o şablonun üzerine getirin ve göründüğünde 'Tasarımı Düzenle'ye tıklayın.

Bu, şablonu SeedProd'un tema oluşturucusunda açacaktır.

Sol taraftaki menüde, 'Gelişmiş' bölümüne gidin. Burada, Kısa Kod bloğunu bulun ve düzeninize sürükleyin.

Canlı önizlemede, Kısa Kod bloğunu seçmek için tıklamanız yeterlidir.

Artık kısa kodunuzu 'Kısa Kod' kutusuna ekleyebilirsiniz.

Varsayılan olarak SeedProd, kısa kod çıktısını canlı önizlemede göstermez.

Kısa kodunuzu çalışırken görmek için ‘Kısa Kod Seçeneğini Göster’ geçişini tıklayın.

Bundan sonra, 'Gelişmiş' sekmesini seçerek kısa kod çıktısına bazı stil eklemek isteyebilirsiniz.

Burada boşlukları değiştirebilir, özel CSS ekleyebilir ve hatta CSS animasyon efektleri ekleyebilirsiniz.

Sayfanın nasıl göründüğünden memnun kaldığınızda, 'Kaydet' düğmesine tıklamanız yeterlidir.

Ardından, kısa kodu canlı hale getirmek için 'Yayınla'yı seçin.

Özel kısa kodun çalışır durumda olduğunu görmek için artık web sitenizi ziyaret edebilirsiniz.

Umarım bu eğitim, WordPress kısa kodlarını temalarınızda nasıl kullanacağınızı öğrenmenize yardımcı olmuştur. Ayrıca, WordPress'te bir açılış sayfası oluşturma rehberimize ve en etkili WordPress tasarım unsurları hakkındaki nihai rehberimize de göz atmak isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.