WordPress'te Kısa Kodları Kullanmak İçin 7 Temel İpucu

Deneyimli bir WordPress kullanıcısı veya tamamen yeni başlayan biri olun, kısa kodları kullanmak, herhangi bir kodlama bilgisi olmadan sitenizi özelleştirmenin yeni yollarını açabilir.

Kısa kodlar, kod yazmadan gönderilere, sayfalara ve widget'lara çeşitli işlevler eklemenize olanak tanır. Birçok WordPress eklentisi ve teması da fiyatlandırma tabloları ve etkinlik takvimleri gibi farklı öğeler eklemek için kısa kodları kullanır.

WPBeginner'da, müşterilerimiz için WordPress siteleri oluştururken veya okuyucularımız için test ederken tutarlı bir şekilde kısa kodlar ve kısa kod eklentileri kullandık. Bu süreçte, kısa kodları kullanmayı daha kolay ve daha etkili hale getirmenin bazı yollarını öğrendik.

Bu makalede, WordPress'te kısa kodları kullanmak için bazı temel ipuçlarını paylaşacağız.

WordPress'te Kısa Kodlar Nedir?

WordPress'te kısa kodlar, gönderilerinize, sayfalarınıza veya widget'larınıza dinamik içerik veya işlevsellik eklemenizi sağlayan, köşeli parantez içine alınmış küçük kod parçacıklarıdır.

İşte bir örnek:

[example_shortcode]

Bir WordPress web sitesine içerik eklediğinizde, gönderilere, sayfalara veya yorumlara zararlı kod bulaşmadığından emin olmak için otomatik olarak güvenlik denetimleri ve filtrelerden geçer. Bu, bu alanlara doğrudan kod yazamayacağınız anlamına gelir.

Ancak, bu bölümlere belirli kodlar eklemeniz gereken zamanlar olabilir. Kısa Kodlar bunu yapmanın bir yolunu sunar.

Bunlar, basit ve kullanıcı dostu bir şekilde güzel duyarlı kaydırıcılar, iletişim formları, resim galerileri veya yerleştirilmiş videolar gibi gelişmiş özellikler eklemek için kısayollar görevi görür.

Örneğin, karmaşık bir HTML veya JavaScript snippet'ini manuel olarak yerleştirmek yerine, tek bir metin satırıyla aynı sonucu elde etmek için bir kısa kod kullanabilirsiniz. Bu, kısa kodları hem yeni başlayanlar hem de uzmanlar için inanılmaz derecede kullanışlı hale getirir.

Ancak, kısa kodlar kullanması kolay olsa da, onları eklemenin ve yönetmenin en iyi yollarını bilmek size zaman kazandırabilir, iş akışınızı iyileştirebilir ve sorunları önleyebilir.

Bunu söyledikten sonra, WordPress'te kısa kodları kullanmak için bazı ipuçlarına bakalım. Herhangi bir ipucuna atlamak için aşağıdaki bağlantıları tıklayabilirsiniz:

• Kısa Kodları Ne Zaman Kullanmayacağınızı Bilin
• Kısa Kodlarınızı Geleceğe Hazırlayın
• WordPress Temanızda Kısa Kodları Nasıl Ararsınız
• Widget'larda Kısa Kod Kullanımı
• İpucu 5: Tema Dosyalarına Kısa Kod Ekleme
• İpucu 6: Bozuk Bir Kısa Kodu Gizleme
• İpucu 7: Gönderilerde Kullanılan Kısa Kodları Bulma
• Bonus: Kaçınılması Gereken Yaygın Kısa Kod Hataları

İpucu 1: Kısa Kodları Ne Zaman Kullanmayacağınızı Bilin

Kısa kodlar inanılmaz derecede kullanışlı olabilir, ancak her gönderi veya sayfa için bunlara güvenmek her zaman en iyi fikir değildir. Birçok WordPress teması 200'den fazla kısa kod sunduğunu iddia eder, ancak bunların çok fazlasını kullanmak uzun vadede sorunlara yol açabilir.

Örneğin, gönderilerinizde harekete geçirici mesaj (CTA) düğmeleri oluşturmak için bir temanın kısa kodunu kullanırsanız, kendinizi o temaya bağlamış olursunuz. Temaları değiştirirseniz, bu kısa kodlar çalışmayı durdurabilir ve bozuk veya okunamaz içerik bırakabilir.

Gönderilerinize CTA düğmeleri eklemenin bir yolunu arıyorsanız, kısa kod kullanmadan WordPress'e CSS düğmeleri ekleme rehberimizi okumalısınız.

Ayrıca, herhangi bir kod kullanmadan harekete geçirici mesaj düğmeleri oluşturmak için yerleşik WordPress Düğme bloğunu da kullanabilirsiniz.

