WordPress sitenizde PHP ile Ajax kullanın kendi eklentinizle
AJAX ve ilgili teknolojinin yardımıyla geliştirilen popüler web uygulamalarına bazı örnekler Google Haritalar, Google aramasındaki otomatik bütünlük özellikleri, yorumlar ve çeşitli sosyal medya yayınlarında ve diğerleridir. JavaScript, HTML, CSS ve XML gibi çeşitli programlama dillerinin yardımıyla Ajax Ajax’ın temelleri, daha hızlı ve daha hızlı olan web uygulamaları ve web siteleri geliştirmektedir. Bu programlama diline ek olarak, web uygulamalarının geliştirilmesi için PHP ve diğer sunucu tarafı dilleri ile AJAX da kullanılır. CSS, belge nesnelerinin sunumuna ve modeline yardımcı olurken, içerik ekranı için JavaScript kullanır. İçerik için XHTML kullanma.
Web uygulamalarında veya geleneksel web sayfalarında, bilgiler senkron bir sunucu ile değiştirilir. Öte yandan, Ajax kullanmak üzere tasarlanmış web uygulamasında, düğmeyi tıklamak veya formu doldurma gibi bir olay meydana geldiğinde, JavaScript XMLHTTP isteğini yapar ve XML formatında sunucuya gönderir. Sunucu, sunucu yanıt tarafını yapma ve tarayıcıya geri gönderme isteğini işler. JavaScript daha sonra ekrandaki yanıtı ve içeriği işler şu anda güncellenir. Yükleme veya ferahlatıcı sayfalar gerekli olmadığından, kullanıcılar sunucuya herhangi bir bilgiyi aktarmayı gerçekleştirmeyeceklerdir. Yukarıdaki tartışmadan anlaşıldığı gibi WordPress’te Ajax ile çalışmak için gereken beceriler, kullanıcıların Ajax’ı doğru kullanmak için aşağıdaki becerilere ihtiyaçları vardır. • JavaScript, HTML ve CSS gibi programlama dillerinin bilgisi • Sunucu yan dilinde PHP ve daha hızlı yanıt süresi içeren diğerleri, hız ve performans açısından kullanıcı deneyiminde bir artış anlamına gelir • JavaScript Kütüphanesi Açık Prototipler, jQuery, vb. Gibi kaynaklar depolanan kullanım için kullanılabilir • Sunucu çok fazla veri işlemek için gerekli olmadığından, bant genişliğinin kullanımını azaltmaya ve ağ işlemlerini optimize etmeye yardımcı olur. • XMLHTTP isteği veri almak için kullanıldığından, kullanıcılar aynı anda birçok görevi yapabilir.
WordPress’teki Ajax Ajax, arka uç WordPress’te kullanılır, sonuç olarak, yayınlarda veya kategorilerde yapılan değişiklikler olduğunda veya yönetici yorumları her yönettiğinde güncellemeler anında gerçekleştirilecektir. Ajax çoğunlukla WordPress’te jQuery ile kullanılır. WordPress’in Ajax kullandığı süreç aşağıdaki gibidir • ‘Get’ veya ‘gönder’ yöntemini kullanarak genel olarak ‘eylem’ olarak da adlandırılan en az bir veri parçası sağlamak için bu istek gereklidir. • Bu eylem, ‘wp_ajax_my_action’ ve ‘wp_ajax_nopriv_my_action’ olmak üzere iki kanca oluşturmak için ‘admin-ajax.php’ dosyasındaki kodu ister. Bu kancadaki ‘my_action’, ‘get’ veya ‘post’ yönteminin ‘eylem’ değişken değerini gösterir. • İlk kanca gelen kullanıcı tarafından alınan eylemler için tasarlanırken, ikinci kanca özellikle çıkan kullanıcılar için tasarlanmıştır. • Bağlı işlev, JavaScript’in tarayıcıda devre dışı bırakılmasına rağmen, kodun çalışmaya devam etmesini sağlayan iyi bozulma için planlanmalıdır.
Bu bölümdeki WordPress Ajax eklentisi için, ‘Post Likes Counter’ adlı temel bir WordPress Ajax eklentisinin örneğini ele alalım. Bu eklenti aşağıdaki özellikleri içerir: • Bu, ön uçta anında güncellenir • Gelen kullanıcının gönderiyi beğenmesine izin verilir. • Kullanıcı gönderiyi beğenmeye çalışıyorsa, hata mesajı ekranda görünecektir Bir eklenti yapmak için aşağıdaki adımların atılması gerekir. Adım 1: Eklentiler için benzersiz bir ad seçin. Önerilen eklenti adının kullanılmadığından emin olmak için eklentinin deposunu kontrol edebilir. Genellikle, eklenti geliştiricileri, yapılması gereken işlevi temel alarak eklentinin adını seçer. Adım 2: Bir sonraki adımda, PHP dosyasının seçilen eklenti adı kullanılarak yapılması gerekir. Bu eklentiyi yükleyecek bir kullanıcı olarak, WP-Content/Eklentileri-” Eklenti Eklentisi Dizinine bir PHP dosyası yerleştirilmesi gerekir. Bu nedenle, eklenti dosyasının adı, depodaki diğer eklentilerle çatışmaları önlemek için de benzersiz olmalıdır. PHP dosyaları için benzersiz bir isim oluşturmak için birisi adlarını veya şirket adlarını önekte kullanabilir. Adım 3: WordPress eklentisinin JavaScript, CSS, dil ve görüntü dosyaları ile birlikte en az bir PHP dosyası içermesi gerektiği belirtilmelidir. Birkaç dosya varsa, ana PHP dosyası için tercih edilen dizin ve ad için benzersiz bir ad seçin.
Tüm eklenti dosyalarını yapılmış bir dizine yerleştirin ve eklenti kullanıcılarından bu dizinlerin tamamını ‘wp-content/eklentileri/’ dizinine yüklemelerini isteyin. WordPress kurulumu, ‘WP-Content/Eklentileri/’ standart eklenti dizini değiştirecek şekilde yapılandırılabilir. Bu nedenle, PHP kodlarında Plugin_Dir_Path () ve Plugin_url () Dor Yolu Mutlak ve URL’yi kullanmalıdır. Şablon Gönderme Teması Bir eklenti yaptıktan sonra, birisinin temasından bir ‘single.php’ post şablonu bulması gerekir. Aktif temanın kök dizininde bulunabilir. Bu, bir gönderi sorulduğunda kullanılır; Birisi ‘Post Like Sweaking’ eklentisini yerleştirmek istedi. Dosyalar düzenlemeye açık kalmalıdır. Ajax bağlantısına hazır bir şablon hazırlayın Ajax bağlantısı yapılmalıdır, böylece kullanıcıların yayınları beğenebilmeleri için. Kullanıcılar JavaScript’i etkinleştirirse, JavaScript dosyalarını (daha sonra oluşturulacak) veya diğerlerini kullanabilirlerse, bağlantıyı doğrudan takip edebilirler. Bu amaçla, aşağıdaki kodu ‘single.php’ dosyasına girin. Bu kod, şablonun ‘single.php’ dosyasını içeren bir bölümüne eklenebilir.
İd, “beğen”, doğru);
$ Like = ($ Like == “”)? 0: $ seviyor;
? & gt;
Bu yayında beğenir
// admin -jax.php dosyasına bağlı. Ekstra güvenlik için nonc kontrolleri dahil. JS’yi etkinleştiren müşteriler için “User_line” sınıfına dikkat edin.
İd. ‘& Amp; nonce =’. $ Nonce);
echo ‘ id. ‘”Href =”‘. $ bağlantı. ‘”& Gt; bu yazı gibi ‘;? & Gt;
Ajax çağrılarını JavaScript olmadan üstesinden gelmek Önceki adımda oluşturulan bağlantıyı tıklayarak, ‘admin-ajax.php’ komut dosyasına iletilecektir; Ancak, yararlı sonuçlar bulamazlar, çünkü işlev eylemde bulunmak için yapılmamıştır. Eklenti dosyasında bir işlev oluşturmak ve WordPress tarafından oluşturulan bir kancaya eklemek için aşağıdaki kodu girin.
& lt;? PHP // Burada yalnızca sözdizimini etkinleştirmek için kullanılır. Eklenti dosyanıza dahil edilmişse bunu bırakın.
// Önce gelen kullanıcı için yapılan iki kancanın eylemini belirleyin, bir sonraki kullanıcı için çıkış yapan kullanıcı için
Add_action (& quot; wp_ajax_my_user_ye & quot;
Add_action (& quot; wp_ajax_nopriv_my_user_ye & quot;
// Gelen kullanıcı için etkinleştirilecek işlevi belirleyin
İşlev my_user_ye () {
// Ek güvenlik katmanını kontrol etmeyin, başarısız olursa işlev ortaya çıkar
if (! wp_Verify_nonce ($ _Request [' nonce '], “My_user_lie_nonce”) {) {))
çıkış (“guk guk guk”);
}
// Gönderi için Like_Count’u alın, boşsa 0 olarak ayarlayın, kayıtlı tıklarken 1 ekle
$ Like_Count = get_post_meta ($ _ istek [& quot; post_id & quot;], & quot; gibi “, doğru);
$ Like_Count = ($ Like_Count == ‘)? 0: $ Like_Count;
$ new_line_count = $ Like_Count + 1;
// ' Belirtilen yazı için meta anahtar, $ Like = update_post_meta ($ _ isteği [& quot; post_id & quot;], & quot;
// Yukarıdaki eylem başarısız olursa, sonuç türü ' Ve benzer_counts eski değere ayarlanır, başarılı olursa New_Line_Count’a güncellenir
eğer ($ Like === yanlış) {
$ sonuç ['] = & quot; hata & quot ;;
$ sonuç [' Like_count '] = $ Like_Count;
}
Değilse {
$ sonuç ['] = & quot; Başarı & quot ;;
$ sonuç [' Like_Count '] = $ new_yye_count;
}
// Ajax çağrıları aracılığıyla eylemin tetiklenip tetiklenmediğini kontrol edin. Evet ise, JS kodu tetiklenecektir, aksi takdirde kullanıcı posta sayfasına yönlendirilir
if (! Boş ($ _ sunucu [' http_x_requested_with ']) & amp; 😉
$ sonuç = json_encode ($ sonuç);
Echo $ sonuçları;
}
Değilse {
Header (& quot; location: & quot;. $ _ sunucu [“http_referer”);
}
// betiğinizi die () işleviyle bitirmeyi unutmayın – çok önemli
ölü();
}
// Çıkan kullanıcı için etkinleştirilecek işlevi belirleyin
lütfen_login () işlevi {
Yankı “” Giriş yapmalısınız “;
ölü();
}
Her şey başarılı olursa, giren kullanıcılar ‘bu yazı gibi’ bağlantısını tıklarsa, beğenilerin sayısı otomatik olarak güncellenir. Öte yandan, JavaScript devre dışı bırakılırsa, sayfa güncellenmiş ‘Like’ miktarını gösterilerek yenilenecektir.
JavaScript’e destek eklemek JavaScript için destek eklemek her şeyi kolaylaştırabilir. WordPress’te PHP ile Ajax kullanmak için, eklentiden özel javascript dosyalarıyla birlikte enqueue kütüphanesi yapılması gerekir. Bu amaçla, eklentiye aşağıdaki kodu yazın. admin_url (‘admin-ajax.php’)))); // yukarıda kaydolduğunuz jQuery kütüphanesi anthrekan ve komut dosyası
wp_enqueue_script (‘jQuery’);
wp_enqueue_script (‘suka_skrip’);
}
Ardından, daha sonra kök eklenti klasörüne yüklenecek olan ‘liker_script.js’ yapılması gereken JavaScript dosyası yapılmalıdır. Aşağıdaki kod, ‘liker_script.js’.jquery (belge) bir dosya oluşturmak için kullanılır. Report (function () {{
JQuery (“. User_yye”). Click (işlev (e) {
E.preventDefault ();
Post_id = jQuery (this) .at (“data-post_id”);
Nonce = jQuery (this) .at (“data-nonce”);
JQuery.Ajax ({
Tür: “Post”,
Veri Türü: “JSON”,
URL: Myajax.Ajaxurl,
Veri: {Action: “my_user_ye”, Post_id: Post_id, nonce: nonce},
Başarı: işlev (yanıt) {
if (reppe.type == “başarılı”) {
jQuery (“#benzeri_counter”).
}
Değilse {
Alert (“Eklenemeyeceğiniz gibi”);
}
}
});
});
});
WordPress temasına AJAX nasıl uygulanır Aşağıdaki adımlar, WordPress temasında PHP ile Ajax’ın uygulanmasına yardımcı olacaktır. Örneğin, çalışmamızın kategoriyi açılır menüde görüntülemek ve ‘Üst kategorisini’ tıklamak olduğunu varsayalım, alt kategori başka bir açılır kutuda görünecektir. Bu görev aşağıdaki adımların yardımıyla tamamlanacaktır: Adım 1: Gösterge Tablosu’nun sol tarafında ‘Kategori’ seçin ve kategorinin adını sağ tarafta görünen ve aşağıdaki kategoriye giren kategoriye girin . Üst kategorisi yapılıyorsa, ‘hiçbir şey’ seçin veya alt kategori oluşturuluyorsa, seçeneğin ana kategorisini seçin. Adım 2: Bu adımda, Ajax işlevselliğinin uygulanacağı WordPress şablonları yapılacaktır. Yeni bir PHP dosyası açın ve kaydedin. Oluşturulan sayfaya aşağıdaki kodu girin. Yukarıdaki kodda, ‘Şablon Adı: Ajax Application’, WordPress şablonunun adı ve ‘get_header ()’ ve ‘get_footer ()’ işlevi başlığı ve futbolu görüntülemek için kullanılır içerik. İlk olarak, Ajax şeylerinin eklenmesine yardımcı olacak bir sayfaya jQuery kütüphane dosyalarının dahil edilmesi gerekmektedir. PHP ile Ajax Birisi herhangi bir JavaScript kütüphanesini kullanabilir veya Ajax’ı ham JavaScript ile arayabilir. Aşağıdaki örnekte, Ajax’ı uygulamak için JavaScript JQuery kütüphanesi kullanılır. Adım 3: Şablona jQuery dosyası ekleyin ve açılır menüdeki üst kategorinin alınabilmesi için ‘wp_dropdown_categories’ işlevini arayın.
#konten {genişlik: otomatik; Yükseklik: 400 piksel; Marj: 50px;}
& lt;? Php
Adım 4: Ana kategori kimliğini seçmek için jQuery kodunu girin. Seçilen üst kategori kimliği altında bir alt kategori almak için ‘function.php’ dosyasına gönderin. Sonuçlar daha sonra yenilenmeden sayfaya geri gönderilebilir. $ (Function () {$ (‘#main_cat’). Değiştir (function () {
var $ maincat = $ (‘#main_cat’). val ();
// Ajax’ı arayın
$ (“#sub_cat”). boş ();
$ .Ajax ({
URL: “/wp-admin/admin-ajax.php”,
Tür: ‘Post’,
Veri: ‘Action = my_special_ace & amp; main_catid =’ + $ maincat,
Başarı: Fonksiyon (sonuçlar)
{
// uyarılar (sonuçlar);
$ (“#sub_cat”). Removeattr (“devre dışı bırakıldı”);
$ (“#sub_cat”). append (sonuç);
}
});
}
);
});
Yukarıdaki kodda, kod ‘#main_cat’.var $ maincat = $ (‘ #main_cat ‘). Val () ile ana açılır değişiklik olayına eklendi;
Valu () işlevi, seçilen seçenek değerinin açılır menü almasına yardımcı olur ve bunları ‘$ maincat’ değişkeninde depolar. $ (“#Sub_cat”). Boş ();
Ajax’ı çağırmadan önce, önceki değeri içeriyorsa ‘#sub_cat’ alt kategorisi boşaltılmalıdır. Aşağıdaki jQuery hattı Ajax JQuery işlevini çağırmaya yardımcı olacaktır. Aşağıdaki bölümde verilen AJAX işlev parametresini kontrol edin.
Tür: ‘Post’,
WordPress’te Ajax işlevi yapmak için ‘URL’ parametresi kullanılır. Bu nedenle, istek ‘admin-ajax.php’ dosyasına gönderilecektir. Ayrıca, verileri URL’ye göndermek için ‘Function.php’ dosyasındaki kanca çağrılacak: ‘/wp-admin/admin-ajax.php’ isteklerle ortak değerler göndermek için, ‘Veri’ parametresi kullanıldı. Bu örnekte, veri parametrelerine sahip iki bağımsız değişken kullanılır – Action ve Main_CatID. Adım 5: ‘Function.php’ dosyasında, bir action.add_ace (‘wp_ajax_my_special_ace’, ‘my_raction_callback’); yukarıdaki eylemde kancanın iki argümanı vardır. ‘WP_AJAX_MY_SPECIAL_ACTION’ ilk argümanında, ‘WP_AJAX_’, ‘Eylem’ veri parametresi ile birlikte gönderilen bir değerdir. İkinci ‘my_action_callback’ argümanında veriler işlenecek ve sonuçlar geri gönderilecektir. Gelen kullanıcı için yukarıdaki eylemin kancaları. Birisi ortaya çıkan kullanıcılar için aşağıdaki eylemi ilişkilendirebilir: add_action (‘wp_ajax_nopriv_my_special_ace’, ‘my_raction_callback’);
Kullanıcı için bir kanca ekledikten sonra son kod ve dönüş çağrısı işlevi aşağıdaki gibidir: uygulama_ajax () işlevi {
if (isset ($ _ post [‘main_catid’]))))
{
$ kategorileri = get_categories (‘child_of =’. $ _ post [‘main_catid’]. & amp; hide_empty = 0 ‘);
foreach ($ olarak $ kategorisi) {
$ option. = ‘term_id.’ “& gt; ‘;
$ option. = $ cat- & gt; cat_name;
$ option. = ‘(‘. $ cat- & gt; category_count. ‘)’;
$ option. = ”;
}
Echo ‘scegli …’. $ Option;
ölü();
} // eğer biterse}
Add_action (‘WP_AJAX_MY_SPECIAL_AJAX_CALL’, ‘uygulama_ajax’);
Add_action (‘WP_AJAX_NOPRIV_MY_SPECIAL_AJAX_CALL’, ‘Application_ajax’); // girmeyen kullanıcılar için.
Adım 6: Bu adımda, gösterge tablosunda yeni bir sayfa oluşturun ve bunun için bir şablon ayarlayın.Sayfa tarayıcıya yüklendikten sonra, üst kategoriye sahip ilk açılır menfeze yüklenir.İkinci açılır kapalı boş olduğundan, kontrol etmek için ilk açılır mesafede, nasıl çalıştığını seçin.PHP ile Ajax, yeni oluşturulan bir eklenti yardımıyla WordPress sitesinde kullanılabilir.
