WordPress'e Kısa Kod Nasıl Eklenir (Başlangıç Rehberi)

Kullanıcıların WordPress kısa kodlarından bunaldıklarını sıkça duyuyoruz.

Bu küçük kod parçacıkları ilk başta kafa karıştırıcı görünebilir, ancak doğru kullanıldığında aslında WordPress'in en güçlü özelliklerinden biridir.

İletişim formları, galeriler veya özel düzenler eklemek isteyip istemediğinize bakılmaksızın, kısa kodlar herhangi bir koda dokunmadan karmaşık özellikleri eklemenin kolay bir yolunu sunar.

Bu başlangıç dostu rehberde, WordPress'e kısa kodları tam olarak nasıl ekleyeceğinizi, nereye yerleştireceğinizi ve bunları kullanmanın en iyi yollarını göstereceğiz.

Her şeyi, WordPress'e tamamen yeni olsanız bile herkesin anlayabileceği basit, takip etmesi kolay adımlara ayırdık.

Kısa Kodlar Nedir?

Kısa Kodlar (Shortcodes) WordPress'te, WordPress yazılarına, sayfalarına ve kenar çubuğu widget'larına dinamik içerik eklemenize yardımcı olan kod kısayollarıdır. Bunlar şu şekilde köşeli parantez içine alınır:

[kisakod]

Kısa kodları daha iyi anlamak için, ilk etapta neden eklendiklerinin geçmişine bir göz atalım.

WordPress, kimsenin veritabanına kötü amaçlı kod eklemek için yazı ve sayfa içeriğini kullanmadığından emin olmak amacıyla 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 yazılarınıza ilgili gönderileri, banner reklamları, iletişim formlarını, galerileri veya başka bir şeyi görüntülemek için özel bir kod çalıştırmak isteseydiniz?

Kısa Kod API'si burada devreye giriyor.

Temel olarak, geliştiricilerin kodlarını bir fonksiyon içine eklemelerine ve ardından bu fonksiyonu WordPress'e bir kısa kod olarak kaydettirmelerine 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ıracaktır.

Kısa kodları WordPress gönderilerinize ve sayfalarınıza nasıl kolayca ekleyeceğinizi görelim.

Tercih ettiğiniz yönteme atlamak için aşağıdaki bağlantıları kullanabilirsiniz:

WordPress Gönderilerine 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 ' + ' ekle düğmesine tıklamanız gerekir.

Kısa Kod bloğunu ekledikten sonra, kısa kodunuzu blok ayarlarına girebilirsiniz.

Kısa kod, kullandığınız WPForms gibi çeşitli WordPress eklentileri tarafından sağlanacaktır. iletişim formları için.

Blokları kullanma hakkında daha fazla bilgi edinmek için daha fazla ayrıntı için Gutenberg blok düzenleyici öğreticimizi inceleyin.

Artık gönderinizi veya sayfanızı kaydedebilir ve kısa kodun etkisini 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ına gidin ve bir kenar çubuğuna bir ‘Kısa Kod’ widget bloğu ekleyin.

Şimdi, kısa kodunuzu widget'ın metin alanına yapıştırabilirsiniz.

Widget ayarlarınızı kaydetmek için lütfen ‘Güncelle’ düğmesine tıklamayı unutmayın.

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

Eski WordPress Klasik Düzenleyicisine Kısa Kod Ekleme

Hala eski klasik düzenleyiciyi kullanıyorsanız, kısa kodları doğrudan içerik alanına ekleyebilirsiniz.

Gönderiyi veya sayfayı düzenleyin ve özelliğin görünmesini istediğiniz yere kısa kodu yapıştırın.

En iyi sonuçlar için, özellikle formlar veya galeriler gibi büyük öğeler ekleyen kısa kodlar için kendi satırına yerleştirmenizi öneririz. Bu, biçimlendirme sorunlarını önlemeye yardımcı olur.

Değişikliklerinizi kaydetmeyi unutmayın. Ardından kısa kodu çalışırken görmek için gönderinizi önizleyebilirsiniz.

WordPress Tema Dosyalarına Kısa Kod Ekleme

Kısa kodlar, WordPress gönderileri, sayfaları ve widget'ları içinde kullanılmak üzere tasarlanmıştır. Ancak bazen, bir kısa kodu bir WordPress tema dosyasının içinde kullanmak isteyebilirsiniz.

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

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

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

WordPress şimdi kısa kodu arayacak ve çıktısını temanızın şablonunda gösterecektir.

Tam Site Düzenleyicisi ile Blok Tema Dosyalarına Kısa Kod Ekleme

Eğer bir blok teması kullanıyorsanız, WordPress tema dosyalarınıza kısa kodları tam site düzenleyicisini kullanarak eklemeyi daha kolay bulacaksınız.

Bu araca, WordPress kontrol panelinden Görünüm » Düzenleyici seçeneğini seçerek erişebilirsiniz.

Varsayılan olarak temanızın ana şablonu gösterilecektir ve 'Şablonlar' seçeneğini seçerek diğer şablonlara geçiş yapabilirsiniz.

Bir şablon seçtikten sonra, düzenleyicinin sağ bölmesinde tıklayarak düzenlemeye başlayabilirsiniz. Düzenleyici şimdi ekranı dolduracaktır.

Şimdi ‘+’ blok ekleyici simgesine tıklayabilir ve kısa kod bloğunu arayabilirsiniz. Ardından, onu şablona sürükleyip kullanmak istediğiniz kısa kodu yazmanız yeterlidir.

