JavaScript eklemenin kolay yolları sayfalara veya WordPress sonrası (3 yöntem)
Sayfanıza JavaScript eklemek mi yoksa WordPress’inizi göndermek mi istiyorsunuz? Bazen tüm web sitelerine veya belirli sayfalara JavaScript kodu eklemeniz gerekebilir. Varsayılan olarak, WordPress kodu doğrudan yayınınıza eklemenize izin vermez. Bu makalede, WordPress sayfalarına veya yayınlarına JavaScript eklemenin kolay bir yolunu göstereceğiz.
JavaScript nedir? JavaScript, sunucunuzda değil, kullanıcının tarayıcısında çalışmayan bir programlama dilidir. Bu müşterinin yan programlaması, geliştiricilerin web sitenizi yavaşlatmadan birçok harika şey yapmalarını sağlar.
Bir video oynatıcıyı sabitlemek, bir hesap makinesi veya diğer üçüncü taraf hizmetleri eklemek istiyorsanız, genellikle JavaScript kodu snippet’ini web sitenize kopyalayıp eklemeniz istenir. Sıradan JavaScript kodu görüntüleri şöyle görünebilir:
Şimdi, WordPress Post veya sayfasına bir JavaScript kodu parçası eklerseniz, kaydetmeye çalıştığınızda WordPress tarafından silinir.
Bu nedenle, web sitenize zarar vermeden sayfalara nasıl kolayca JavaScript ekleyebileceğinizi veya WordPress sonrası nasıl ekleyebileceğinizi görelim. Yöntem 1. Üstbilgi ve altbilgi eklerini kullanarak tüm sitelere JavaScript ekleyin Bazen üçüncü taraf araçları eklemek için JavaScript kodu snippet’ini web sitenize kopyalamanız ve eklemeniz istenir. Bu komut dosyası genellikle web sitenizden önce veya etiketten önce altta veya altta. Bu şekilde kod her sayfa ekranına yüklenir. Örneğin, Google Analytics yükleme kodunun web sitenizin her sayfasında kullanılabilir olması gerekir, böylece web sitenizin ziyaretçilerinizi izleyebilirsiniz. Kodu WordPress temanızın header.php veya footer.php dosya temalarına ekleyebilirsiniz. Ancak, temaları güncellediğinizde veya değiştirdiğinizde bu değişikliğin üzerine yazılacaktır. Bu yüzden sitenize JavaScript yüklemek için eklentileri kullanmanızı öneririz. İlk olarak, ekleme başlıklarını ve altbilgi eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla bilgi için, WordPress eklentilerinin nasıl yükleneceğine dair adım adım kılavuzumuza bakın. Etkinleştirmeden sonra, Ayarlar sayfasını ziyaret etmeniz gerekir »Üstbilgiyi ve altbilgiyi ekleyin. Biri üstbilgi için, diğeri altbilgi için iki kutu göreceksiniz.
Artık bu kutulardan birine kopyaladığınız JavaScript kodunu ekleyebilir ve ardından Kaydet düğmesini tıklayabilirsiniz. Ekleme başlıkları ve altbilgi eklentisi, web sitenizin her sayfasına eklediğiniz kodu otomatik olarak içerecektir. Yöntem 2. JavaScript Kodu Ekle Bu yöntem kodunu kullanarak kodu WordPress dosyanıza eklemenizi gerektirir. Bunu daha önce hiç yapmadıysanız, lütfen WordPress’e kodu nasıl kopyalayacağınız ve ekleyeceğiniz konusunda kılavuzumuza bakın. İlk olarak, WordPress sitesi başlığınıza nasıl bir kod ekleyeceğinize bakalım. Dosya işlevine aşağıdaki kodu eklemeniz gerekir.
?>
// javscript kodunuz gidiyor
// javscript kodunuz buraya gidiyor
// javscript kodunuz buraya gidiyor
// javscript kodunuz gidiyor
<? Php
}
Add_action ('wp_footer', 'wpb_hook_javascript_footer');
İşlevlerimizi wp_head ile ilişkilendirmek yerine, şimdi WP_Footer'a bağladık. Belirli bir gönderiye veya sayfaya JavaScript eklemek için koşullu bir etiketle de kullanabilirsiniz. Yöntem 3. Eklenti kullanarak bir yazı veya sayfaya JavaScript kodu ekleyin Bu yöntem, WordPress yayın ve sayfanızın herhangi bir yere kod eklemenizi sağlar. Ayrıca, JavaScript kodunu gömmek istediğiniz içerikte de seçebilirsiniz.
İlk olarak, gömme kod eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla bilgi için, WordPress eklentilerinin nasıl yükleneceğine dair adım adım kılavuzumuza bakın. Etkinleştirmeden sonra, JavaScript eklemek istediğiniz yayın veya sayfayı düzenlemeniz gerekir. Gönderi sayfasında 'Ekran seçeneği' düğmesini tıklatın ve 'Özel Alan' seçeneğini işaretleyin.
Şimdi yayının editörünün altına kaydırın, yeni 'girme' bağlantısını tıklamanız gereken Metabox 'özel alanını' göreceksiniz. Özel alan adı ve mevcut değer alanı görünecektir.
Kod önekli (örneğin, CodemyJsCode) özel bir alan için bir ad vermeniz ve ardından JavaScript kodunu değer alanına eklemeniz gerekir.
Özel alanınızı kaydetmek için 'Özel Alan Ekle' düğmesine tıklamayı unutmayın. Artık bu özel alanı JavaScript kodunu bu gönderi veya sayfanın herhangi bir yerine gömmek için kullanabilirsiniz. Bu gömme kodu yayın içeriğinizin herhangi bir yerine eklemeniz yeterlidir. {{CodemyJsCode}} Artık yayınınızı veya sayfanızı kaydedebilir ve sitenizi görebilirsiniz. JavaScript kodunu incelemeyi kullanarak veya sayfa kaynağını görüntüleyerek görebileceksiniz.
İpucu: Bu yöntem yeni başlayanlar ve web sitesi sahipleri içindir. WordPress temasını veya eklenti geliştirmeyi inceliyorsanız, projenize JavaScript ve Stylesheet’e doğru bir şekilde girmeniz gerekir. Bu makalenin WordPress sayfalarına veya yayınlarına JavaScript’in nasıl kolayca ekleneceğini öğrenmenize yardımcı olduğunu umuyoruz. WordPress işlev dosyaları için çok kullanışlı olan hilelerin bir listesini de görmek isteyebilirsiniz. Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube kanalımıza abone olun. Bizi Twitter ve Facebook’ta da bulabilirsiniz.
