WordPress, oldukça kullanıcı dostu ve özelleştirilebilir bir içerik yönetim sistemi olarak hak edilmiş bir üne sahiptir. Doğru türde bir eklenti için araştırma yapmaktan veya birinci sınıf bir WordPress temasına yatırım yapmaktan çekinmiyorsanız, bu CMS inanılmaz şeyler yapmanızı sağlayacaktır.
WordPress tamircinin rüyasıdır. Web sitenizi özelleştirmekle ilgileniyorsanız, WordPress’e nasıl özel kod ekleyeceğinizi öğrenmek, yapılacaklar listenizde olmalıdır. Bu yazıda size şunları göstereceğiz:
-
Neden WordPress’e Özel Kod Eklemelisiniz?
-
Özel Kod Eklerken Yaşanabilecek Sorunlar
-
WordPress’e Kolayca Özel Kod Nasıl Eklenir?
Neden WordPress’e Özel Kod Eklemek İstiyorsunuz?
WordPress web sitenizin işlevlerini genişletmek veya görünüşünü ve davranışını değiştirmek için eklentilerin nasıl en iyi seçenekler olduğunu sık sık okuyacaksınız. Ve doğrudur — eklentiler, çeşitliliği ve kullanım kolaylığı sayesinde WordPress’i bu kadar harika yapan şeylerin başında gelir.
Bazı durumlarda, tam olarak istediğiniz şeyi yapan bir WordPress eklentisi bulamazsınız. Ya da yalnızca premium bir eklenti bulabilirsin, eğer çok düşük bir bütçeyle bir web sitesi oluşturmaya çalışıyorsan gerçek bir serseri. En iyi WordPress sayfa oluşturucularında bile bazı özel kodlar girerek düzeltmeniz gereken kör noktalar olacaktır.
Kodla uğraşmaya başlamanın ne kadar kolay olduğunu da unutmayalım. Başlamanız için birçok kaynak var. Online bulacağınız makaleler bile, genellikle web sitenize yalnızca bir veya iki satır kod ekleyerek basit ayarları nasıl yapacağınızı öğretecektir. Soru, neden WordPress’e özel kod eklemek isteyeceğiniz olmamalıdır. Öyle olmalı, sen neden olmasın?
Özel Kod Eklerken Ne Gibi Sorunlarla Karşılaşabilirsiniz?
WordPress web sitenize özel kod eklemenin kötü bir fikir olmaktan çok sizin ve web siteniz için potansiyel bir sorun kaynağı olmasının birkaç nedeni vardır. Bu durum en sık kodu ekleyeceğiniz dosya olan functions.php nedeniyle böyledir.
Bu dosyayı düzenlerken hata yapmanın web sitenizi çökertebileceğini bir an için unutalım ve kesinlikle yapabilir. Yaptığınız değişikliklerin WordPress temanızı güncelledikten sonra bile kalıcı olmasını sağlamak için önce bir alt tema oluşturmanız ve functions.php dosyasını düzenlemeniz gerekir. Bu durum birçok kişinin onsuz yapmak isteyeceği bir güçlük.
Fakat WordPress web sitenize özel kod eklemek için kullanabilmeniz için bir alt tema oluşturma zahmetine katlansanız bile, bu sorunlarınızın sonu olmayacaktır. Bazı kod parçacıkları kısa olma eğilimindedir. Diğerleri uzun olma eğilimindedir. Kodlama konusunda ne kadar rahat olursanız, özel JavaScript veya özel CSS eklemek gibi şeyleri o kadar çok araştırırsınız. Çok geçmeden, gezinmesi zor bir dosyayla karşılaşacaksınız.
WordPress’e Kolayca Özel Kod Nasıl Eklenir?
WordPress’e manuel olarak kod ekleme sorunlarının çoğunu aşmanın kolay bir yolu, bunun için bir eklenti kullanmak olacaktır. Code Snippets, kolayca kod eklemenizi ve yönetmenizi sağlayan 300.000’den fazla etkin yüklemeye sahip popüler bir WordPress eklentisidir.
Eklentiyi edinmek için web sitenizin arka ucuna gidin ve Eklentiler > Yeni Ekle’ye gidin. Orada, Kod Parçacıklarını arayın ve eklentiyi yükleyip etkinleştirin.
Eklenti yüklenip etkinleştirildiğinde, kontrol panelinizde “Snippet’ler” adlı yeni bir alt menü oluşturacaktır. Orada, eklentinin tüm işlevlerini bulabileceksiniz. Önce eklentinin seçeneklerini kontrol etmek isterseniz, eklentinin Genel, Açıklama Düzenleyici ve Kod Düzenleyici bölümlerine ayrıldığını göreceksiniz.
Genel bölümünde, parçacığı kaydettiğinizde otomatik olarak etkinleştirmek isteyip istemediğinizi değiştirebilir ve parçacık açıklamaları, etiketler, kapsam seçici gibi şeyleri etkinleştirebilirsiniz. Ayrıca kısa kod sözdizimi vurgulayıcısını devre dışı bırakma ve tam bir kaldırma ayarlama seçeneğiniz de olacaktır.
Açıklama Düzenleyici seçenekleri altında, açıklamanın satır yüksekliğini seçebilecek, tam düzenleyiciyi kullanmak isteyip istemediğinizi ve ortam düğmelerini etkinleştirip etkinleştirmeyeceğinizi seçebileceksiniz.
Kod Düzenleyici seçenekleri, düzenleyicinin görünmesini istediğiniz temayı seçmenize, girintiler için sabit sekmelerin kullanılmasını etkinleştirmenize ve bir sekme boyutu ve kimlik birimi belirlemenize olanak tanır. Ayrıca sarma satırları, satır numaraları, otomatik kapatma parantezleri ve seçim eşleşmelerinin vurgulanması arasında geçiş yapma olanağına sahip olacaksınız.
Tüm Parçacıklar penceresi, açıklamaları, etiketleri, değiştirilme tarihi ve önceliği ile birlikte tüm parçacıklarınızı listeler. Bu pencerede, snippet’leri açıp kapatabileceksiniz. İlk snippet’inizi eklemeden önce, kullanabileceğiniz birkaç kod örneği içerdiğinden kullanışlı olacaktır.
Yeni Ekle penceresi asıl eğlencenin gerçekleştiği yerdir. İlk olarak, kodu girmeden ve parçacığın nerede çalışmasını istediğinizi seçmeden önce parçacığınıza bir ad verebileceksiniz. Parçacığın önceliğini de ayarlayabileceksiniz.
Daha sonra açıklamayı ekleyebileceksiniz. İçine medya ekleme ve metin düzenleyicinin yanı sıra görseldeki açıklamayı düzenleme seçeneğine sahip olacaksınız. Son olarak kod parçacığınız için etiketleri ayarlayabileceksiniz.
Parçacığı oluşturduktan sonra, onu kaydedip etkinleştirir veya kaydedersiniz. Her iki durumda da, kodda herhangi bir hata yapmadıysanız, Tüm Parçacıklar penceresine gitmekte ve yeni parçacığınızı görmekte özgürsünüz.
İşte bu kadar 🙂 Snippet’in değiştirildiğini gördüğünüzde, onu başarıyla eklediniz ve etkinleştirdiniz. Snippet’i bir .php dosyası olarak indirmek veya bir .json dosyası olarak dışa aktarmak istiyorsanız, snippet’inizin altındaki Düzenle düğmesine tıklayıp uygun seçenekleri bulmak için sayfanın en altına inebilirsiniz.
Eklenti ayrıca Parçacıklar alt menüsündeki İçe Aktar seçeneğinden .xml veya .json dosyalarındaki parçacıkları içe aktarmanıza da olanak tanır. Parçacıkları bir web sitesinden diğerine taşımayı kolaylaştırır.
Çözüm Yolu
WordPress web sitenize kod ekleme yeteneği, kapsamlı değişikliklerden küçük ince ayarlara kadar her şeyle web sitenize ince ayar yapmanıza yardımcı olabilir. Fakat nasıl kod yazılacağını bilmenin ve katkılarınızın siteyi bozmayacağından makul ölçüde emin olmanın yanı sıra, snippet’lerinizi eklemenin ve yönetmenin basit bir yolunu da kullanabilirsiniz. Eklentinin yapmak için yapıldığı şey de tam olarak buydu.