WordPress'te Satır İçi Komut Dosyaları Eklemenin En Etkili Yöntemi

Yayınlanan: 2022-06-16

The Most Effective Method for Adding Inline Scripts in WordPress

Satır içi komut dosyaları, geliştiricilerin dikenlerini titreten iki basit kelimedir. Satır İçi Komut Dosyaları, WordPress gönderinizin metnine JavaScript (JS), CSS ve HTML eklemenin kolay bir yoludur. Pek çok amaç için kullanılabilseler de, genel kullanımlarından biri, yeni bir WordPress makalesi yayınladığınızda anında değişiklik yapmaktır. Bazıları bunun gerekli olmadığını iddia edebilir, ancak bunu yapmak web sitenizin sorunsuz ve verimli bir şekilde çalışmasını sağlayacaktır.

Çoğu WordPress kullanıcısının gözden kaçırdığı bir şey, sitelerine komut dosyaları eklemektir. İster tek bir sayfada ister tüm web sitenizde satır içi metin uygulamak isteyin, bunu WordPress ile gerçekleştirmenin birçok yolu vardır. Doğru şekilde yapmak için uygun yöntemleri anladığınızda, WordPress web sitenize satır içi komut dosyaları eklemek kadar basit olabilir . Bu blog gönderisi, WordPress'e kolaylıkla satır içi komut dosyaları eklemenin en etkili yollarını tartışacaktır. Daha fazla bilgi edinmek için okumaya devam edin.

Wp_print_scripts Yoluyla Ekleme

WordPress satır içi metinleri eklemek istiyorsanız, yanıtınız WordPress wp_print_scripts ve/ve admin_print_scripts işlevidir. WordPress wp_print_scripts, genellikle JS veya CSS dosyaları dahil edildiğinde yapılan bir belgenin başlığında metin etiketlerini görüntüleyebilir. Bu WordPress işlevi, sitenizi daha etkileşimli hale getirmenize veya yeni işlevler eklemenize olanak tanır. Herhangi bir WordPress işlevinde olduğu gibi, web sitenizde kullanmadan önce uymanız gereken bazı basit kurallar vardır.

Bu işlev, WordPress eklenti seçeneklerine dayalı olarak üç değişken oluşturur ve bunları admin_print_scripts kancasını kullanarak ön uçta (baş bölüm) verir. Yönetici alanına satır içi karakterleri eklemek için wp_print_scripts işlevini admin_print_scripts işleviyle değiştirebilir ve bir gün olarak adlandırabilirsiniz.

WordPress ilk kurulduğunda, siteye otomatik olarak eklenen birçok metinle birlikte gelir. Bu, sunucunuzda yükleme süresinde ve CPU kullanımında artışa neden olabilir. Bununla mücadele etmenin bir yolu wp_print_scripts işlevini kullanmaktır, böylece metinleri yalnızca gerektiğinde veya istendiğinde yüklersiniz. Bununla birlikte, WordPress gönderinize satır içi karakterler eklemek için wp_print_script işlevini kullanmanın bazı artılarına ve eksilerine hızlıca bir göz atalım:

Artıları:

  • WordPress sayfalarının “head bölümüne” herhangi bir satır içi metin eklemek her zaman kolaydır;
  • Eklediğiniz kodun herhangi bir kısıtlaması olmayacaktır, yani sitenize JS değişkenleri, işlevler, yöntemler, koşullar veya eklemek istediğiniz herhangi bir şey ekleyebilirsiniz.

Eksileri:

  • Eklediğiniz kodu kayıtlı komut dosyalarıyla ilişkilendirmenin belirli bir yolu yoktur;
  • Çoğu durumda, çeşitli faktörlerdeki çıktı kodu, çıktı kodu konumunu kontrol etmenin gerçek ve tutarlı bir yolu olmayabilir. Ancak, eklenen kodunuzun konumunu kontrol etmek için her zaman <add_action> altındaki <priority> parametresini kullanabilirsiniz.

wp_add_inline_script() İşlevini kullanın

Son zamanlarda WordPress, WordPress gönderilerine satır içi JavaScript eklemek için uygulanan yeni bir işlev başlattı. Ancak bu yeni entegrasyon, 4.5 WordPress sürümünden başlayarak uyumludur ve mevcut diğer seçeneklere kıyasla satır içi metin eklemenin daha belirgin bir yoludur. wp_add_inline_script() işlevini tanımlıyoruz ve siz onun işi kusursuz bir şekilde yapmasını bekliyorsunuz. En deneyimli WordPress geliştiricisi bile bu gerçeği doğrulayabilir.

