WordPress'e Özel Kod Nasıl Kolayca Eklenir (Sitenizi Bozmadan)

Kendi WordPress sitemi ilk özelleştirmeye başladığımda, özel kod eklemekten dehşete düşmüştüm. functions.php dosyasındaki tek bir yanlış noktalı virgül tüm web sitemi çökertebilirdi. Bu düşünce bile beni paniğe sürükledi.

Bu yüzden, WordPress eğitimleri ile karşılaştığımda, tıpkı WPBeginner'daki kendi eğitimlerimiz gibi, bana kod parçacıklarını temama veya siteye özel bir eklentiye yapıştırmamı söyleyenler, bu fikir daha da göz korkutucu gelmişti.

Ancak iyi haber şu. Sitenizi bozma riski olmadan özel kod eklemenizi sağlayan ücretsiz bir eklenti var.

Bu makalede, özel kodu WordPress'e güvenli bir şekilde eklemenin bu kolay yöntemini göstereceğim. Bu yaklaşım, sitelerini stres olmadan özelleştirmek isteyen hem yeni başlayanlar hem de deneyimli kullanıcılar için mükemmel bir şekilde çalışır.

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

Daha önce de belirttiğim gibi, WordPress eğitimlerinde genellikle kod parçacıklarını temanızın functions.php dosyasına veya bir siteye özel eklentiye ekleme talimatlarıyla birlikte bulursunuz.

En büyük sorun, özel kod parçacığındaki küçük bir hata bile WordPress sitenizi bozabilir ve erişilemez hale getirebilir.

Bahsetmeye bile gerek yok, WordPress temanızı güncellerseniz veya WordPress temanızı değiştirirseniz, tüm özelleştirmeleriniz kaldırılır.

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

Neyse ki, kullanıcıların WordPress'e ö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ığı eklentisidir. Tema `functions.php` dosyanızı düzenlemek zorunda kalmadan WordPress'e kod parçacıkları eklemeyi kolaylaştırır.

WPCode ayrıca sitenizin başlık ve alt bilgi alanlarına Google Analytics, Facebook Pikseli, Google AdSense ve daha fazlası gibi izleme kodlarını eklemenizi kolaylaştırır.

Akıllı kod parçacığı doğrulama 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 ve çok daha fazlası gibi en popüler WordPress kod parçacıklarını bulabileceğiniz yerleşik bir kod parçacığı kitaplığı ile birlikte gelir.

Bu, her özellik isteği 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.

Ayrıca, WordPress'te özel kod eklemek için ihtiyacınız olan tüm temel özellikleri, 6 kod türü desteği, akıllı koşullu mantık ve daha fazlasını içeren WPCode'un ücretsiz bir sürümü de bulunmaktadır.

Bunu söyledikten sonra, WPCode ile WordPress'e özel kod parçacıklarını nasıl kolayca ekleyebileceğimize bir göz atalım.

• WordPress'te Özel Kod Parçacıkları Ekleme
• Özel Kodda Hata Yönetimi
• Özel Kod Parçacıklarınızı Yönetme
• Bonus: Generate Custom Code Snippets with AI

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, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Etkinleştirildiğinde, eklenti WordPress yönetici çubuğunuza ‘Kod Parçacıkları’ etiketli yeni bir menü öğesi ekleyecektir. Buna tıklamak, sitenizde kaydettiğiniz tüm özel kod parçacıklarının bir listesini gösterecektir.

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

WordPress'te ilk özel kod parçacığınızı eklemek için 'Yeni Ekle' düğmesine tıklayın.

Bu sizi ‘Kod Parçacığı Ekle’ sayfasına götürecektir. Burada hazır kütüphaneden bir kod parçacığı seçebilir veya özel kodunuzu ekleyebilirsiniz.

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

Ardından, ekranda görünen seçenekler listesinden kod türünü seçin.

Bu eğitim için ‘PHP Kod Parçacığı’ seçeneğine tıklayacağız.

Şimdi Özel Parçacık Oluştur sayfasında olacaksınız.

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

Bundan sonra, kod parçacığınızı ‘Kod Önizleme’ kutusuna kopyalayıp yapıştırabilirsiniz.

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

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, kod parçacığı sitenize otomatik olarak eklenecek ve çalıştırılacaktır.

Parçacığı yalnızca WordPress yönetici alanında, sitenizin ön yüzünde veya her yerde otomatik olarak çalıştırabilirsiniz. Hatta sayfa başına özel konumlara, gönderilerin öncesine veya sonrasına veya gönderi içeriği içine eklemeyi seçebilirsiniz.

Emin değilseniz, varsayılan ‘Kod parçacığını her yerde çalıştır’ seçeneğini belirleyin.

'Kısa Kod' yöntemiyle, kod parçacığı otomatik olarak eklenmez. Kod parçacığını kaydettikten sonra, sitenizin herhangi bir yerinde kullanabileceğiniz, kod parçacığına özgü bir kısa kod alırsınız.

