Divi: Tema më e mirë e WordPress të të gjitha kohërave!

më shumë Shkarkimet e 901.000, Divi është tema më e popullarizuar e WordPress në botë. Është i plotë, i lehtë për t'u përdorur dhe vjen me më shumë se shabllona falas 62.


Dizajni i mirë është i padukshëm! Është si një kondicioner i vendosur në kontrollin automatik të temperaturës. Derisa të jeni shumë të nxehtë ose shumë të ftohtë, nuk i kushtoni vëmendje, përkundrazi përqendrohuni në detyrën në fjalë ose thjesht shijoni kohën tuaj.

Për përdoruesit që shfletojnë në internet, Ajax është si një kondicioner automatik. Kjo i bën faqet e internetit të funksionojnë më të qetë dhe më të shpejtë për t'u përdorur, gjë që rezulton në një përvojë të këndshme. Dhe mbi të gjitha, funksionon!

Nëse do të preferonit një video në vend të kësaj, ju jeni me fat!

Mësoni si të përdorni Ajax lehtësisht:

Çfarë është saktësisht Ajax?

Ajax është një teknikë e zhvillimit të uebit që do të thotë Asinkron JavScript Asd XML. Përdoret për të krijuar aplikacione web dinamike, interaktive dhe argëtuese. Me Ajax, nuk duhet të prisni që faqja e internetit të rifreskohet për të parë një ndryshim. Çdo gjë trajtohet automatikisht në sfond pa ndërprerë atë që po bëni, duke përmirësuar përvojën tuaj të përdoruesit.

Ajax në punë!

Ju ndoshta keni hasur në Ajax në internet më parë. Ndoshta më popullorja është veçoria e plotësimit automatik të kërkimit në Google. Google Maps është një tjetër. Përditësimi i cicërimave të drejtpërdrejta, komentet në Facebook, postimet në Reddit, pëlqimet në YouTube, të gjitha këto përvoja të mahnitshme të përdoruesve janë bërë të mundura nga Ajax dhe teknologjitë përkatëse.

Në këtë artikull, unë do të prezantoj shpejt Ajax-in, do të rendis përfitimet e tij, do të shpjegoj se si funksionon në WordPress dhe më pas do të zhytemi së pari në krijimin e një shtojce të thjeshtë WordPress Ajax.

Tingëllon si argëtim? Le të fillojmë.

Krijoni me lehtësi faqen tuaj të internetit me Elementor

Elementor ju lejon të krijoni Lehtë dhe Falas çdo dizajn uebsajti apo blogu me pamje profesionale. Mos paguani shumë për një faqe interneti që mund ta bëni vetë.

Bazat e Ajax-it

Ajax përdor një kombinim të gjuhëve programuese të tilla si HTML / CSS, JavaScript, XML / JSON dhe një gjuhë skriptimi në anën e serverit (PHP, ASP.NET, etj.). Ai funksionon duke dërguar të dhëna nga shfletuesi në server, i cili i përpunon ato dhe kthen një përgjigje. Kjo përgjigje përdoret nga shfletuesi për të përditësuar faqen e internetit pa e ringarkuar atë.

Ja se si ndodh zakonisht:

  • Një veprim i përdoruesit shkakton një ngjarje në një shfletues (si p.sh. një klikim i butonit).
  • Aktivizohet thirrja Ajax, e cila dërgon një kërkesë në server, duke përdorur XML / JSON.
  • Skripti nga ana e serverit përpunon këtë kërkesë. Ai gjithashtu mund të hyjë në bazën e të dhënave nëse i nevojitet.
  • Serveri më pas dërgon një përgjigje në shfletuesin.
  • Një funksion i dytë JavaScript, i quajtur funksion kthimi i thirrjes, merr përgjigjen dhe përditëson faqen e internetit.
infografik që ilustron bazat e Ajax

