WordPress’e Kolayca Özel Kod Ekleme (Sitenizi Bozmadan)

WPBeginner’da bizimkiler de dahil olmak üzere WordPress eğitimlerinde sık sık temanızın functions.php dosyasına veya siteye özel bir eklentiye özel kod parçacıkları eklemeniz istenir. Bunun gözünüzü korkutabileceğini anlıyoruz, özellikle de kod konusunda rahat değilseniz.

Ve temkinli olmakta haklısınız. Koddaki küçük bir hata bile tüm web sitenizi bozabilir.

Bu makalede, sitenizi bozmadan WordPress’e özel kod eklemenin kolay bir yolunu göstereceğiz. Bu yöntem hem yeni başlayanlar hem de deneyimli kullanıcılar için mükemmeldir.

Özel Kod Parçacıklarıyla İlgili Sorun (Ve Nasıl Düzeltilir)

Genellikle WordPress eğitimlerinde, temanızın functions.php dosyasına veya siteye özel bir eklentiye eklemeniz için talimatlar içeren kod parçacıkları bulacaksınız.

En büyük sorun, özel kod parçacığındaki küçük bir hatanın bile WordPress sitenizi bozabilmesi ve erişilemez hale getirebilmesidir.

WordPress temanızı güncellemeniz veya değiştirmeniz durumunda tüm özelleştirmelerinizin kaldırılacağından bahsetmiyorum bile.

Diğer sorun ise, siteye özel bir eklentiye birden fazla kod parçacığı eklerseniz, dosyayı yönetmek zorlaşabilir.

Neyse ki, kullanıcıların WordPress’te özel kod parçacıkları eklemesi ve yönetmesi için daha kolay bir yol var.

WPCode, 2 milyondan fazla WordPress web sitesi tarafından kullanılan en popüler kod parçacıkları eklentisidir. Temanızın functions.php dosyasını düzenlemek zorunda kalmadan WordPress’e kod parçacıkları eklemeyi kolaylaştırır.

WPCode ayrıca sitenizin üstbilgi ve altbilgi alanlarına Google Analytics, Facebook Pixel, Google AdSense ve daha fazlası için izleme kodları eklemeyi kolaylaştırır.

Akıllı kod parçacığı doğrulaması, yaygın kod hatalarını önlemenize yardımcı olduğu için sitenizi bozma konusunda asla endişelenmenize gerek kalmayacak.

Ek olarak, WPCode, SVG dosya yüklemelerine izin verme, REST API‘yi devre dışı bırakma, yorumları devre dışı bırakma, Gutenberg‘i devre dışı bırakma, kaldırma ve çok daha fazlası gibi en popüler WordPress kod parçacıklarının tümünü bulabileceğiniz yerleşik bir parçacık kitaplığıyla birlikte gelir.

Bu, her özellik talebi için ayrı eklentiler yükleme ihtiyacını ortadan kaldırır.

En iyi yanı, tüm kod parçacıklarınızı tek bir merkezi ekrandan yönetebilmeniz ve bunları düzenlemek için etiketler ekleyebilmenizdir.

WPCode ‘un 6 kod türü desteği, akıllı koşullu mantık ve daha fazlası dahil olmak üzere WordPress’e özel kod eklemek için ihtiyacınız olan tüm temel özelliklere sahip ücretsiz bir sürümü de vardır.

Bununla birlikte, WPCode ile WordPress’te özel kod parçacıklarının nasıl kolayca ekleneceğine bir göz atalım.

Video Eğitimi

Yazılı talimatları tercih ediyorsanız, okumaya devam edin.

WordPress’te Özel Kod Parçacıkları Ekleme

Yapmanız gereken ilk şey web sitenize ücretsiz WPCode eklentisini yüklemek ve etkinleştirmektir. Daha fazla ayrıntı için, WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Etkinleştirmenin ardından, eklenti WordPress yönetici çubuğunuza ‘Kod Parçacıkları’ etiketli yeni bir menü öğesi ekleyecektir. Bu öğeye tıkladığınızda sitenize kaydettiğiniz tüm özel kod parçacıklarının bir listesini göreceksiniz.

Eklentiyi yeni yüklediğiniz için listeniz boş olacaktır.

Devam edin ve WordPress’e ilk özel kod parçacığınızı eklemek için ‘Yeni Ekle’ düğmesine tıklayın.