Daha aşağı kaydırdığınızda, kod parçacığının hangi cihaz türlerinde yükleneceğini sınırlayabilirsiniz. Varsayılan olarak, kod parçacıkları tüm cihaz türlerinde yüklenir, ancak yalnızca masaüstü veya yalnızca mobil cihazlarda yüklenecek şekilde de ayarlayabilirsiniz.

Ardından, otomatik olarak eklenen parçacıkları bir dizi kurala göre 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'lerinde yükleyebilir ve daha fazlasını yapabilirsiniz.

Son olarak, bir 'Temel bilgiler' alanı göreceksiniz. Bu kodun ne yaptığını, nereden bulduğunuzu ve web sitenize neden eklediğinizi anlamanıza yardımcı olacak her şeyi buraya 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 parçacık görüntülemek istediğinizde parçacıkların yürütülme sırasını kontrol etmenizi sağlar. Varsayılan olarak, tüm parçacıklar 10 öncelik alır. Bir parçacığın diğerlerinden önce görüntülenmesini istiyorsanız, parçacık önceliğini 5 gibi daha düşük bir sayıya ayarlamanız yeterlidir.

Seçenekleri belirledikten sonra, sağ üst köşedeki anahtarı ‘Etkin Değil’den ‘Etkin’ konumuna getirin ve ardından ‘Parçayı 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 otomatik olarak sitenize eklenecek veya bir kısa kod olarak görüntülenecektir.

Özel Kodda Hata Yönetimi

Genellikle, özel kodu sitenize özel eklentinize veya tema dosyanıza eklerken bir hata yaparsanız, bu hemen sitenize 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 gerekecektir.

WPCode eklentisinin harika yanı, sözdizimi hatasını otomatik olarak algılaması ve hemen devre dışı bırakmasıdır.

Ayrıca size yardımcı bir hata mesajı gösterecektir, böylece hatayı ayıklayabilirsiniz.

WPCode'un akıllı kod parçacığı doğrulayıcısı, özel kodunuzu eklerken olası hataları da tespit edecektir.

Hata üzerine gelmek, onu düzeltmenize yardımcı olacak talimatları gösterecektir.

Ö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 istediğiniz zaman parçacığı etkinleştirebilir veya devre dışı bırakabilirsiniz. Ayrıca 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.

Belirli kod parçacıklarını veya hepsini toplu olarak dışa aktarabilirsiniz.

Kod Parçacıkları » Araçlar bölümüne gidin ve 'Dışa Aktar' sekmesine tıklayın.

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

Yalnızca Kod Parçacıkları » Araçlar » İçe Aktar sayfasına gidin ve dışa aktarma dosyasını yükleyin.

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

Kodlama bilmeseniz bile, WPCode'un Yapay Zeka Parçacık Oluşturucusu'nu kullanarak WordPress web siteniz için kolayca özel parçacıklar oluşturabilirsiniz. Bu nedenle, PHP, HTML veya CSS ile uğraşmak yerine, web siteniz için istediğiniz şeyi İngilizce olarak açıklayabilirsiniz.

'Snippet Ekle' sayfasından, 'Yapay Zeka ile snippet oluştur' seçeneğinin üzerine gelin. Ardından, '+ Snippet Oluştur' düğmesine tıklayın.

Ardından, parçacığınızın ne yapmasını istediğinizi açıklayabileceğiniz bir metin kutusu görünecektir. Ne istediğiniz konusunda belirli olmaya çalışın, ancak çok uzun tutmayın, daha sonra ek değişiklikler yapmak için her zaman Yapay Zeka Geliştirme özelliğini kullanabilirsiniz.

İsteğinizi yazdıktan sonra 'Oluştur' düğmesine tıklayın.

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

Yeni parçacığınızı ayarlamak isterseniz, yapmak istediğiniz değişiklikleri açıklamanıza olanak tanıyacak 'Yapay Zeka Geliştir' düğmesine tıklayabilirsiniz.

Mevcut kod parçacıklarınızdan herhangi birini geliştirmek için Yapay Zeka Geliştirme özelliğini de kullanabilirsiniz.

Video Eğitim

Yazılı talimatları sevmiyorsanız, WordPress'e özel kodun nasıl kolayca ekleneceğine dair video eğitimimizi izleyebilirsiniz:

Umarım bu makale, WordPress'e özel kodu kolayca nasıl ekleyeceğinizi öğrenmenize yardımcı olmuştur. Web sitenizde bazı kod parçacıklarıyla denemeler yapmak ister misiniz? WordPress fonksiyonlar dosyası için son derece kullanışlı ipuçları listemize göz atın ve WordPress sitenizi hızlandırma konusundaki nihai rehberimize bakmayı unutmayın.

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.