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.

What Are Shortcodes?

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. Kare parantezler içinde şu şekilde görüntülenirler:

[myshortcode]

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 gönderi ve sayfa içeriğini kullanmadığından emin olmak için tüm içeriği filtreler. Bu, gönderilerinize temel HTML yazabileceğiniz, ancak PHP kodu yazamayacağınız anlamına gelir.

Peki ya gönderilerinize ilgili gönderileri, banner reklamları, iletişim formlarını, galerileri veya başka bir şeyi görüntülemek için özel 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.

When WordPress finds the shortcode, it will automatically run the code associated with it.

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
• WordPress Kenar Çubuğu Widget'larına Kısa Kod Ekleme
• Eski WordPress Klasik Düzenleyicisine Kısa Kod Ekleme
• WordPress Tema Dosyalarına Kısa Kod Ekleme
• Tam Site Düzenleyicisi ile Blok Tema Dosyalarına Kısa Kod Ekleme
• Creating Your Own Custom Shortcode in WordPress
• Kısa Kodlar ve Gutenberg Blokları
• Kısa Kodlar Hakkında Sıkça Sorulan Sorular

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 çeşitli WordPress eklentileri tarafından sağlanacaktır, örneğin WPForms ile iletişim formları.

Blokları kullanma hakkında daha fazla bilgi edinmek için, daha fazla ayrıntı için Gutenberg blok düzenleyici eğitim rehberimize bakın.

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

Ayrıca WordPress kenar çubuğu widgetlarında kısa kodları 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 kolaylaştırır, ancak WordPress tema dosyalarınızı düzenlemeniz gerekecektir. Bunu daha önce yapmadıysanız, WordPress'te kodu nasıl kopyalayıp yapıştıracağınıza dair rehberimize 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 kod eklemeyi tam site düzenleyicisini kullanarak 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

Shortcodes can be really useful when you want to add dynamic content or custom code inside WordPress posts and pages. However, if you want to create a custom shortcode, then it requires some coding experience.

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 temanızın functions.php dosyasına manuel olarak 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 için WPCode incelememize bakın.

Daha fazla ayrıntı için, WordPress'te özel kodu hiçbir şeyi bozmadan kolayca ekleme kılavuzumuza bakabilirsiniz.

Once you have done that, you can add this shortcode to your posts, pages, and widgets using the following code:

[greeting]

It will run the function you created and show the desired output.

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.

Sitenizin herhangi bir yerine kolayca bir Google AdSense banner'ı eklemek için bir kısa kod 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 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 dair adım adım eğitimimizi 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 kodlarını 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 göstermek istediğiniz kısa kodu yapıştırmanız yeterlidir.

Umarım bu makale WordPress'e kısa kod eklemeyi öğrenmenize yardımcı olmuştur. Ayrıca WordPress gönderilerinde metni açıp kapatma efektiyle gösterme ve gizleme rehberimize nasıl yapılacağını ve biçimlendirme sorunları olmadan WordPress'e kopyalayıp yapıştırma eğitimimize nasıl yapılacağını görmek 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.