Përparësitë e shumta të Ajax-it

  1. Minimizon përdorimin e gjerësisë së brezit dhe optimizon operacionet e rrjetit sepse serverët nuk do të detyrohen të trajtojnë ngarkesat e të dhënave.
  2. Kursen kohë si për përdoruesit ashtu edhe për serverin sepse përdoruesi mund të shohë menjëherë përgjigjen nga serveri.
  3. Performanca e rritur. Meqenëse nuk dërgohen të dhëna të plota të faqes, Ajax përmirëson performancën, shpejtësinë dhe përdorshmërinë e faqeve / aplikacioneve në internet.
  4. Përgjegjshmëri e rritur. Duke eliminuar ringarkimin e plotë të faqeve, faqet e internetit do të jenë më të shpejta dhe shumë të përgjegjshme, pra më miqësore për përdoruesit.

Aftësitë e nevojshme për të punuar me Ajax në WordPress

  • Njohuri të HTML, CSS dhe JavaScript (jQuery është e mjaftueshme)
  • Njohuri themelore me formatet e shkëmbimit të të dhënave XML ose JSON
  • Njohuri të PHP për skriptimin në anën e serverit

Nëse njohuritë tuaja për jQuery ose PHP janë të prekshme, mos u shqetësoni! Ju ende mund të ndiqni logjikën e tutorialit. Mos ngurroni të hidheni në seksionin e komenteve nëse ngecni ose keni nevojë për ndihmë me diçka 🙂

Hyrje në Ajax në WordPress

Bërthama e WordPress tashmë përdor Ajax, por vetëm në ekranet e administratorit. Për shembull, kur moderoni komentet ose shtoni / hiqni artikuj nga kategoritë ose postimet, mund të shihni përditësime të menjëhershme falë Ajax. Është gjithashtu teknologjia që qëndron pas veçorisë shumë të pëlqyer të Auto-Save.

Ajax përdoret më shpesh me funksionet jQuery në WordPress sepse është shumë më i thjeshtë në krahasim me VanillaJS. Për më tepër, thelbi i WordPress është tashmë i ngarkuar me bibliotekën jQuery.

Ja se si duket procesi i përdorimit të Ajax në WordPress:

  1. Përdoruesi aktivizon një kërkesë Ajax, e cila së pari i kalohet admin-ajax.php dosje në wp-admin dosje.
  2. Kërkesa Ajax duhet të sigurojë të paktën një pjesë të të dhënave (duke përdorur metodën GET ose POST). Kjo kërkesë quhet veprim.
  3. Kodi në admin-ajax.php perdore veprim për të krijuar dy grepa: wp_ajax_youreaction et wp_ajax_nopriv_youreaction. Mu ketu, veprimin tuaj është vlera e ndryshores GET ose POST veprim.
  4. Grepa e parë wp_ajax_youreaction funksionon vetëm për përdoruesit e regjistruar, ndërsa fiksimi i dytë wp_ajax_nopriv_youreaction të destinuara ekskluzivisht për përdoruesit e shkëputur. Nëse dëshironi të synoni të gjithë përdoruesit, duhet t'i largoni të dy veç e veç.
  5. Planifikoni funksionet e grepit për degradim gradual. Kjo siguron që kodi juaj do të funksionojë edhe në shfletues me JavaScript të çaktivizuar.
Infografik që ilustron se si përdoret Ajax me WordPress

Le të krijojmë një shtojcë WordPress Ajax

Çdo udhëtim i madh fillon me një hap, ashtu si mësimi ynë. Le të krijojmë një shtojcë bazë WordPress të quajtur Pëlqen kundër me karakteristikat e mëposhtme:

  • Përdoruesit e regjistruar mund t'i pëlqejnë postimet.
  • Shtojca regjistron numrin total të pëlqimeve dhe i shfaq ato.
  • Numri i pëlqimeve të postimit përditësohet menjëherë në pjesën e përparme.
  • Përdoruesit e dalë nga llogaria do të marrin një mesazh gabimi nëse përpiqen të pëlqejnë një postim.

Dëshironi të shisni produktet tuaja në internet?

Shkarkoni WooCommerce falas, shtojcat më të mira të tregtisë elektronike për të shitur produktet tuaja fizike dhe dixhitale në WordPress dhe për të krijuar lehtësisht dyqanin tuaj online. E përkryer për fillestarët.

Për të filluar, krijoni një shtojcë bosh WP dhe aktivizoni atë. Nëse keni nevojë për ndihmë për këtë, mund t'i referoheni udhëzuesit tonë të zhvillimit të shtojcave WordPress. WordPress Codex gjithashtu ka një faqe të detajuar për shkrimin e një shtojce WP.