Bu sizi ‘Snippet Ekle’ sayfasına götürecektir. Burada önceden hazırlanmış kitaplıktan bir kod parçacığı seçebilir veya özel kodunuzu ekleyebilirsiniz.

Özel kod eklemek için, ‘Özel Kodunuzu Ekleyin (Yeni Snippet)’ seçeneğinin altındaki ‘Snippet kullan’ düğmesine tıklayın.

Özel kod parçacığınız için bir başlık girerek başlamanız gerekir. Bu, kodu tanımlamanıza yardımcı olacak herhangi bir şey olabilir.

Bundan sonra, kod parçacığınızı kopyalayıp Kod Önizleme kutusuna yapıştırabilirsiniz. Sağdaki açılır menüden doğru kod türünü seçtiğinizden de emin olun.

Yukarıdaki ekran görüntüsünde, WordPress sürüm numarasını test sitemizden kaldırmak için özel bir kod parçacığı ekledik.

function wpb_remove_version() {
return '';
}
add_filter('the_generator', 'wpb_remove_version');

Kod kutusunun altında, ekleme seçeneklerini göreceksiniz. İki ana ekleme seçeneği vardır: Otomatik Ekle ve Kısa Kod.

‘Otomatik Ekle’ yöntemini seçtiyseniz, snippet otomatik olarak sitenize eklenecek ve çalıştırılacaktır.

Snippet’i yalnızca WordPress yönetici alanında, sitenizin ön ucunda veya her yerde otomatik olarak çalıştırabilirsiniz. Hatta snippet’ınızı yazılardan önce veya sonra ya da yazı içeriğinin içinde gibi sayfaya özel konumlara eklemeyi de seçebilirsiniz.

Emin değilseniz, varsayılan ‘Snippet’i her yerde çalıştır’ seçeneğini seçin.

‘Kısa Kod’ yönteminde snippet otomatik olarak eklenmez. Parçacığı kaydettiğinizde, sitenizin herhangi bir yerinde kullanabileceğiniz parçacığa özel bir kısa kod alırsınız.

Daha aşağı kaydırdığınızda, snippet’in yüklenmesini istediğiniz yeri cihaz türüne göre sınırlayabilirsiniz. Varsayılan olarak, snippet’ler tüm cihaz türlerine yüklenir, ancak bunları yalnızca masaüstüne veya yalnızca mobile yüklenecek şekilde de ayarlayabilirsiniz.

Ardından, bir dizi kurala dayalı olarak otomatik eklenen snippet’leri göstermek veya gizlemek için güçlü ‘Akıllı Koşullu Mantık’ bölümünü kullanabilirsiniz.

Örneğin, kod parçacıklarını yalnızca oturum açmış kullanıcılara gösterebilir, kod parçacıklarını yalnızca belirli sayfa URL’lerine yükleyebilir ve daha fazlasını yapabilirsiniz.

Son olarak, bir ‘Temel bilgi’ alanı göreceksiniz. Buraya bu kodun ne işe yaradığını, nerede bulduğunuzu ve neden web sitenize eklediğinizi anlamanıza yardımcı olacak herhangi bir şey ekleyebilirsiniz.

Kod parçacığınıza etiketler de atayabilirsiniz. Bu, kod parçacıklarınızı konuya ve işlevselliğe göre sıralamanıza yardımcı olacaktır.

Öncelik alanı, aynı konumda birden fazla snippet görüntülemek istediğinizde snippet’lerin yürütülme sırasını kontrol etmenizi sağlar. Varsayılan olarak, tüm snippet’ler 10 öncelik alır. Bir snippet’in diğerlerinden daha önce görüntülenmesini istiyorsanız, snippet önceliğini 5 gibi daha düşük bir sayıya ayarlamanız yeterlidir.

Seçenekleri seçmeyi bitirdiğinizde, sağ üst köşedeki anahtarı ‘Etkin Değil’den ‘Etkin’e getirin ve ardından ‘Snippet’i Kaydet’ düğmesine tıklayın.

Kod parçacığını kaydetmek ve etkinleştirmemek istiyorsanız, ‘Kod Parçacığını Kaydet’ düğmesine tıklamanız yeterlidir.

