WordPress'te Kısa Kod Nasıl Eklenir? (Yeni başlayanların rehberi)

Kısa kodlar, WordPress gönderilerinize, sayfalarınıza ve kenar çubuklarınıza dinamik içerik eklemenin kolay bir yoludur.

Birçok WordPress eklentisi ve teması, iletişim formları, resim galerileri, kaydırıcılar ve daha fazlası gibi özel içerik eklemek için kısa kodlar kullanır.

Bu yazıda, WordPress'e nasıl kolayca kısa kod ekleyeceğinizi göstereceğiz. WordPress'te kendi özel kısa kodlarınızı nasıl oluşturacağınızı da göstereceğiz.

Kısa kodlar nedir?

WordPress'teki kısa kodlar, WordPress gönderilerine, sayfalarına ve kenar çubuğu widget'larına dinamik içerik eklemenize yardımcı olan kod kısayollarıdır. Aşağıdaki gibi köşeli parantezler içinde görüntülenirler:

[kısa kodum]

Kısa kodları daha iyi anlamak için, ilk etapta neden eklendiklerinin arka planına bir göz atalım.

WordPress, hiç kimsenin veri tabanına kötü amaçlı kod eklemek için gönderileri ve sayfa içeriğini kullanmadığından emin olmak için tüm içeriği filtreler. Bu, yazılarınıza temel HTML yazabileceğiniz, ancak PHP kodu yazamayacağınız anlamına gelir.

Peki ya ilgili gönderileri, banner reklamları, iletişim formlarını, galerileri vb. görüntülemek için gönderilerinizin içinde bazı özel kodlar çalıştırmak isterseniz?

Burası Kısa Kod API'sinin devreye girdiği yerdir.

Temel olarak, geliştiricilerin kodlarını bir işlevin içine eklemelerine ve ardından bu işlevi WordPress'e kısa kod olarak kaydetmelerine olanak tanır, böylece kullanıcılar herhangi bir kodlama bilgisine sahip olmadan kolayca kullanabilirler.

WordPress kısa kodu bulduğunda, onunla ilişkili kodu otomatik olarak çalıştırır.

WordPress yazılarınıza ve sayfalarınıza nasıl kolayca kısa kod ekleyeceğinizi görelim.

WordPress Yazılarına ve Sayfalarına Kısa Kod Ekleme

İlk olarak, kısa kodu eklemek istediğiniz gönderiyi ve sayfayı düzenlemeniz gerekir. Bundan sonra, bir kısa kod bloğu eklemek için blok ekle düğmesine tıklamanız gerekir.

Kısa kod bloğunu ekledikten sonra, kısa kodunuzu blok ayarlarına girmeniz yeterlidir. Kısa kod, iletişim formları için WPForms, e-posta pazarlama formları için OptinMonster, aramak için tıkla düğmesi eklemek için WP Çağrı düğmesi vb. gibi kullanabileceğiniz çeşitli WordPress eklentileri tarafından sağlanacaktır.

Blokları kullanma hakkında daha fazla bilgi edinmek için daha fazla ayrıntı için Gutenberg eğitimimize bakın.

Artık gönderinizi veya sayfanızı kaydedebilir ve kısa kodu çalışırken görmek için değişikliklerinizi önizleyebilirsiniz.

WordPress Kenar Çubuğu Widget'larına Kısa Kod Ekleme

Kısa kodları WordPress kenar çubuğu widget'larında da kullanabilirsiniz. Basitçe Görünüm » Widget'lar sayfasını ziyaret edin ve 'Metin' widget'ını bir kenar çubuğuna ekleyin.

Artık kısa kodunuzu widget'ın metin alanına yapıştırabilirsiniz.

Widget ayarlarınızı kaydetmek için 'Kaydet' düğmesine tıklamayı unutmayın.

Bundan sonra, kenar çubuğu widget'ında kısa kodun canlı önizlemesini görmek için WordPress web sitenizi ziyaret edebilirsiniz.

Eski WordPress Klasik Düzenleyicide Kısa Kod Ekleme

WordPress'te hala eski klasik düzenleyiciyi kullanıyorsanız, WordPress yayınlarınıza ve sayfalarınıza nasıl kısa kodlar ekleyebileceğiniz aşağıda açıklanmıştır.

Kısa kodu eklemek istediğiniz gönderiyi ve sayfayı düzenlemeniz yeterlidir. Kısa kodu, içerik düzenleyicinin içinde görüntülenmesini istediğiniz herhangi bir yere yapıştırabilirsiniz. Kısa kodun kendi satırında olduğundan emin olun.

Değişikliklerinizi kaydetmeyi unutmayın. Bundan sonra, kısa kodu çalışırken görmek için yayınınızı ve sayfanızı önizleyebilirsiniz.

WordPress Tema Dosyalarına Kısa Kod Nasıl Eklenir

