Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

Editoryal Not: WPBeginner üzerindeki ortak bağlantılardan komisyon kazanıyoruz. Komisyonlar, editörlerimizin görüşlerini veya değerlendirmelerini etkilemez. Editoryal Süreç hakkında daha fazla bilgi edinin.

Genellikle WordPress eğitimlerini okurken, temanızın functions.php dosyasına veya siteye özgü bir eklentiye özel kod parçacıkları eklemeniz istenebilir.

Sorun şu ki, en ufak bir hata bile web sitenizi çökertebilir.

Bu makalede, sitenizi bozmadan WordPress’e özel kod eklemenin kolay bir yolunu göstereceğiz.

How to easily add custom code in WordPress

Ö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 - Best WordPress Code Snippets Plugin

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.

Buna ek olarak, WPCode, REST API’yi devre dışı bırakma, yorumları devre dışı bırakma, Gutenberg‘i devre dışı bırakma, SVG dosya yüklemelerine izin verme 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 sayede her bir özellik talebi için ayrı eklentiler kurma ihtiyacı ortadan kalkar.

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

Subscribe to WPBeginner

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.

Not: Ücretsiz WPCode eklentisi WordPress’e özel kod eklemek için ihtiyacınız olan her şeye sahiptir. Zamanlanmış parçacıklar, kod revizyonları, e-ticaret dönüşüm takibi ve daha fazlası gibi gelişmiş özellikler istiyorsanız, WPCode Pro‘ya yükseltebilirsiniz.

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.

Click 'Add New' in WPCode to create a new custom snippet

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.

Add custom code in WPCode

Ö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.

Adding your first code snippet

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.

Choose insertion option for code snippet

‘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.

Automatically insert code snippets in page-specific locations

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.

Choose device type for your custom code snippets

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.

Use smart conditional logic to show or hide snippets

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.

Add code description and tags

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.

Save and activate code snippet

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.

Error handling in your custom code snippet

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.

Smart code snippet validation to find code errors

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.

WPCode - WordPress Snippets Organized by Tags

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.

Export your custom code snippets

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.

Import code snippets with WPCode

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.

Click on the 'Generate snippet using AI' option

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.

Describe what you want your snippet to do and click the Generate button

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

WPCode AI will automatically write the code

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

Use the AI Improve button to adjust your new snippet

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.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

25 yorumBir Cevap Bırakın

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Moinuddin Waheed says

    I have always had reservation for installing plugins for every functionality even very small functionality.
    inserting code snippets through wpcode has revolunized it as we don’t need to have separate plugins for every small functionality that we need to have.
    The better part is that wpcode comes with most used general code snippets which we have to just use and activate.

  3. Jiří Vaněk says

    I also use WP code for inserting snippets on the website, and I agree that it’s one of the indispensable tools in website creation if someone wants to save on installing numerous plugins, tasks that snippets can often handle well. What’s also good is that artificial intelligence can now suggest tailored snippets for many purposes.

  4. ebere akadonye says

    I have tried using the plugin, but whenever I am trying to activate my code, it returns an error in Line 0, I don’t know what to do next, because I can’t find any line 0. except it is the line with the <?php

  5. Elena Ocone says

    Hi and thank you so much for all your work and support to the WordPress community.

    I used Code Snippets plugin and it was just perfect until after last update, when all code disappeared, and it became impossible to save any change: the result is a 404 error page.

  6. Carol says

    I have a long Authors page with affiliate links and want to have users be able to pull up those books for certain topics.

    For instance, say that they are books covering Gardening, Cooking, and Sewing. I want the user to be able to pull up all the books on Sewing without having to see all the other titles. Plus some titles do not tell you immediately the subjects so browsing the entire list might not catch them all.

    I want to be able to code the individual titles so they would appear on one or more of the predetermined subject lists and then provide a link to the user to click to get a dynamic list of just the titles on. that particular subject Dynamic such that any new titles I add and code will show up for them.

    I am NOT a programmer, don’t want to be, I need a plugin that will do that. Seems that I am probably not the first person wanting to do this. Is there a plugin that will do this?

  7. THadryan says

    I tried using this plug in because everyone seems to love it, but it crashed my whole site before I could even do anything with it.

    This article convinced me to try it again, because everyone seems to like it, but EVEN JUST ACTIVATING it wrecks my whole site and I get the 500 error you refer to.

    Do you have any idea what might be going on?

    I would assume it’s my error but all I am doing is installing it and activating it.

  8. PseudoGeek says

    Would the code entered into this plugin persist through theme updates? Here’s what I’d like this plugin to do: In order to have the year update automatically in the copyright, many developers place a snippet of php code into a child theme to accomplish this. I really don’t want to make a child theme for every website just for that tiny change, but the alternative is to have my changes disappear with each theme update. But adding a child theme for something so minor seems like building a whole new fence when all you want to do is change the color of the latch on the gate. Maybe this plugin is the easy way to do this?

  9. Al Klein says

    I’m an old PHP developer, but this makes managing snippets a lot easier. (And, since I’m human, I made an error in adding a snippet – and it was just deactivated, Doing it manually would have meant making sure that the editor was still open when I tried the site, so I could go back and try to find what would have been a 500 error.

    Thank you for this post.

  10. Amrita says

    Thanks for sharing this.I am also afraid of adding custom code.But this looks easy.If I understood correctly if the code snippet has an error the plugin automatically decativates it .Right?

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.