Benzer şekilde, tekrar eden öğeler (banner reklamlar veya gönderilerinizin sonundaki imza metni gibi) için kısa kodlar kullanıyorsanız, farklı bir yaklaşım düşünmenizi öneririz. Bu öğeleri blogunuza eklemek için bir WordPress eklentisi kullanabilir veya bir geliştiriciyle çalışabilirsiniz.

Bu yöntem, tutarlı bir stil sağlar ve gelecekte öğeleri güncelleştirmeyi veya kaldırmayı kolaylaştırır.

Son olarak, gönderilere dağılmış kısa kodların, kullanmayı bırakmaya karar verirseniz kaldırmanın zahmetli olabileceğini unutmayın. Her gönderiyi manuel olarak düzenlemek zaman alıcıdır.

Bu nedenle kısa kodları nasıl ve nerede kullandığınıza dikkat etmeniz önemlidir. Yalnızca gerekli oldukları yerlere eklemekle yetinin, çünkü aşırı kullanımları daha sonra daha büyük sorunlara yol açabilir.

İpucu 2: Kısa Kodlarınızı Geleceğe Hazırlayın

Kısa kodlar harikadır, ancak temanız bunları sağlıyorsa, bunları aşırı kullanmadan önce iki kez düşünmek isteyebilirsiniz.

Bunun nedeni, tema değiştirirseniz, yeni temanızın aynı kısa kodu desteklememe olasılığının yüksek olması ve içeriğinizin bozuk kalmasıdır.

Bu sorunu önlemek için, siteye özel bir eklentiye geçebilirsiniz. Bu şekilde, kısa kodlarınız bağımsız kalacak ve hangi temayı kullanırsanız kullanın çalışmaya devam edecektir.

Bunu yapmak için, kısa kod parçasını temanızın functions.php dosyasında bulup kopyalayabilirsiniz. Ardından, işlevsel kalmasını sağlamak için siteye özel bir eklentiye yapıştırın.

Ancak, functions.php dosyasını doğrudan düzenlemek ideal değildir, çünkü küçük bir hata bile tüm sitenizi çökertebilir.

İşte WPCode burada devreye giriyor. Bize göre, temanıza bir kısa kod parçacığı eklemenin en kolay yolunu sunuyor.

Özel kodu yalnızca birkaç tıklamayla eklemenizi sağlar ve hatta kod parçacıklarınızdaki hataları vurgular.

Eklentiyi web sitemizde kapsamlı bir şekilde test ettik ve oldukça yeni başlayan dostu olduğunu gördük. Daha fazla bilgi edinmek için WPCode incelememize bakın.

Ayrıca, yanlışlıkla yanlış kod eklemeniz durumunda web sitenizin çökmesini önler, bu da onu herkes için güvenilir bir seçenek haline getirir.

Daha fazla bilgi için, WordPress'e özel kod ekleme hakkındaki rehberimize bakın.

İpucu 3: WordPress Temanızda Kısa Kodları Nasıl Ararsınız

Kısa kodlarınızın işlevsel kalmasını sağlamak için neye benzediklerini ve temanızda nasıl bulunacaklarını bilmeniz önemlidir.

Öncelikle, genellikle /wp-content/themes/tema-adınız/ konumunda bulunan temanızın klasörünü açmanız gerekir.

functions.php dosyasının içinde veya temanın bir ‘includes’ klasörü varsa, o klasörün içinde aramak isteyeceksiniz.

Dosyayı bulduğunuzda, açın ve ‘add_shortcode’ terimini arayın. Bu, WordPress temanız tarafından şu anda kullanılan tüm kısa kodları bulmanıza yardımcı olacaktır.

Bir kısa kod parçasının neye benzediğine dair bir örnek:

function my_shortcode_function() { 
$i = '<p>Hello World!</p>';
return $i;
} 
add_shortcode('my-shortcode', 'my_shortcode_function');

Bu kod, 'my-shortcode' adlı bir kısa kod oluşturur; bu kod basit bir metin selamlama döndürür ve şu şekilde bir WordPress gönderisine veya sayfasına yerleştirilebilir:

[my-shortcode]

Daha fazla ayrıntı için, WordPress'e kısa kod ekleme kılavuzumuza WordPress'e kısa kod ekleme konusuna bakabilirsiniz.

İpucu 4: Widget'larda Kısa Kod Kullanımı

Birçok kullanıcı kısa kodların yalnızca gönderiler ve sayfalar için olduğunu düşünür, ancak durum böyle değildir.

Ayrıca bunları WordPress widget'ları içinde de kullanabilirsiniz, bu da kenar çubuklarına, altbilgilere ve diğer widget'a hazır alanlara dinamik içerik eklemek için size daha fazla esneklik sağlar.

