Kısa kodlar tam olarak nedir? Onlar ne yapar? Nasıl çalışırlar? WordPress’te yeniyseniz, muhtemelen onları duymuşsunuzdur, fakat tam anlamları hala gizemli olabilir.
“Kısa kod” kelimesi WordPress eğitimlerinde, WordPress tema özellikleri listelerinde, forumlarda vb. kullanılır. O heryerde. Kısa kodlar WordPress’in doğasında vardır ve platformu bu kadar işlevsel ve kullanıcı dostu yapan şeylerden biridir. Ek olarak tüm premium WordPress temaları, tema değerini ve kullanılabilirliğini artırmak için tasarlanmış bir dizi özel kısa kodla birlikte gelir.
Fakat kısa kodları kendiniz kullanmış olsanız bile, bunların ne olduğundan hala tam olarak emin olmama olasılığınız yüksektir. Bugün bunu düzelteceğiz ve bu pratik özelliğin sade ama kapsamlı bir açıklamasını sunacağız.
Kısa Kod Nedir?
Kısa kodlar, esasen, tam da adlarının önerdiği şeydir. Belirli bir işlevi yerine getiren, daha uzun kodun kısaltılmış, kesilmiş sürümleridir. Arka uçta köşeli parantezlerle gösterilirler ve şuna benzerler: [I am shortcode].
Kısa kodlar kullanıcı arabiriminizde görünmez. Eh, yaparlar, ama bu biçimde değil. Ne için yaratıldıklarına bağlı olarak, işlevleri ne olursa olsun, bir resim galerisi, bir müzik çalar vb. gibi görünebilirler.
Kısa kodların önemi, özelleştirme potansiyellerinde yatmaktadır. WordPress açık kaynaklıdır, yani bir web sitesinin istediğiniz gibi görünmesini ve çalışmasını sağlamak için istediğiniz herhangi bir kodu ekleyebilirsiniz. Fakat bir geliştirici değilseniz, bu tam olarak bir seçenek değildir.
Kısa kodların devreye girdiği yer burasıdır. “Sıradan” WordPress kullanıcılarının, herhangi bir kod yazmak zorunda kalmadan web sitelerine işlevler ve özellikler eklemelerine izin verirler.
Kısa kodların yaygın kullanımına ilişkin bir örneğe bakalım. Bu durum oluşturduğumuz, sütun sayısını ayarladığımız ve sayfamıza eklediğimiz temel bir WordPress galerisidir.
Aşağıda Görsel Düzenleyici kullanılarak eklenen galeriyi görebilirsiniz. Bir WYSIWYG (Ne Görürsen Onu Alırsın) düzenleyicisi olarak, gerçek koda olan ihtiyacı atlar. Fakat özelleştirme için fazla yer bırakmaz ve aynı veya benzer içeriği farklı bir sayfada çoğaltmayı kolaylaştırmaz.
Aynı resim galerisine aynı sayfada, fakat bu sefer Metin Düzenleyiciyi kullanarak bakarsak, galerimiz şöyle görünecektir:
Gördüğünüz gibi, burada doğrudan önizleme için görüntü yok, sadece köşeli parantez içindeki bazı kodlar – kısa kod. Daha doğrusu, galeri kısa kodu.
Görsel Düzenleyiciyi kullanarak yalnızca görüntü eklemek yerine neden kısa kodları ve Metin Düzenleyiciyi kullanmayı tercih edeceğinizi merak edebilirsiniz. Ne de olsa, galerinizin tam olarak nasıl görüneceğini gördüğünüzde her şey daha kolay.
Fakat kısa kodlar düzenleyicide ek özelleştirmeye izin verir ve sitenizin herhangi bir yerine (kopyala/yapıştır yoluyla) yerleştirilebilir.
Kısa Kodlar Nasıl Kullanılır?
Sitenize kısa kod eklemeye gelince, bunu yapmanın üç yolu vardır.
-
-
Nasıl yapılacağını biliyorsanız, editördeki kısa kodu kendiniz yazabilirsiniz.
-
Aynı kısa kodu farklı bir sayfada kullanmak isterseniz Metin Düzenleyiciden kopyalayıp istediğiniz yere yapıştırabilirsiniz.
-
Eklentileri kullanabilirsiniz.
-
Ayrıca WordPress’in temalarından birini kullanıyorsanız, kısa kod eklemek daha da kolaydır. Çoğu temamızla birlikte ücretsiz olarak gelen WPBakery sürükle ve bırak sayfa oluşturucu eklentisi aracılığıyla yapılır. Ve aralarından seçim yapabileceğiniz çok çeşitli özel kısa kodlar elde edersiniz, fakat bunların hepsinden biraz sonra daha ayrıntılı olarak bahsedeceğiz.
WordPress, sayfalarınızda ve yayınlarınızda kullanabileceğiniz ve widget alanlarına ekleyebileceğiniz bazı önceden tanımlanmış, varsayılan kısa kodlarla birlikte gelir.
Önceki örneğimizde, sayfalarımızdan birine bir galeri kısa kodu yerleştirdik.
Medya Kitaplığına yüklenen görüntülerin her birinin benzersiz kimliği vardır. Kısa kod, resim kimliklerini kullanarak önceden oluşturulmuş galeriyi çeker ve bunları sayfanızda görüntüler.
Kısa kod, X’in sütun sayısını temsil ettiği sütun sayısı (columns=”X”) veya görüntü boyutu (size=”Thumbnail”) gibi ek seçenekler içerebilir.
Üç sütunlu ve küçük boyutlu resimlerden oluşan bir galeri için kısa kod şöyle olacaktır:
Editörünüze kısa kod eklemeye gelince, bunu hem Görsel hem de Metin düzenleyicide yapabilirsiniz. Metin Düzenleyici’de, bir ses çalar eklemek için kullanılan kısa kod (varsayılanlardan biridir) şöyle görünecektir:
Görsel Düzenleyici’ye geçerseniz, kısa kodunuz otomatik olarak istediğiniz gibi düzenleyebileceğiniz ve özelleştirebileceğiniz yeni bir alana dönüşür:
Ek olarak seçtiğiniz bir widget alanına kısa kodlar eklenebilir. Örneğin blog kenar çubuğunuza bir galeri eklemek istiyorsanız, Metin widget’ını Blog Kenar Çubuğu widget alanına sürüklemeniz yeterlidir. Galeri kısa kodunuzu yazabileceğiniz veya yapıştırabileceğiniz bir alan açılacaktır. Kaydet’e tıkladığınızda, galeri blogunuzun kenar çubuğunda görünecektir.
En Yaygın Kısa Kodlar
Daha önce de belirttiğimiz gibi, WordPress zaten yerleşik olarak bulunan bazı varsayılan kısa kodlarla birlikte gelir. En yaygın kısa kodlardan bazıları şunlardır:
-
-
Galeri: Resim galerilerini görüntülemek için kullanılan bu kısa kod, bazı gelişmiş seçeneklerin yanı sıra sütun sayısı, resimlerin sırası, posta kimliği ve boyutunun belirtilmesi gibi birkaç temel seçeneğe sahiptir.
-
Ses: Ses dosyalarını gömmek ve oynatmak için bu kısa kodu kullanabilirsiniz. Desteklenen temel seçenekler arasında ses dosyası kaynağının belirtilmesi, döngü, otomatik oynatma ve ön yükleme yer alır.
-
Altyazı: Öncelikle tek görüntüler için kullanılır, görüntünüze bir başlık eklemenize ve içeriğin etrafına sarmanıza olanak tanır. Kısa koda ekleyebileceğiniz temel seçenekler arasında benzersiz HTML kimliği, özel CSS sınıfı, hizalama ve genişlik bulunur.
-
Göm: Bu durum çeşitli öğeleri gömmek için kullanabileceğiniz çok kullanışlı bir kısa koddur. Özelleştirmeye gelince, temel seçenekler gömülü öğenin istenen genişliğini ve yüksekliğini ayarlamayı içerir.
-
Çalma listesi: Bu kısa kod, seçtiğiniz bir ses veya video dosyaları koleksiyonunu görüntüler. Seçeneklere gelince, görüntülenecek oynatma listesi türünü, öğelerin sırasını, posta kimliğini, stili belirleyebilir, parça listesini ve parça numaralarını gösterebilir veya gizleyebilir, resimler ekleyebilir ve sanatçıları görüntüleyebilirsiniz.
-
Ek Kısa Kodlar
Temel WordPress kurulumunuzla birlikte gelen varsayılan kısa kodlara ek olarak, eklentiler aracılığıyla ekleyebileceğiniz veya temanızla birlikte gelen yüzlerce başka kısa kod vardır.
Eklentiler
Pek çok eklenti, tam olarak kısa kodlar kullanarak amaçlanan işlevlerini yerine getirir. Örneğin gönderilerinize bir yazar kutusu eklemek için Basit Yazar Kutusu adı verilen bir eklenti, yazar kutusunu görüntülemek için içeriğinizin herhangi bir yerine kopyalayıp yapıştırabileceğiniz bir kısa kod sağlar.
Ek olarak çeşitli amaçlar için tüm kısa kod koleksiyonlarını içeren eklentiler vardır. Bunlardan biri, sekmeler, düğmeler ve bölücüler, akordeonlar ve döngülerden gönderi ve kullanıcı verilerine, meta verilere ve daha fazlasına kadar görsel ve işlevsel öğeler için 50’den fazla kısa kod içeren Shortcodes Ultimate’dır.
WordPress Etkileşimli Kısa Kodlar
Tüm WordPress temaları, çeşitli amaçlar için çok çeşitli kısa kodlarla birlikte gelir. Temalarımızla birlikte gelen WPBakery sayfa oluşturucu eklentisi sayesinde kısa kodlar istediğiniz yere kolayca eklenebilir.
Kullanılabilir kısa kodları görmek ve sayfanıza veya gönderinize bir (veya daha fazla) eklemek için, oluşturucunun arka uç sürümündeki artı işaretini (Öğe Ekle) tıklamanız yeterlidir. Kullanılabilir kısa kodların bir listesi açılır ve bunları basitçe tıklayarak veya sağ üst köşedeki arama çubuğunda adıyla arayarak eklemenize olanak tanır.
WordPress tarafından geliştirilen ve temanıza dahil edilen özel kısa kodlara erişmek için, “tarafından…” adlı sekmeye ve ardından temanın yazarının adına (Qode, Elated, Edge, Select, Mikado) veya temanın adına tıklamanız yeterlidir. Örneğimizde Sahel temamızı kullanıyoruz, bu nedenle sekmede “by SAHEL” yazıyor.
Seçtiğiniz kısa koda tıkladığınızda, özelleştirebileceğiniz tüm genel ve tasarım seçeneklerini göreceksiniz.
Her şeyi ayarlamayı bitirdiğinizde Değişiklikleri kaydet’e tıklayın ve kısa kodun yapması gerekeni yapıp yapmadığını görmek için yayındaki sayfanızı kontrol edin.
Çözüm Yolu
Kısa kodlar, WordPress’i bu kadar güzel ve güçlü kılan şeylerden biridir. Onlarla ilgili en iyi şey, hem geliştiriciler hem de yeni başlayan kullanıcılar için yararlı olmalarıdır. Geliştiriciler isterlerse kendi kısa kodlarını yapabilirler ve temel ve orta düzey kullanıcılar, gerçek kodla uğraşmak zorunda kalmadan özellikler ekleyebilir, tasarımda ince ayar yapabilir ve siteyi özelleştirebilir.
Nasıl çalıştığını bildiğinizde her şeyin kullanımı daha kolaydır. Umarız, kısa kodları ve kullanımlarını sizin için ayırmayı başardık, böylece onlardan en iyi şekilde faydalanabilir ve web sitenizin tasarımını ve işlevselliğini geliştirebilirsiniz.