WordPress'e Özel Kod Parçacıkları Nasıl Eklenir (En Kolay Yöntem)

Web sitenize WordPress kod parçacıkları eklemenin kolay ve anlaşılır bir yolunu mu arıyorsunuz?

WordPress'i öğrenmek yalnızca temalar ve araçlarla ilgili değildir. Bazen bir siteye benzersiz lezzetini veren, kod parçacıklarının incelikli gücüdür.

Aradığınız mükemmel özelleştirme mi? Doğru kodla bunu başarabilirsiniz ancak sorun şu ki, en ufak bir hata bile web sitenizi bozabilir.

Bu makalede, web sitenizi bozmadan WordPress'e özel kod parçacıklarını nasıl kolayca ekleyeceğinizi göstereceğiz.

WordPress'teki Kod Parçacıkları Nelerdir?

WordPress'in kullanıcı dostu arayüzünün altında, onun her hareketine güç veren bir kod dünyası vardır.

Kod parçacıkları olarak adlandırılan bu küçük kod parçaları, WordPress'e belirli işlevler konusunda talimat veren kompakt ama güçlü araçlardır.

Bu parçacıkların gücünden yararlanmak, genel bir WordPress web sitesi ile tam gereksinimlerinize göre uyarlanmış bir web sitesi arasındaki farkı yaratabilir.

Bunları, düzgün bir şekilde kullanıldığında ön uçta mükemmel sonuçlar getirebilecek büyülerin WordPress eşdeğeri olarak düşünün.

WordPress'e Özel Kod Parçacıkları Nasıl Eklenir?

WordPress'e özel kod parçacıkları eklemek için WPCode'un basitliğine ve işlevselliğine güvenebilirsiniz. Başlamak için aşağıdaki adımları izleyin.

1. WPCode Eklentisini Kurun ve Etkinleştirin

WPCode, WordPress kullanıcılarının, functions.php dosyasıyla uğraşmak zorunda kalmadan veya siteyi en ufak bir hata nedeniyle bozma endişesi duymadan sitelerine özel kod parçacıkları eklemelerinin en iyi yoludur.

Kod pasajı eklentisi, alt bilgi ve başlık da dahil olmak üzere WordPress sitenizin herhangi bir bölümüne kod parçacıkları eklemenizi kolaylaştırır. functions.php dosyasını doğrudan düzenlemek yerine, istediğiniz özel kodu doğrudan kontrol panelinizden ekleyebilirsiniz.

Başlamak için web sitenize WordPress eklentisini yükleyip etkinleştirmeniz gerekir. Bu, eklentiyi WordPress kontrol panelinizin sol menü paneline ekleyecektir; buradan özel kodları hızlı bir şekilde eklemeye başlayabilirsiniz.

2. Özel Kodu Oluşturun (PHP, CSS, HTML)

Özel kodunuz zaten hazırsa bu adımı atlayın ve bir sonraki adıma geçin. Özel kodu sıfırdan oluşturanlar için işte bir örnek.

Bu kılavuz için, Radyo ve Onay Kutusu değerlerinin WPForms'ta doğru şekilde görüntülenmemesine neden olan tema çakışmalarını önleyen özel bir kod oluşturacağız.

.wpforms-container input[type=radio] {
	-webkit-appearance: radio !important;
	-moz-appearance: radio !important;
	appearance: radio !important;
}

.wpforms-container input[type=checkbox] {
	-webkit-appearance: checkbox !important;
	-moz-appearance: checkbox !important;
	appearance: checkbox !important;
}

.wpforms-container input[type=radio]:checked:before,
.wpforms-container input[type=radio]:before,
.wpforms-container input[type=checkbox]:checked:before,
.wpforms-container input[type=checkbox]:before,
.wpforms-container input[type=radio]:checked:after,
.wpforms-container input[type=radio]:after,
.wpforms-container input[type=checkbox]:checked:after,
.wpforms-container input[type=checkbox]:after {
	display: none !important;
}

Yukarıdaki kod, tema çakışması sorununu çözmek için CSS kullanır, ancak daha önce de belirtildiği gibi PHP ve HTML ile de kod oluşturabilirsiniz.

3. Özel Kodunuzu Ekleyin (Yeni Parçacık)

WordPress yönetici menü çubuğunuzdan Kod Parçacıkları seçeneğini ve ardından Yeni Ekle düğmesini tıklayın. Eklentiyi yeni yüklediğiniz için listeniz boş olacaktır.

Daha sonra Parçacık Ekle sayfasına yönlendirileceksiniz. Burada kendi benzersiz kodunuzu ekleyebilir veya önceden hazırlanmış kitaplıktan bir kod pasajı seçebilirsiniz.

Yeni kodunuzu eklemek için Özel Kodunuzu Ekle (Yeni Parçacık) seçeneğinin yanındaki Parça Parçacığı Kullan düğmesini tıklayın.

Artık tek yapmanız gereken pasaja bir ad vermek ve oluşturduğunuz özel kodu kopyalayıp WPCode eklentisindeki Kod Önizleme alanına yapıştırmak.

Kodu CSS'de oluşturduğumuz için Kod Türü açılır menüsünde CSS Parçacığı'nı seçtik. Oluşturduğunuz koda göre bunu değiştirebilirsiniz.

Daha sonra Ekleme sekmesine ilerleyin. Şimdi Otomatik Ekle'yi seçin ve Konum açılır menüsünden Site Genelinde Başlık seçeneğini seçin.