Kısa kodlar, WordPress gönderilerinde, sayfalarında ve widget'larında kullanılmak içindir. Ancak bazen bir WordPress tema dosyası içinde bir kısa kod kullanmak isteyebilirsiniz.

WordPress bunu yapmayı kolaylaştırır, ancak WordPress tema dosyalarınızı düzenlemeniz gerekir. Bunu daha önce yapmadıysanız, WordPress'te kodu nasıl kopyalayıp yapıştıracağınızla ilgili kılavuzumuza bakın.

Temel olarak, aşağıdaki kodu ekleyerek herhangi bir WordPress tema şablonuna bir kısa kod ekleyebilirsiniz.

<?php echo do_shortcode("[your_shortcode]"); ?>

WordPress şimdi kısa kodu arayacak ve çıktısını tema şablonunuzda görüntüleyecektir.

WordPress'te Kendi Özel Kısa Kodunuzu Nasıl Oluşturursunuz?

WordPress gönderisine ve sayfalarına dinamik içerik veya özel kod eklemek istediğinizde kısa kodlar gerçekten yararlı olabilir. Ancak, özel bir kısa kod oluşturmak istiyorsanız, biraz kodlama deneyimi gerektirir.

PHP kodu yazma konusunda rahatsanız, işte şablon olarak kullanabileceğiniz örnek bir kod.

// function that runs when shortcode is called
function wpb_demo_shortcode() { 

// Things that you want to do. 
$message = 'Hello world!'; 

// Output needs to be return
return $message;
} 
// register shortcode
add_shortcode('greeting', 'wpb_demo_shortcode'); 

Bu kodda önce bazı kodları çalıştıran ve çıktıyı döndüren bir fonksiyon yarattık. Bundan sonra 'tebrik' adında yeni bir kısa kod oluşturduk ve WordPress'e oluşturduğumuz işlevi çalıştırmasını söyledik.

Artık bu kısa kodu yazılarınıza, sayfalarınıza ve widget'larınıza aşağıdaki kodu kullanarak ekleyebilirsiniz:

[selamlama]

Oluşturduğunuz işlevi çalıştıracak ve istenen çıktıyı gösterecektir.

Şimdi bir kısa kodun daha pratik kullanımına bir göz atalım. Bu örnekte, bir kısa kod içinde bir Google AdSense banner'ı görüntüleyeceğiz.

// The shortcode function
function wpb_demo_shortcode_2() { 

// Advertisement code pasted inside a variable
$string .= '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-format="fluid"
     data-ad-layout="in-article"
     data-ad-client="ca-pub-0123456789101112"
     data-ad-slot="9876543210"></ins>
<script>
     
</script>';

// Ad code returned
return $string; 

}
// Register shortcode
add_shortcode('my_ad_code', 'wpb_demo_shortcode_2'); 

Reklam kodunu kendi reklam kodunuzla değiştirmeyi unutmayın.

Artık [my_ad_code] kısa kodunu WordPress gönderilerinizde, sayfalarınızda ve kenar çubuğu widget'larınızda kullanabilirsiniz. WordPress, kısa kodla ilişkili işlevi otomatik olarak çalıştırır ve reklam kodunu görüntüler.

Kısa kodlar ve Gutenberg Blokları

Kullanıcılar tarafından sık sık kısa kod ile yeni Gutenberg blokları arasındaki farklar sorulur.

Temel olarak, kısa kodları faydalı bulursanız, WordPress editör bloklarını seveceksiniz. Bloklar, aynı şeyi yapmanıza izin verir, ancak daha kullanıcı dostu bir şekilde.

Kullanıcıların dinamik içeriği görüntülemek için bir kısa kod eklemesini istemek yerine, bloklar, kullanıcıların daha sezgisel bir kullanıcı arayüzü ile yazıların / sayfaların içine dinamik içerik eklemesine olanak tanır. Pek çok popüler WordPress eklentisi, daha başlangıç ​​seviyesinde oldukları için kısa kodlar yerine Gutenberg bloklarını kullanmaya geçiyor.

WordPress için denemek isteyebileceğiniz en kullanışlı Gutenberg blok eklentilerinin bir listesini hazırladık.

Kendi özel Gutenberg bloklarınızı oluşturmak istiyorsanız, WordPress'te özel Gutenberg bloklarının nasıl oluşturulacağına ilişkin adım adım eğitimimizi takip edebilirsiniz.

Bu makalenin, WordPress'e nasıl kısa kod ekleyeceğinizi öğrenmenize yardımcı olacağını umuyoruz. Ayrıca, en iyi sürükle ve bırak WordPress sayfa oluşturucu eklentileri ve herhangi bir kod yazmadan özel bir WordPress temasının nasıl oluşturulacağı hakkındaki kılavuzumuzu da görmek isteyebilirsiniz.

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