wp_add_inline_script() işlevi, WordPress sayfasında herhangi bir kod düzenlemeden sitenize satır içi karakterler eklemenin bir yoludur. Bu, FTP erişimine veya bir eklenti kullanmanıza gerek kalmadan gerçek zamanlı olarak değişiklik yapmanızı sağlar. Bu işlev aynı zamanda WordPress sitenizi özelleştirmek için kullanabileceğiniz temel entegrasyonlardan biridir. Prosedür, web sitenizin kodunun içine satır içi metinler eklemenize olanak tanır; bu, doğrudan web sayfanızdaki HTML etiketlerine eklenecekleri anlamına gelir. Bu, harici JS dosyaları veya diğer web sitelerine bağlantılar kullanmaktan çok daha fazla özelleştirme sağlar.

Artıları:

  • wp_add_inline_script() işlevi, WordPress blogunuza satır içi karakterler eklemenin değerli bir yoludur;
  • Geliştiricilerin, WordPress temasını veya eklenti dosyalarını değiştirmeden veya header.php şablon dosyasını düzenlemeden JS kodunu eklemeleri için kolay ve kullanışlı bir yol olabilir;
  • Bu, Google Analytics kodu gibi komut dosyaları eklemek için yararlı olabilir. Google Analytics özellikleri veya ayarlarında her güncelleme yapıldığında sizi header.php dosyasını düzenlemekten kurtarır.

Eksileri:

  • wp_add_inline_script() işlevinin tek dezavantajı, yalnızca 4.5 WordPress sürümünden itibaren kullanılabilir olmasıdır.

wp_localize_script() İşlevini kullanın

wp_localize_script() işlevi, WordPress web sitenizdeki tek tek sayfalara satır içi karakterler eklemek için yararlı bir WordPress yardımcı programıdır. Sitelerinizde bir etkinlik veya promosyon gibi hızlı ve geçici işlevlere ihtiyacınız varsa bu mükemmeldir. Bu işlev, değişken sayıda argümanı kabul eder ve belgenin başına eklenen JS dizelerinin bir listesini çıkarır. Bunu yapmak, örneğin jQuery kullanıyorsanız ve komut dosyasının kodunu yalnızca belirli sayfalarda istiyorsanız yardımcı olabilir.

Wp_localize_script(), JS dosyanızı kuyruğa alır ve ona, değişkenlerinizi içeren bir ilişkisel diziyi tanımlayan "shapeSpace_script" kimliğini/tanıtıcısını verir. Son olarak, bu JS değişkenleri kayıtlı shapeSpace_script ile satır içi olarak dahil edilmek üzere wp_localize_script() öğesine iletilir. Sonuç olarak, diğerlerinin yanı sıra shapeSpace.varl gibi herhangi bir JS değişkenini uygulamanıza olanak tanır. Bu işlev, dil çevirisi ve uluslararasılaştırma ile kullanım için JS değişkenlerini yerelleştirmeye adanmıştır. Bununla birlikte, çoğu WordPress geliştiricisi, sitelerine satır içi karakterler eklemenin yaygın bir yolu olarak kullanır.

Artıları:

  • Wp_localize_script(), mevcut kayıtlı betiğinizle “oku:gerektir” ilişkisini etkinleştirir. Bu, web sitenizin özel metin çıktısının göreli konumunu kontrol etmek için mükemmel ve tutarlı bir yol sağladığı anlamına gelir.

Eksileri:

  • Tek dezavantajı, yalnızca JS değişkenleri ekleyebilmenizdir ( var = 'value' ). Bu nedenle, wp_localize_script() kullanarak işlevler, koşullar, denklemler gibi diğer satır içi komut dosyalarını eklemek imkansızdır.

Geri Dönüşü Kullan

Daha önce bahsedildiği gibi, wp_add_inline_script() gibi belirli yöntemler yalnızca 4.5 WordPress Sürümünden itibaren kullanılabilir. Ancak, her şeyi bir araya getirerek, kullandığınız WordPress sürümü ne olursa olsun, WordPress dosyalarınıza satır içi karakterler eklemek için hatasız bir yöntem oluşturabilirsiniz. Bunu yapmanın en etkili yolu, eklenti sonrası baş bölümündeki (ön uç) üç işlevdir.