Bunu yapmak için, WordPress kontrol panelinden Görünüm » Widget'lar sayfasına gidin ve ‘Blok Ekle’ (+) düğmesine tıklayın. Bu, blok menüsünü açacaktır, buradan ‘Kısa Kod’ bloğunu eklemeniz gerekecektir.

Bunu yapmak için temanızın doğru düzenleyicisine gitmeniz gerekir. Klasik bir tema kullanıyorsanız, WordPress kontrol panelinden Görünüm » Widget'lar'a gidin. Blok tema kullanıyorsanız, bunun yerine Görünüm » Düzenleyici'ye gidin.

Doğru düzenleyiciye girdikten sonra, blok menüsünü açmak için 'Blok Ekle' (+) düğmesine tıklamanız yeterlidir. Oradan, kenar çubuğunuza veya başka bir widget alanına 'Kısa Kod' bloğunu arayın ve ekleyin.

Yukarıdaki yöntemin yalnızca Hestia gibi klasik bir tema kullanıyorsanız çalışacağını unutmayın.

Ancak, blok teması kullanıyorsanız, tam site düzenleyiciyi kullanarak kısa kodu herhangi bir widget alanına ekleyebilirsiniz.

Daha fazla ayrıntı için, WordPress kenar çubuğu widget'larınızda kısa kod kullanma eğitimimize WordPress kenar çubuğu widget'larınızda kısa kod kullanma konusuna bakabilirsiniz.

İpucu 5: Tema Dosyalarına Kısa Kod Ekleme

Yazıların, sayfaların veya widget'ların dışında bir kısa kod eklemeniz mi gerekiyor?

Bir kısa kodu özel bir tema dosyasına veya temanızın belirli bir bölümüne eklemek istiyorsanız, kısa kodu doğrudan temanızın koduna ekleyerek bunu kolayca yapabilirsiniz.

Örneğin, özel bir sayfa şablonu oluşturduğunuzu ve kısa kod kullanarak duyarlı bir kaydırıcı eklemek istediğinizi varsayalım.

Kısa kodu manuel olarak içerik alanına eklemek yerine, doğrudan temada çıktı alabilirsiniz. Kısa kodunuzu şu şekilde eklemeniz yeterlidir:

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

Bu teknik, özel sayfalar, başlıklar, altbilgiler veya tipik içerik düzenleyicisine bağlı olmayan temanızın diğer bölümleri gibi alanlara kısa kodlar yerleştirmek istediğinizde kullanışlıdır.

Yardıma ihtiyacınız olursa, lütfen web'den kod parçacıklarını WordPress'e yapıştırma hakkında başlangıç kılavuzumuza bakın.

İpucu 6: Bozuk Bir Kısa Kodu Gizleme

Kullanıcılar genellikle tema değiştirirken eski kısa kodlarının çalışmayacağını fark etmezler. Bazen, bir kullanıcı eski gönderisini garip metinler bulmak için ziyaret ettikten aylar sonra fark ederler.

Pekala, bunu düzeltmenin iki yolu var. Bozuk kısa kodu her gönderiden manuel olarak kaldırabilir veya gizleyebilirsiniz. Daha hızlı bir çözüm olduğu için gizlemenizi öneririz.

Bunu yapmak için WPCode eklentisini yükleyip etkinleştirmeniz gerekecektir. Etkinleştirdikten sonra, Kod Parçacıkları » + Parçacık Ekle sayfasına gidin ve ‘Yeni Özel Kod Ekle (Yeni Parçacık)’ seçeneğini seçin

Bu sizi, açılır menüden 'PHP Snippet' seçeneğini seçmeniz gereken 'Özel Snippet Oluştur' sayfasına götürecektir.

Ardından, aşağıdaki kodu ‘Kod Önizleme’ kutusuna ekleyin ve ‘Etkin Değil’ anahtarını ‘Etkin’ olarak değiştirin.

add_shortcode( 'shortcodetag', '__return_false' );

shortcodetag yerine kendi kısa kod adınızı koymayı unutmayın. Son olarak, ayarlarınızı kaydetmek için ‘Snippet Kaydet’ düğmesine tıklayın.

Bu kod şimdi yetim kısa kodu çıktı olmadan geri ekleyecektir.

İpucu 7: Gönderilerde Kullanılan Kısa Kodları Bulma

6. İpucu'ndaki hileyi kullanmak istemiyorsanız ve tüm kısa kodları manuel olarak kaldırmak istiyorsanız, ilk adım kısa kodu kullanan tüm gönderileri bulmaktır.

Bunu yapmak için, aşağıdaki kodu temanızın functions.php dosyasına veya WPCode'a ekleyin:

