Dëshironi të mësoni se si të shtoni kodin jQuery në WordPress? Prandaj vazhdoni të lexoni për të mësuar më shumë.

Përkundër faktit që WordPress ka qenë në dispozicion për një kohë, dhe shtimi i skripteteve me temë dhe shtojcat gjithashtu ka qenë rreth e rrotull për një kohë, ka ende disa konfuzion se cila metodë të përdoret. përdorni për të shtuar skriptet në WordPress.

Kështu që ne do të përpiqemi t'i sqarojmë gjërat.

Meqenëse jQuery është Korniza JavaScript më e përdorur, ne do t'ju tregojmë se si ta shtoni atë në një temë ose një plugin WordPress.

Por më parë, nëse nuk keni instaluar kurrë WordPress zbuloni Si të instaloni një blog WordPress në 7 hapa et Si të kërkoni, instaloni dhe aktivizoni një temë WordPress në blogun tuaj 

Atëherë kthehu pse ne jemi këtu.

Modaliteti i pajtueshmërisë JQuery

Para se të fillojmë të shtojmë skriptet në WordPress, le të shqyrtojmë mënyrën e përputhshmërisë së jQuery. WordPress vjen me një kopje të jQuery, të cilën mund ta përdorni me kodin tuaj. Kur ngarkohet WordPress jQuery, ai përdor modalitetin e pajtueshmërisë, i cili është një mekanizëm për të shmangur konfliktet me bibliotekat e tjera.

Gjeni nëse ai Duhet të hiqet jQuery nga temat dhe shtojcat tuaja WordPress ?

Kjo do të thotë që ju nuk mund të përdorni shenjën e dollarit direkt siç do të bëni në projekte të tjera. Kur shkruani jQuery në WordPress, në vend të kësaj duhet të përdorni jQuery.

Shikoni kodin më poshtë për të parë se çfarë dua të them:

/ * Modaliteti normal * / $ ('. Fshihet'). Aktiv ('kliko', funksioni () {$ (kjo). Fsheh ();}) / * Modaliteti i pajtueshmërisë * / jQuery ('. I fshehshëm'). Aktiv ('kliko', funksioni () {jQuery (ky). fsheh ();})

Ajo që duhet të dini është se me disa modifikime, mund të përdorni përsëri shenjën e dollarit. Përdorimi i çdo herë "jQuery" në të gjithë kodin tuaj do të komplikojë shumë shkrimet.

Kontrolloni redaktorët kodi 10 për zhvilluesit WordPress

Vetëm për të rimarrë, nëse e dini jQuery, shenja $ është vetëm një emër për jQuery (), atëherë një pseudonim për një funksion. Sintaksa themelore është: $ (Selector) .action () :

• Një shenjë dollari për të përcaktuar jQuery
• Një (përzgjedhës) për të "gjetur" elementet HTML
• Një veprim jQuery () për të kryer këto elemente

Nëse e vendosni skenarin tuaj në fund të faqes, do të jeni në gjendje të mbështjellni kodin tuaj në një funksion anonim. Ja se si ta bëni:

(funksioni ($) {$ ('. i fshehshëm'). aktiv ('kliko', funksioni () {$ (kjo). fsheh ();})}) (jQuery);

