WordPress Shortcode Kullanımı ve Örnekler
İçindekiler ✓
WordPress kullanıcıları için içerik yönetimini kolaylaştıran en güçlü özelliklerden biri de şüphesiz wordpress shortcode yapısıdır. Shortcode’lar, sayfalara veya yazılara özel işlevler eklemenin en basit yoludur. Bu yazımızda WordPress shortcode nedir, nasıl kullanılır, kendi shortcode’unuzu nasıl yazarsınız ve örneklerle nasıl özelleştirebileceğinizi detaylı şekilde ele alacağız.
WordPress Shortcode Nedir?
Shortcode (kısa kod), WordPress içinde köşeli parantezlerle tanımlanan özel komutlardır. [shortcode] şeklinde yazılır ve arka planda daha karmaşık bir işlevi çalıştırır.
Örnek:
Bu kısa kod, yazıya güncel tarihi otomatik olarak ekleyebilir.
Neden WordPress Shortcode Kullanılır?
wordpress shortcode, özellikle teknik bilgisi az olan kullanıcıların, kod yazmadan işlevsel içerikler üretmesini sağlar. En çok kullanıldığı alanlar:
Galeri ve medya ekleme
Buton, tablo, liste gibi özel içerikler
Formlar
Dinamik veri (tarih, kullanıcı bilgisi, yazı sayısı vb.)
Özelleştirilmiş içerik alanları
WordPress’te Hazır Gelen Shortcode’lar
WordPress bazı shortcode’ları varsayılan olarak sunar. Bunlar eklenti ya da özel kod eklenmeden kullanılabilir.
| Shortcode | Görev |
|---|---|
| Görsel galeri oluşturur. |
| Ses dosyası oynatır. |
| Video dosyası ekler. |
["caption"] | Görsele başlık ekler. |
| URL’leri yerleştirilebilir içerik olarak gösterir. |
Shortcode’lar doğrudan yazı editörüne yazılarak kullanılır.
Örnek:
Blok editör (Gutenberg) kullananlar için “Kısa Kod” adında özel bir blok da bulunmaktadır.
Kendi WordPress Shortcode’unuzu Oluşturun
WordPress kısa kod oluşturmak oldukça kolaydır. functions.php dosyanıza ekleyeceğiniz birkaç satır kodla başlayabilirsiniz.
Örnek 1: Basit Selamlaşma Shortcode’u
Kullanımı:
Örnek 2: Dinamik Tarih Shortcode’u
Kullanımı:
Bu kısa kod, ziyaretçinin sayfada gördüğü güncel tarihi gösterir.
Parametreli Shortcode Kullanımı
Shortcode’lar parametre alarak daha işlevsel hale getirilebilir.
Örnek: Buton Shortcode’u
Kullanımı:
Eklentiler ile Shortcode Kullanımı
Bazı eklentiler özel wordpress shortcode yapıları sunar. Örneğin:
Contact Form 7:
[contact-form-7 id="123" title="İletişim Formu"]TablePress:
[table id=1 /]WooCommerce:
[woocommerce_cart],[products]gibi onlarca kısa kod içerir.
Shortcode Kullanırken Dikkat Edilmesi Gerekenler
Kodlamanızda
shortcode_atts()fonksiyonunu mutlaka kullanın.Güvenlik için
esc_html(),esc_url()gibi filtrelemeler uygulayın.Aynı isimde birden fazla shortcode tanımlamayın.
Her shortcode’un HTML çıktısı temiz ve valide olmalı.
Çok fazla kısa kod kullanmak sayfa hızını etkileyebilir.
Gelişmiş Shortcode Kullanımı
İç İçe Shortcode Kullanımı
Bir shortcode içinde başka bir shortcode çalıştırmak isterseniz:
Kullanımı:
Kullanıcı Rollerine Göre İçerik Göstermek
Kullanımı:
WordPress Shortcode Silme veya Devre Dışı Bırakma
Artık kullanılmayan bir kısa kodu devre dışı bırakmak için:
Bu, [selam] kısa kodunun çalışmasını durdurur.
Gutenberg ile Shortcode Kullanımı
Yeni WordPress editörü olan Gutenberg, kısa kodlarla tamamen uyumludur. “Kısa Kod” adlı özel bir blok aracılığıyla shortcode’lar girilebilir.
Alternatif olarak HTML bloğu içine shortcode da yazabilirsiniz.
Shortcode Output’unda Stil Kullanmak
Shortcode çıktınızın şık görünmesi için özel bir CSS yazabilirsiniz.
Örnek CSS:
Bu CSS, yukarıda örneğini verdiğimiz buton kısa koduna stil kazandırır.
Shortcode Oluşturmak için Eklentiler
Kod yazmak istemiyorsanız aşağıdaki eklentilerle kendi kısa kodlarınızı oluşturabilirsiniz:
Shortcoder
WP Shortcode by MyThemeShop
Shortcodes Ultimate
Elementor Pro (dinamik alanlar ve shortcode desteğiyle)
Bu eklentiler, görsel arayüzle kısa kod yazmanıza olanak tanır.
SEO Açısından Shortcode Kullanımı
Shortcode’lar içerik içinde görünmez oldukları için doğrudan SEO’ya katkıları sınırlıdır. Ancak:
Kullanılan shortcode doğru yapılandırılmışsa site performansını artırabilir.
SEO dostu HTML çıktılar içerirse, dolaylı olarak arama motorları için avantaj yaratır.
İçerik yönetimini kolaylaştırdığı için daha sık ve kaliteli içerik üretmenizi sağlar.
Sıkça Sorulan Sorular (SSS)
WordPress shortcode nedir?
WordPress içinde özel işlevleri hızlıca kullanmak için geliştirilen kısa komutlardır.
Kendi shortcode’umu nasıl oluştururum?
functions.php dosyasına add_shortcode() fonksiyonu ile yeni kısa kodlar yazabilirsiniz.
Shortcode güvenli midir?
Evet, ancak HTML çıktıları doğru şekilde filtrelenmelidir.
Gutenberg’de shortcode çalışır mı?
Evet, “Kısa Kod” bloğu veya HTML bloğu içinde shortcode kullanılabilir.
Çok fazla shortcode kullanmak zararlı mı?
Çok sayıda shortcode kullanımı sayfa yüklenme süresini uzatabilir. Ölçülü kullanılmalıdır.
Sonuç: WordPress Shortcode ile Sitenizi Güçlendirin
wordpress shortcode, içeriklerinizi dinamik, işlevsel ve kullanıcı dostu hale getirmek için güçlü bir araçtır. Hem basit projelerde hem de gelişmiş uygulamalarda büyük kolaylık sağlar. Kendi kısa kodlarınızı yazmayı öğrenerek WordPress üzerindeki hakimiyetinizi artırabilir, özgün ve profesyonel içerikler sunabilirsiniz.
Başka WordPress Blogları: .well-known Dosyası Ne İşe Yarar