Oluşturduğunuz kodun türüne bağlı olarak, onu sayfalarınıza/yayınlarınıza [/] Kısa Kod olarak eklemeyi bile seçebilirsiniz.

Kod pasajınıza etiket atamak istiyorsanız Temel Bilgiler bölümüne ilerleyin. Bu, kod örneklerinizi konuya ve işleve göre kategorilere ayırmanıza yardımcı olacaktır.

Çok sayıda parçayı aynı yerde göstermek istediğinizde Öncelik parametresi bunların işlenme sırasını seçmenizi sağlar.

Daha sonra, gelişmiş Akıllı Koşullu Mantık özelliği, bir dizi kritere göre otomatik olarak eklenen parçacıkları ortaya çıkarmanıza veya gizlemenize olanak tanır.

Son olarak tek yapmanız gereken, eklentiden ayrılmadan önce Etkin seçeneğini işaretlemek ve Parçacığı Kaydet düğmesine basmaktır!

4. Özel Koddaki Hataların Ele Alınması

Siteye özel eklenti veya tema dosyasındaki bir yazım hatası, kod parçacıkları kullandığınızda sitenizi anında ziyaretçilerin kullanımına kapalı hale getirebilir.

Sitenizde bir sözdizimi hatası veya 500 dahili sunucu hatası görünecektir. Değişikliklerinizi manuel olarak geri almak için bir FTP istemcisi kullanmanız gerekecektir.

WPCode eklentisinin benzersiz özelliği, koddaki sözdizimi hatalarını otomatik olarak tanımlayıp devre dışı bırakmasıdır.

Hata ayıklamada kullanmanız için yararlı bir hata mesajı gösterilecektir. Siz özel kodunuzu ekledikçe, WPCode'un akıllı kod pasajı doğrulaması tüm hataları bulacaktır.

Farenizi sorunun üzerine getirdiğinizde sorunun nasıl çözüleceğine ilişkin talimatların yer aldığı bir açılır pencere görünecektir.

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

Birden fazla kod parçacığınız varsa, WPCode, kullanıcı dostu bir arayüz ve parçacık kitaplığıyla bunları yönetmeyi inanılmaz derecede kolaylaştırır.

Kod parçacıkları web sitenizde etkinleştirilmeden kaydedilebilir ve daha sonra istediğiniz zaman kod parçasını etkinleştirebilir veya devre dışı bırakabilirsiniz.

Ek olarak, kod parçacıklarınızı kategorilere ayırmak ve bunları türe ve konuma göre filtrelemek için etiketleri kullanabilirsiniz.

Ayrıca belirli kod parçacıklarını dışa aktarma veya hepsini toplu olarak dışa aktarma seçeneğiniz de vardır. Basitçe Kod Parçacıkları » Araçlar'a gidin ve Dışa Aktar seçeneğini seçin.

Eklenti ayrıca web sitenizi yeni bir sunucuya taşıyorsanız snippet'leri içe aktarmanıza da olanak tanır. Kod Parçacıkları » Araçlar » Dışa aktarma dosyasını içe aktarın ve yükleyin.

Özel Kod Parçacıkları hakkında SSS

Özel kod parçacıkları eklemek okuyucularımız arasında popüler bir kullanılabilirlik konusudur. En sık sorulan soruların birkaçına hızlı yanıtlar burada verilmiştir:

WordPress için en iyi kod pasajı yöneticisi nedir?

WPCode, WordPress'te kod parçacıklarını yönetmek ve çalıştırmak için en iyi seçimdir ve kolaylaştırılmış organizasyon ve kusursuz entegrasyon yetenekleri sunar.

WordPress'teki kod pasajına CSS'yi nasıl eklerim?

WPCode'da + Yeni Ekle bölümüne gidin, istediğiniz CSS'yi girin ve kaydetmeden ve etkinleştirmeden önce CSS türünü seçtiğinizden emin olun.

Eklentiler olmadan WordPress'e nasıl özel kod eklerim?

Özel kodu doğrudan temanızın functions.php dosyasına girebilirsiniz. Ancak WPCode gibi özel bir araç, daha güvenli ve daha organize snippet yönetimi sağlar.

WordPress'e özel php kodunu nasıl eklerim?

PHP için, WPCode arayüzüne gidin, + Yeni Ekle'yi seçin, PHP kodunuzu yapıştırın ve ardından kaydedin. Her zaman önce bir alt tema hazırlama sitesinde test edildiğinden emin olun.

Sonra, Dosya İndirmeleri İçin E-posta Adresinin Nasıl Gerekeceğini Öğrenin

WordPress kullanıcılarının bir dosyayı indirmeden önce size e-posta adreslerini vermeleri gerekseydi harika olmaz mıydı? WordPress sitenize gelen ziyaretçilerin bir dosyayı indirebilmeleri için e-posta adreslerini paylaşmalarını nasıl sağlayacağınızı öğrenin.

WordPress Formunuzu Şimdi Oluşturun

Formunuzu oluşturmaya hazır mısınız? En kolay WordPress form oluşturucu eklentisiyle bugün başlayın. WPForms Pro çok sayıda ücretsiz şablon içerir ve 14 günlük para iade garantisi sunar.

Bu makale size yardımcı olduysa, daha fazla ücretsiz WordPress öğreticisi ve kılavuzu için lütfen bizi Facebook ve Twitter'da takip edin.