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

WordPress temanızda kısa kodlar mı kullanmak istiyorsunuz?

Normalde kısa kodları yazılar, sayfalar veya kenar çubuğu widget’ları gibi içerik alanlarının içinde kullanırsınız. Ancak bazen WordPress temanızın içine bir kısa kod eklemek isteyebilirsiniz.

Bu makalede, WordPress temanıza herhangi bir kısa kodu nasıl kolayca ekleyebileceğinizi göstereceğiz.

WordPress Temalarınızda Neden Kısa Kodlar Kullanmalısınız?

Kısa kodlar web sitenize resim galerileri, formlar, sosyal medya beslemeleri ve çok daha fazlası dahil olmak üzere her türlü özelliği ekleyebilir.

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

Örneğin, WPForms kullanımı kolay bloklara sahiptir, ancak aynı zamanda web sitenizin diğer alanlarına formlar ekleyebilmeniz için kısa kodlar da sağlar.

Çoğu zaman kısa kodları yazılar ve sayfalar gibi içerik alanlarının içine eklersiniz.

Daha fazla bilgi edinmek için lütfen WordPress’te nasıl kısa kod ekleneceğine ilişkin eksiksiz kılavuzumuza bakın.

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

Bu, arşiv sayfanız gibi standart WordPress yazı düzenleyicisini kullanarak düzenleyemediğiniz alanlara dinamik öğeler eklemenizi sağlar. Ayrıca aynı kısa kodu birden fazla sayfada kullanmanın kolay bir yoludur.

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

Bunu akılda tutarak, WordPress temanızda kısa kodları 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)

WordPress temanızda kısa kodları kullanmanın en kolay yolu tam site düzenleyicisini kullanmaktır. Bu, web sitenizin herhangi bir bölümüne bir Kısa Kod bloğu eklemenize olanak tanır.

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

Başlamak için WordPress panosundaki Görünüm ” Düzenleyici bölümüne gidin.

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

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

Şimdi düzenlemek istediğiniz şablona tıklayabilirsiniz.

Örnek olarak 404 sayfa şablonuna bir kısa kod 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.

Bunu yaptıktan sonra, sol üst köşedeki mavi ‘+’ simgesine tıklayın.

Arama çubuğuna ‘Kısa kod’ yazmanız gerekir.

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

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

Bundan sonra, devam edin ve ‘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 (Tüm WordPress Temalarıyla Çalışır)

Tema dosyalarını düzenleyerek de WordPress temanıza kısa kodlar ekleyebilirsiniz. Bu yöntem daha ileri düzeydedir, ancak her WordPress temasında çalışır.

Sitenize daha önce kod eklemediyseniz, WordPress’te kod kopyalama ve yapıştırma ile ilgili adım adım kılavuzumuza göz atın.

Tek tek tema dosyalarını doğrudan değiştirebilirsiniz, ancak bu, WordPress temanızı özelleştirmeyi kaybetmeden güncellemeyi 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, kodu mevcut tema dosyalarınıza ekleyebilir veya değiştirebilirsiniz.

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

Bunun nedeni WordPress’in tema şablon dosyalarının içindeki kısa kodları çalıştırmamasıdır. Bunun yerine, do_shortcode işlevini kullanarak WordPress’e kısa kodu çalıştırmasını açıkça söylemeniz gerekir.

Daha fazla bilgi için lütfen özel kodun nasıl kolayca eklenebileceğine ilişkin kılavuzumuza bakın.

İşte WordPress tema dosyalarınıza ekleyeceğiniz kodun bir örneği:

echo do_shortcode('[gallery]');

‘gallery’ yerine kullanmak istediğiniz kısa kodu yazmanız yeterlidir.

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

Ekstra parametrelere sahip bir kısa kod ekliyorsanız, biraz farklı bir kod parçacığı kullanmanız gerekir.

WPForms kullanarak bir iletişim formu oluşturduğunuzu düşünün. Bu durumda, standart WPForms kısa kodunu ve formun ID’sini kullanmanız gerekecektir:

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

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

Bazen bir tema dosyasına bir 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, Eklentiler ” Yüklü Eklentiler bölümüne giderek kısa kodu sağlayan eklentinin yüklü ve etkin olduğundan emin olun.

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

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

Aşağıdaki kod parçacığında, WPForms kod parçacığının 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öremiyorsanız, sitenizin eski bir sürümünü görüyor olabileceğiniz için WordPress önbelleğini temizlemeyi deneyin.

Yöntem 3: Kendi WordPress Temanızı Oluşturma (Tamamen Özelleştirilebilir)

Bir başka 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. Ayrıca tam olarak istediğiniz özellikleri ve tasarımı 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 takip etmeniz veya özel kod yazmanız gerekirdi. Ancak artık SeedProd‘u kullanarak tek bir satır kod yazmadan özel bir tema oluşturabilirsiniz.

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

Adım adım talimatlar için lütfen özel bir WordPress temasının (herhangi bir kod olmadan) nasıl oluşturulacağına ilişkin kılavuzumuza bakın.

Bir tema oluşturduktan sonra, SeedProd ” Theme Builder‘a giderek WordPress web sitenizin herhangi bir bölümüne kısa kodlar ekleyebilirsiniz.

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

Ardından, farenizi bu ş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 ilerleyin. 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 canlı önizlemede kısa kod çıktısını göstermez.

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

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

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

Sayfanın görünümünden memnun olduğunuzda, ‘Kaydet’ düğmesine tıklamanız yeterlidir.

Bundan sonra, kısa kodu canlı hale getirmek için ‘Yayınla’yı seçin.

Artık özel kısa kodu çalışırken görmek için web sitenizi ziyaret edebilirsiniz.

Umarız bu eğitim WordPress temalarınızda kısa kodları nasıl kullanacağınızı öğrenmenize yardımcı olmuştur. Ayrıca WordPress’te açılış sayfası oluşturma rehberimize ve siteniz için en kullanışlı widget‘ları seçtiğimiz uzmanlarımıza da göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.