Gjeni shabllonin e postimit për temën tuaj

Pas kësaj ju duhet të gjeni temën tuaj unike.php shabllon postimi. Kjo përdoret kur kërkohet një postim i vetëm, ku duam të jetë numri ynë i pëlqimeve të postimeve. Ky skedar ndodhet në dosjen kryesore të temës suaj aktive. Mbajeni të hapur për modifikim.

Përgatitni shabllonin e postimit për një thirrje Ajax

Le të lidhemi këtu që përdoruesit të pëlqejnë postimet. Nëse një përdorues ka JavaScript të aktivizuar, ai do të përdorë skedarin JavaScript që do të krijojmë më vonë; përndryshe, thjesht ndiqni lidhjen drejtpërdrejt. Vendosni kodin më poshtë në tuaj unike.php ndalem.

Përndryshe, ju mund ta shtoni këtë kod në ndonjë prej tyre pjesë model ton unike.php skedari përfshin. Për shembull, nëse përdorni njëzet e nëntë temën, mund ta futni këtë kod në temën tuaj unike-content.php për të paraqitur. Për të testuar këtë kod shtojce, e futa në këtë skedar në fund të tij div.hyrje-përmbajtje seksion.

Përgjigjuni thirrjes Ajax pa JavaScript

Duke klikuar në lidhjen e krijuar më sipër, do të hyni në admin-ajax.php script, por nuk do të shihni ndonjë rezultat të dobishëm sepse nuk keni krijuar ende një funksion për të kryer veprimin tuaj.

Për ta bërë këtë, krijoni një funksion në skedarin tuaj të shtojcës dhe shtojeni atë në dy grepa që janë krijuar nga WordPress për ju. Ndiqni kodin më poshtë:

Nëse gjithçka është e saktë, kur një përdorues i regjistruar klikon në Pëlqeje këtë postim lidhje, numëruesi i ngjashëm i mësipërm duhet të rritet automatikisht me 1. Për shfletuesit me JavaScript të çaktivizuar, faqja do të rifreskohet, por do të shfaqë përsëri numrin e përditësuar të pëlqimeve.

Funksioni për të trajtuar përdoruesit e dalë nga llogaria nuk bën shumë këtu, përveçse dërgon një mesazh gabimi. Ajo synon vetëm të shërbejë si shembull. Ju, sigurisht, mund të përfitoni nga kjo dhe t'u ofroni vizitorëve tuaj opsione më të dobishme.

Më në fund, shtoi mbështetje për JavaScript

Është praktikë e mirë të shtosh mbështetjen e JavaScript deri në fund, pasi i bën gjërat shumë më të qarta. Për të përdorur Ajax në WordPress, duhet të vendosni në radhë bibliotekën jQuery si dhe skedarin e personalizuar JavaScript të shtojcës suaj. Për ta bërë këtë, shkoni te shtojca juaj dhe shtoni skriptin e mëposhtëm:

Pasi të keni mbaruar, është koha për të krijuar siker_script.js skedar javascript. Më pas ju duhet ta shkarkoni këtë skedar në vendndodhjen e referuar në kodin e mëparshëm (udhëzim: kjo është dosja kryesore e shtojcës suaj). Këtu është kodi për siker_script.js:

le my_user_like () Funksioni i përcaktuar në shtojcën tonë duhet t'i dërgojë shfletuesit tonë një përgjigje në formën e një grupi rezultatesh të koduar JSON, i cili mund të përdoret gjithashtu si një objekt JavaScript. Duke përdorur këtë, ne mund të përditësojmë postimin si numrin pa e ringarkuar faqen e internetit.

Dhe kjo eshte e gjitha! Ora yyyy!

Tani keni aktivizuar funksionalitetin Ajax për shtojcën tuaj. Sigurisht, ju mund ta zgjeroni këtë dhe të shtoni më shumë veçori sipas dëshirës tuaj. Vazhdo, lustroje deri sa ta bësh!