Nëse dëshironi të shtoni skenarin tuaj në kokë (çfarë duhet të shmangni nëse është e mundurJu mund ta mbështillni atë në një funksion që funksionon kur dokumenti është gati.

Zbuloni gjithashtu nga rruga Si të shtoni facilement kodi në WordPress pa prishur faqen tuaj të internetit

jQuery (dokument). gati (funksioni ($) {$ ('. i fshehshëm'). aktivizuar ('kliko', funksioni () {$ (ky). fsheh ();})});

Si t'i lidhni skriptet tuaja me jQuery

Tani që ju mund të shkruani kod të vlefshëm jQuery në WordPress, ne do ta lidhim punën tonë në faqen tonë të internetit. Në WordPress procesi quhet ' enqueueing '(sistemi i bishtit) Për një faqe interneti normale HTML, ne duhet të përdorim etiketëndorëshkrim> për të shtuar skriptet.

WordPress mund të bëjë të njëjtën gjë, por ne do të përdorim veçoritë e veçanta të WordPress për ta arritur këtë. Në këtë mënyrë, WordPress menaxhon të gjitha varësitë tona për ne.

Nëse jeni duke punuar në një temë, mund të përdorni funksionin wp_enqueue_script () brenda skedarit tuaj functions.php dosje. Ja se si mund ta bëni:

funksioni my_theme_scripts () {wp_enqueue_script ('my-great-script', get_template_directory_uri (). '/js/my-great-script.js', array ('jquery'), '1.0.0', true); } add_action ('wp_enqueue_scripts', 'my_theme_scripts');

Funksioni merr pesë argumente. E para që mund të përdorni për t'iu referuar skriptit, e dyta është vendndodhja e skedarit të skriptit, parametri i tretë është një grup varësish.

Unë shtova jQuery si një varësi sepse skripti e përdor atë. Nëse krijoni një skenar që varet nga "im-madhe-script Ju duhet ta shtoni atë në listën e varësisë në mënyrë që WordPress të dijë se cilat skedarë duhet të ngarkohen më parë.

Zbuloni gjithashtu Si për të ngarkuar JavaScript në WordPress

Parametri i katërt është një numër versioni dhe i pesti lejon WordPress të dijë se ku ta vendosë skenarin. Si parazgjedhje, skriptet do të ngarkohen në kokë, gjë që është praktikë e keqe, pasi ngadalëson ngarkimin e faqes në faqen tuaj të internetit (Shfletuesit ndalojnë të gjithë ngarkimin e faqes, sa herë që bllokohet est rencontré). Ju duhet të ngarkoni të gjitha shkrimet tuaja në footer, nëse është e mundur duke bërë parametrin e pestë " i vërtetë '.

Si të shtoni një skript në pult

Ju gjithashtu mund të shtoni skriptet në baltëpritëse. Funksionet e përdorura janë saktësisht të njëjta, thjesht duhet të përdorni një " fiksohem "ndryshe. Shikoni shembullin më poshtë:

function my_admin_scripts () {wp_enqueue_script ('my-great-script', plugin_dir_url (__FILE__). '/js/my-great-script.js', varg ('jquery'), '1.0.0', e vërtetë); } add_action ('admin_enqueue_scripts', 'my_admin_scripts');

Në vend që të përdorni wp_enqueue_scripts duhet ta përdorim admin_enqueue_scripts, dhe kjo eshte e gjitha !

Përdorimi i etiketave të kushtëzuara

Përdorni etiketa të kushtëzuara në mënyrë që të ngarkoni skriptet tuaja vetëm kur keni nevojë. Kjo përdoret më shpesh në pult, ku dëshiron të përdorësh një skenar vetëm në një faqe specifike. Kjo kursen gjerësi bande dhe kohë përpunimi që do të thotë kohë më të shpejta të ngarkimit për faqen tuaj në internet.

Zbuloni edhe tonë Plugins 10 WordPress për të përmirësuar shpejtësinë e ngarkimit të blogut tuaj

Shikoni dokumentacioni admin_enqueue_scripts në Codex të WordPress për më shumë informacion.

Zbuloni gjithashtu disa shtesa premium WordPress  

Mund të përdorni të tjera WordPress plugins për të dhënë një pamje moderne dhe për të optimizuar trajtimin e blogut ose faqes tuaj të internetit.

Ne ju ofrojmë këtu disa shtesa premium WordPress që do t'ju ndihmojnë ta bëni atë.

1. Hartat Botërore Interaktive

Hartat Interaktive të Botës është një plugin WordPress që ju ndihmon të krijoni sa më shumë harta që dëshironi, me shënues, kontinente, vende ose rajone interaktive dhe me ngjyra.

Fullyshtë plotësisht në përputhje me versionin e ri të WordPress et de Visual Composer. Falë kësaj shtojce, ju mund të shfaqni disa lloje rajonesh si: një hartë e të gjithë botës, një kontinent ose një nënkontinent (Afrika, Evropa, Amerika, Azia, Oqeania dhe të gjitha nën-kontinentet e tyre), një vend, a vend i ndarë sipas rajoneve të tij, një shtet i Shteteve të Bashkuara, i Shteteve të Bashkuara i ndarë nga zonat metropolitane, një shtet i Shteteve të Bashkuara i ndarë nga zonat metropolitane.

Shkarko | DEMO | web hosting

2. Formulari i Kontaktit AJAX me Ndjekjen

Ce plugin WordPress ju lejon të shtoni me lehtësi formularët e kontaktit ose komenteve në tuaj blog WordPress. Ai vjen me një menaxher të cilësimeve i cili mund të aksesohet drejtpërdrejt përmes pultit të WordPress.

Karakteristikat e tij kryesore janë ndër të tjera: a fpër email, mbështetjen e Matematikë CAPTCHA mbi format, personalizimin dhe konfigurimin përmes pultit të WordPress, mundësia e dpërcaktoni një autoresponder me porosi, mbështetje për CSS me porosi, dhe më shumë

Shkarko | DEMO | web hosting 

3. PayPal Standard Gateway Pagesa për Format Ninja

Porta Standard e PayPal për Formularët Ninja ju lejon të krijoni formularë që integrohen në mënyrë të përsosur me portën e pagesave të PayPal. 

Ju do të jeni në gjendje të krijoni forma të personalizuara të porosive dhe të merrni pagesa duke përdorur llogaritë standarde të Paypal. Karakteristikat kryesore të tij janë: integrimi i lehtë dhe i shpejtë, integrimi IPN, aftësia për të aktivizuar / çaktivizuar portën PayPal në forma individuale, mbështetje për pagesa të rregullta, etj.

Shkarko | DEMO |  web hosting

Burime të tjera të rekomanduara

Ne gjithashtu ju ftojmë të konsultoheni me burimet më poshtë për të vazhduar më tej në kontrollin dhe kontrollin e faqes dhe blogut tuaj.

• Si të përdorni kategoritë dhe etiketat në mënyrë efektive në WordPress
• Si të krijoni një meny të lëvizshme në WordPress
• Si të krijoni një intranet WordPress për organizatën tuaj
• Si të instaloni një plugin në WordPress

Përfundim

Këtu! Kjo është ajo për këtë udhëzim. Shpresoj se tani dini si të shtoni skript në WordPress. të ndjehen të lirë për të ndani këshillën me miqtë tuaj në rrjetet tuaja sociale.

Megjithatë, gjithashtu do të jeni në gjendje të konsultoheni me ne RESSOURCES, nëse keni nevojë për më shumë elemente për të realizuar projektet tuaja të krijimit të faqeve në Internet, duke u konsultuar me udhëzuesin tonë për Krijimi i blogut të WordPress.

Por, ndërkohë, na tregoni për tuajat komente dhe sugjerime në pjesën e dedikuar.

...