Yapılması gereken ilk şey, JS dosyanızı kuyruğa almak ve wp_add_inline_script() işlevi aracılığıyla satır içi satırlar eklemek için aşağıdaki işlevi çağırmaktır. Üçüncü işlev, 4.5 sürümünden daha eski olan herhangi bir şeye geri dönüş. Bu, şüphesiz WordPress 4.5 ve herhangi bir ayırt edici sürüm üzerinde çalışacaktır. Gerçek sihir burada gerçekleşir. 2.1'e veya her neyse, seçtiğiniz WordPress varyantında işinizi halledecek olan geri dönüş yöntemiyle ilerleyebilirsiniz.

Artıları:

  • Bir kerede yüklemek için ek HTTP istekleri eklemeden web sitenizde birden fazla JS dosyası olabilir. Bu, web sitenizin ziyaretçileri için yükleme süresini azaltabileceğiniz anlamına gelir.
  • Bir komut dosyası başarısız olursa, aynı geri dönüş işlevindeki diğer komut dosyaları, birbirlerine bağımlılıkları nedeniyle farklı iş parçacıklarından eşzamansız olarak yüklendikleri için çalışmaya devam eder.

Eksileri:

  • Komut dosyası başarısız olduğunda, kullanıcı birkaç durumda kod yerine boş bir alan görür. Bu o kadar büyük bir anlaşma değil gibi görünebilir, ancak bir WordPress geliştiricisi olarak dikkat edilmesi gereken çok önemli bir şeydir.

WordPress'te Satır İçi Komut Dosyası Ekleme Üzerine Bir Özet

Kullanabileceğiniz alternatif tekniklerin sınırlandırılması, wp_add_inline_script() işlevini WordPress satır içi karakterleri eklemek için üstün bir yöntem haline getirir. Bu, günümüzde en etkili çözüm olarak kabul edilir ve yaygın inanışın aksine, geri dönüş tekniğini kullanırsanız bu işlev herhangi bir WordPress Sürümünde kullanılabilir. Bilginiz olsun, aşağıda WordPress çekirdeğine satır içi komut dosyaları eklemenin en etkili yollarının kısa bir özeti verilmiştir:

    • wp_add_inline_script() herhangi bir kayıtlı komut dosyasına herhangi bir JS kodu eklemenize izin verir;
    • wp_print_scripts veya admin_print_scripts , ön uç veya başlık bölümüne herhangi bir kod yüklemenize izin verir;
  • wp_localize_script() ayrıca kayıtlı herhangi bir komut dosyasına JS değişkenleri eklemenize izin verir;
  • Fallback , WordPress'in herhangi bir sürümüyle tam olarak çalışan eksiksiz bir teknik oluşturmanıza olanak tanır.

Not: JavaScript yerine satır içi stil/CSS eklemek istiyorsanız, WordPress size komut dosyası eklemek için kullanılanlara benzeyen bir dizi "stil ekle" işlevi sağlar. Örneğin, wp_print_styles ve wp_add_inline_styles'a bakın.

Çözüm

Satır içi komut dosyaları, WordPress web sitenize işlevsellik eklemenin hızlı ve kolay bir yoludur. Komut dosyasını JavaScript'te yazarak, sayfada ne yapmak istiyorsanız onu ek eklenti veya kod gerektirmeden yapan bir satır içi komut dosyası oluşturabilirsiniz. Bu eğitici, WordPress'e satır içi komut dosyaları eklemenin en etkili yöntemlerini özetlemektedir.

WP sitelerine komut dosyası ekleme deneyimi olan bir WordPress editörü müsünüz? İşi çabucak bitirmek isteyen acemi bir geliştirici için hangi yöntemi önerirsiniz? Lütfen görüşlerinizi paylaşmak ve rahatsız edici sorular sormak için yorum bölümünü kullanmaktan çekinmeyin.

Yazarın biyografisi:

Arthur bir dijital pazarlama uzmanı ve iş blogcusu. Çeşitli sosyal medya aracılığıyla ilginç girişimler geliştirir ve deneyimlerini müşterilerini işlerini daha iyi tanıtmak için paylaşır. Arthur boş zamanlarında Japonca çalışmakta ve dijital dönüşüm trendleri hakkında makaleler yazmaktadır.