Pamja e ekranit që tregon mesazhin tonë të thjeshtë si numërues në pjesën e përparme të një mesazhi. Lidhja "Pëlqeni këtë postim" e cila rritet në numër sa herë që klikoni mbi të.
Notre poste simple comme compteur. Vous pouvez ajouter des styles, des animations et d’autres scripts pour le mettre à niveau.

Shtojca të dukshme të WordPress që përdorin Ajax

Keni nevojë për frymëzim nga Ajax për t'ju vënë në zjarr? Shikoni këto shtojca të mahnitshme të WordPress që përdorin fuqinë e Ajax për të krijuar veçori të fuqishme dhe përvoja më të buta të përdoruesit.

  1. Shtojcat me ngarkim dembel
    Lazy Loading është një teknikë e zhvillimit të uebit që përdoret për të përmirësuar kohën fillestare të ngarkimit të faqeve. Kjo bëhet duke vonuar ngarkimin e aktiveve me burime intensive që nuk janë të dukshme për përdoruesin në dritaren e shfletuesit të tij. Këto asete ngarkohen automatikisht kur përdoruesi lëviz faqen e internetit. Versioni falas i Smush mbështet ngarkimin dembel.
  2. Ish
    Një shtesë plotësuese e krijimit të formularëve që mbështet gjithashtu sondazhe, kuize, formularë porosish me opsione pagese dhe më shumë. Ka një mundësi për të aktivizuar paraqitjet e formularëve me Ajax, duke e bërë atë një përvojë të qetë për përdoruesit.
  3. Lidhu me Ajax
    Fuqini faqen tuaj të WordPress me efekte të buta të hyrjes dhe regjistrimit të Ajax me këtë shtojcë të mbushur me veçori. Nëse po kërkoni t'u jepni përdoruesve tuaj një përvojë më të mirë hyrjeje dhe regjistrimi sesa parazgjedhja e WordPress, mos kërkoni më tej.
  4. Wp-PostRatings
    Kjo shtojcë e thjeshtë shton një sistem vlerësimi Ajax për postimet dhe faqet e faqes suaj të WordPress. Ai gjithashtu shton mbështetje për kodet e shkurtra për rishikime, kështu që ju mund t'i shikoni ato kudo që dëshironi.
  5. YITH Filtri i Produkteve WooCommerce Ajax
    Një shtojcë jashtëzakonisht e dobishme dhe e fuqishme për WooCommerce që ju lejon të aplikoni filtrat e saktë që ju nevojiten për të shfaqur variacionet e produktit që kërkoni. Ajax sigurohet që gjithçka të ndodhë në një moment.
  6. Kërkimi i Ajax Lite
    Një shtojcë e përgjegjshme e kërkimit të drejtpërdrejtë për WordPress e mundësuar nga Ajax. Ai gjithashtu përfshin plotësimin automatik të Google dhe sugjerimet e fjalëve kyçe. Jepuni përdoruesve tuaj një përvojë më të mirë kërkimi në faqen tuaj të internetit me këtë shtojcë.
  7. Bisedë e thjeshtë Ajax
    A keni menduar ndonjëherë nëse mund të bisedoni drejtpërdrejt me përdoruesit e tjerë në një faqe interneti? Kjo shtojcë e mundësuar nga Ajax është përgjigjja për këtë. Është i pajtueshëm me pajisjet celulare dhe është krijuar për të qenë jashtëzakonisht i personalizueshëm sipas dëshirës tuaj.

Drejtohuni te depoja e shtojcave WordPress.org për implementime më të zgjuara të Ajax.

Mbani qetësinë dhe Ajax Aktivizuar!

Ajo që është e mirë për të është gjithashtu e mirë për përdoruesin dhe serverin, por ju duhet ta balanconi atë. Ajax është një mjet i fuqishëm në arsenalin tuaj për të përmirësuar performancën e faqes në internet dhe përvojën e përdoruesit. Por duhet ta përdorni vetëm aty ku është e nevojshme. Përqendrohuni gjithmonë në aspektin e përvojës së përdoruesit. Në fillim do të jetë pak e vështirë, por sapo të zotëroni bazat e Ajax-it asgjë nuk do t'ju ndalojë!
Keywords:

0 aksionet
pjesë
cicërimë
Regjistrohem