Kod parçacığını kaydedip etkinleştirdikten sonra, seçtiğiniz ekleme yöntemi buysa sitenize otomatik olarak eklenecek veya bir kısa kod olarak görüntülenecektir.

Özel Kodda Hataları İşleme

Genellikle, sitenize özel eklenti veya tema dosyanıza özel kodu eklerken bir hata yaparsanız, sitenizi hemen erişilemez hale getirir.

Sitenizde bir sözdizimi hatası veya 500 dahili sunucu hatası görmeye başlarsınız. Bunu düzeltmek için, bir FTP istemcisi kullanarak kodunuzu manuel olarak geri almanız gerekir.

WPCode eklentisinin en güzel yanı, koddaki bir sözdizimi hatasını otomatik olarak algılaması ve hemen devre dışı bırakmasıdır.

Ayrıca, hatayı ayıklayabilmeniz için size yardımcı bir hata mesajı da gösterecektir.

WPCode’un akıllı kod parçacığı doğrulaması, siz özel kodunuzu eklerken oluşabilecek hataları da tespit edecektir.

Hatanın üzerine geldiğinizde, düzeltmenize yardımcı olacak talimatlar görüntülenir.

Özel Kod Parçacıklarınızı Yönetme

WPCode eklentisi, WordPress’teki özel kod parçacıklarınızı yönetmek için kolay bir kullanıcı arayüzü sağlar.

Kod parçacıklarını sitenizde etkinleştirmeden kaydedebilir ve ardından parçacığı istediğiniz zaman etkinleştirebilir veya devre dışı bırakabilirsiniz. Kod parçacıklarını türe ve konuma göre filtrelemek ve kod parçacıklarınızı kolayca düzenlemek için etiketleri kullanmak da mümkündür.

Ayrıca belirli kod parçacıklarını veya tümünü toplu olarak dışa aktarabilirsiniz.

Basitçe Code Snippets “ Araçlar ‘a gidin ve ‘Dışa Aktar’ sekmesine tıklayın.

Web sitelerini farklı bir sunucuya taşıyorsanız, kod parçacıklarınızı yeni siteye kolayca aktarabilirsiniz.

Sadece Code Snippets ” Araçlar “ İçe Aktar sayfasını ziyaret edin ve dışa aktarma dosyasını yükleyin.

Bonus: Yapay Zeka ile Özel Kod Parçacıkları Oluşturun

Kod yazmayı bilmeseniz bile, WPCode’un AI Snippet Generator’ını kullanarak WordPress web siteniz için kolayca özel snippet’ler oluşturabilirsiniz. Böylece, PHP, HTML veya CSS ile uğraşmak yerine, web siteniz için ne istediğinizi sade bir İngilizce ile tanımlayabilirsiniz.

‘Snippet Ekle’ sayfasından ‘AI kullanarak snippet oluştur’ seçeneğinin üzerine gelin. Ardından, ‘+ Snippet Oluştur’ düğmesine tıklayın.

Ardından, snippet’inizin ne yapmasını istediğinizi açıklayabileceğiniz bir metin kutusu açılacaktır. Ne istediğiniz konusunda spesifik olmaya çalışın, ancak çok uzun tutmayın, daha sonra ek değişiklikler yapmak için her zaman AI Improve özelliğini kullanabilirsiniz.

Talebinizi yazdıktan sonra ‘Oluştur’ düğmesine tıklayın.

Yapay zeka şimdi yeni kod parçacığınızı yazacak, ayrıca otomatik ekleme konumunu seçecek ve gerekirse koşullu mantığı ayarlayacaktır.

Yeni snippet’inizi ayarlamak istiyorsanız, yapmak istediğiniz değişiklikleri tanımlamanıza olanak tanıyan ‘AI Improve’ düğmesine tıklayabilirsiniz.

Mevcut kod parçacıklarınızdan herhangi birini geliştirmek için AI Improve özelliğini de kullanabilirsiniz.

Umarız bu makale WordPress’e nasıl kolayca özel kod ekleyebileceğinizi öğrenmenize yardımcı olmuştur. Web sitenizde bazı kod parçacıkları denemek ister misiniz? WordPress fonksiyonlar dosyası için son derece kullanışlı püf noktaları listemize göz atın ve WordPress sitenizi hızlandırmak için nihai kılavuzumuzu görmeyi unutmayın.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.