Değişikliklerinizi kaydetmek için ekranın üst kısmındaki 'Kaydet' düğmesine tıklamayı unutmayın.

WordPress'te Kendi Özel Kısa Kodunuzu Oluşturma

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

PHP kodu yazma konusunda rahatsanız, şablon olarak kullanabileceğiniz örnek kod aşağıdadır:

// 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 oluşturduk. Ardından, ‘greeting’ adında yeni bir kısa kod oluşturduk ve WordPress'e oluşturduğumuz fonksiyonu çalıştırmasını söyledik.

Bu kodu manuel olarak temanızın functions.php dosyasına ekleyebilir veya WPCode gibi bir kod parçacığı eklentisi kullanabilirsiniz (önerilir).

İkincisini öneririz çünkü WPCode, sitenize kod eklemenin en güvenli ve en kolay yoludur. Daha fazla bilgi edinmek için WPCode incelememize bakın.

Daha fazla ayrıntı için, herhangi bir şeyi bozmadan WordPress'e özel kod ekleme kılavuzumuza bakabilirsiniz.

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

[merhaba]

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

Bu örnek basit olsa da, kısa kodların gerçek gücü karmaşık kodu yeniden kullanmaktır.

Uzun bir betiği bir kısa koda sararak, içerik düzenleyicinizi temiz tutar ve site genelindeki güncellemeleri çok daha kolay hale getirirsiniz. Kodu yalnızca tek bir yerde düzenlemeniz gerekir.

Pratik Örnek: Google AdSense Kısa Kodu

Şimdi, daha pratik bir örneğe bakalım.

Kısa kodu, sitenizde herhangi bir yere bir Google AdSense banneri kolayca görüntülemek için kullanabilirsiniz.

// 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>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>';
 
// Ad code returned
return $string; 
 
}
// Register shortcode
add_shortcode('my_ad_code', 'wpb_demo_shortcode_2'); 

Yer tutucu reklam kodunu kendi kodunuzla değiştirdiğinizden emin olun. Reklamı herhangi bir gönderide, sayfada veya widget alanında görüntülemek için artık [my_ad_code] kısa kodunu kullanabilirsiniz.

Kısa Kodlar ve Gutenberg Blokları

Gutenberg blokları ve kısa kodlar, WordPress sitenize dinamik içerik eklemenize olanak tanır. Ana fark, blokların görsel bir arayüz sunması, kısa kodların ise belirli bir bloğa yapıştırdığınız metin tabanlı parçacıklar olmasıdır.

Birçok popüler WordPress eklentisi kısa kodlar yerine blokları kullanmaya başladı. Bunun nedeni, blokların genellikle daha başlangıç dostu olması ve doğrudan düzenleyicide nihai sonucun bir önizlemesini görmenize olanak tanımasıdır.

Denemek isteyebileceğiniz WordPress için en kullanışlı Gutenberg blok eklentileri listesini bir araya getirdik.

Kendi özel Gutenberg bloklarınızı oluşturmak istiyorsanız, WordPress'te özel Gutenberg blokları nasıl oluşturulur hakkındaki adım adım öğreticimizi takip edebilirsiniz.

Kısa Kodlar Hakkında Sıkça Sorulan Sorular

WPBeginner olarak, kısa kodların nasıl çalıştığına dair sık sık sorular alıyoruz. Aşağıda, en yaygın olanlardan bazılarına verilen yanıtlar bulunmaktadır.

Blok düzenleyici ile kısa kodlar hala geçerli mi?

Evet, kesinlikle. Birçok yeni eklenti özel bloklar kullanırken, diğer binlerce eklenti içeriğinize özellik eklemenize izin vermek için hala kısa kodlar kullanıyor. Bu nedenle WordPress özel bir Kısa Kod bloğu içeriyor ve onları uzun süre faydalı bulacaksınız.

Kısa kodlar web sitemi yavaşlatabilir mi?

Bir kısa kod yalnızca çalıştığı kod kadar hızlıdır. Saygın bir eklentiden iyi kodlanmış bir kısa kod, sitenizin performansını minimum düzeyde etkileyecektir.

Ancak, tek bir sayfada çok sayıda betik yükleyen çok fazla kısa kod kullanmak bazen yavaşlamaya neden olabilir.

Bir eklentinin kısa kodunu nasıl bulabilirim?

Çoğu eklenti, kısa kodunu ayarlar sayfasında, belgelerinde veya doğrudan düzenleyici arayüzünde görüntüler. Örneğin, WPForms, bir formu kaydettiğiniz anda formun kısa kodunu kopyalamayı kolaylaştırır.

SeedProd gibi sayfa oluşturucularda kısa kod kullanabilir miyim?

Evet, SeedProd gibi tüm büyük sayfa oluşturucuların özel bir ‘Kısa Kod’ bloğu veya widget’ı vardır. Bloğu düzeninize sürükleyip bırakabilir ve görüntülemek istediğiniz kısa kodu yapıştırabilirsiniz.

Umarız bu makale, WordPress'e nasıl kısa kod ekleyeceğinizi öğrenmenize yardımcı olmuştur. Ayrıca WordPress gönderilerinde metni geçiş efektiyle gösterme ve gizleme kılavuzumuza ve WordPress'te biçimlendirme sorunları olmadan kopyala-yapıştır yapma eğitimimize 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.