function wpb_find_shortcode($atts, $content=null) {
ob_start();
extract( shortcode_atts( array(
		'find' => '',
	), $atts ) );

$string = $atts['find'];

$args = array(
	's' => $string,
	);

$the_query = new WP_Query( $args );

if ( $the_query->have_posts() ) {
        echo '<ul>';
	while ( $the_query->have_posts() ) {
	$the_query->the_post(); ?>
	<li><a href="<?php  the_permalink() ?>"><?php the_title(); ?></a></li>
	<?php
	}
        echo '</ul>';
} else {
        echo "Sorry no posts found";
}

wp_reset_postdata();
return ob_get_clean();
}
add_shortcode('shortcodefinder', 'wpb_find_shortcode');

Bu kod basitçe shortcodefinder adında bir kısa kod oluşturur. Bir WordPress sorgusu çalıştırır ve verilen kısa kod etiketine sahip gönderileri listeler.

Örneğin, [contact-form] kısa kodunu içeren tüm gönderileri bulmak istiyorsanız, WordPress sayfasında [shortcodefinder find=’contact-form’] yazmanız ve kaydetmeniz yeterlidir. Şimdi, sayfayı önizlerseniz, kısa kodu içeren tüm gönderileri görebileceksiniz.

Daha ayrıntılı talimatlar için, WordPress'te kullanılmayan kısa kodları nasıl bulup gizleyeceğiniz hakkındaki kılavuzumuza göz atın.

Bonus: Kaçınılması Gereken Yaygın Kısa Kod Hataları

Kısa kodlar birçok site için kullanışlı ve gerekli olsa da, kullanıcılar onlarla çalışırken genellikle bazı yaygın hatalar yaparlar.

Bu hatalar işlevsellik sorunlarına, karmaşık koda veya düşük site performansına yol açabilir. Dikkat etmeniz gereken beş temel hatayı ve bunlardan nasıl kaçınacağınızı aşağıda bulabilirsiniz:

• Çok Fazla Kısa Kodla Sayfaları Aşırı Yükleme: Tek bir sayfada çok fazla kısa kod kullanmak, yavaş yükleme sürelerine ve karmaşık bir tasarıma neden olabilir. Bu nedenle kısa kod kullanımını yalnızca temel öğelerle sınırlamanızı öneririz.
• Kısa Kodları Yanlış Yuvalama: Yuvalanmış kısa kodlar (bir kısa kodun içine başka bir kısa kod kullanmak) zor olabilir ve bir kısa kodun çalışmaması veya bir sayfanın yanlış içerik görüntülemesi gibi sorunlara neden olabilir. Kısa kodları yuvalamanız gerekiyorsa, beklendiği gibi görüntülendiklerinden emin olmak için önce test edin.
• Kısa Kodları Doğru Kapatmayı Unutmak: Bazen kullanıcılar kısa kodları kapatmayı unuturlar, bu da bir gönderinin veya sayfanın düzenini bozabilir. Bu nedenle, kısa kodunuzun her zaman doğru bir şekilde açıldığından ve parantezlerle kapatıldığından emin olmalısınız. Tek kullanımlık kısa kodlar için, fazladan boşluk veya sembol bırakmadığınızdan emin olun.
• Desteklenmeyen Alanlarda Kısa Kod Kullanımı: WordPress'in belirli alanları varsayılan olarak kısa kodları desteklemeyebilir. Kısa kodu orada kullanmaya çalışmak, bozuk veya görünmez içeriğe neden olabilir. Widget'lara veya özel alanlara kısa kod eklemeden önce, alanın bunları destekleyip desteklemediğini kontrol edin. Desteklenmeyen alanlarda kısa kodları etkinleştirmek için genellikle bir eklenti kullanabilirsiniz.
• Kısa Kodları Mobil Cihazlarda Test Etmemek: Birçok kullanıcı, kısa kodlarla oluşturulan öğelerin mobil cihazlarda nasıl göründüğünü kontrol etmeyi unutur. Masaüstünde harika görünen bir şey, mobil ekranlarda bozulabilir veya kötü görünebilir. Kısa kodun çıktısının duyarlı olduğundan emin olmak için sayfalarınızı ve yazılarınızı çeşitli cihazlarda her zaman önizleyin.

Bu yaygın hatalardan kaçınarak ve bu ipuçlarını izleyerek, WordPress sitenizde kısa kodları kullanırken daha sorunsuz bir deneyim yaşayabilirsiniz.

Bu ipuçlarının kısa kodları nasıl kullanacağınızı öğrenmenize ve WordPress'te onlardan en iyi şekilde yararlanmanıza yardımcı olduğunu umuyoruz. Ayrıca, biçimlendirme sorunları olmadan WordPress'te nasıl kopyalayıp yapıştıracağınıza dair başlangıç kılavuzumuza nasıl kopyalayıp yapıştıracağınıza ve WordPress içerik düzenleyicisinde ustalaşmak için uzman ipuçlarımıza da bakmak 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.