Cod Personalizat (Pro)

Notă! Unele linkuri de pe această pagină pot fi linkuri afiliate, ceea ce înseamnă că, dacă alegeți să efectuați o achiziție, pot câștiga un mic comision fără costuri suplimentare pentru dvs. Apreciez foarte mult sprijinul dvs.!

Cod Personalizat

Funcția Cod personalizat vă permite să adăugați CSS și fragmente de cod, cum ar fi codul Google Analytics sau codul Facebook Pixel și să-l atribuiți la încărcare în locația dorită, cu prioritatea pe care ați setat-o. Nu este nevoie să editați fișierele temei dvs.

Notă:
Această funcție este disponibilă doar în Elementor Pro.

Pentru a adăuga un nou cod personalizat, accesați Elementor> Custom Code și faceți clic pe butonul pentru a Adaugă Cod Personalizat nou.

Adaugă Cod Personalizat nou
Adaugă Cod Personalizat nou

Aici, veți putea adăuga fragmentul de cod personalizat într-un editor de cod inteligent, selectați locația cu structura paginii pentru a o include (de exemplu, fie în elementul de head al paginii, fie la începutul sau la sfârșitul etichetei body), și setați prioritatea de rulare. Dacă înregistrați două scripturi în aceeași locație, prioritatea pe care o setați va determina care dintre ele se va încărca mai întâi (1 este cel mai important, la 10, cel mai puțin important). În cele din urmă, puteți atribui condiții de afișare la fel ca pentru orice parte a site-ului Elementor (antet, subsol etc.). După ce ați terminat, publicați codul și acesta va fi publicat pe site-ul dvs.

Noțiuni de bază

  1. Titlu: Introduceți un titlu pentru a vă ajuta să identificați acest fragment de cod în viitor
  2. Locație: Selectați locația pentru script, care va fi aplicată fie în pagina <head>, fie la începutul corpului paginii (<body> – Start) sau la sfârșitul corpului paginii (<body> – End)
  3. Prioritate: Selectați nivelul de prioritate (1 – 10) pentru executarea acestui script. Dacă mai multe scripturi sunt atribuite aceleiași locații, nivelurile de prioritate vor determina ordinea în care sunt rulate. Rețineți că numerele mai mici indică o prioritate mai mare. Deci, un script cu prioritate 1 va avea o prioritate mai mare decât un script cu prioritate 5.
Noțiuni de bază
Noțiuni de bază

Adăugarea de scripturi

Introduceți sau lipiți fragmentul de cod în zona de text. De exemplu, dacă ați introduce codul Google Analytics, ați introduce ceva de genul acesta:

<!-- Global site tag (gtag.js) - Google Analytics --> <$cript async  src="https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxxx-xx”></$cript> <$cript>   window.dataLayer = window.dataLayer || [];   function gtag(){dataLayer.push(arguments);}   gtag('js', new Date());   gtag('config', 'UA-xxxxxxxx-xx'); </$cript>

Zona de text include un linter de cod intern, care este un instrument de analiză a codului, care verifică erorile sau problemele și vă anunță orice găsește. Acest lucru vă permite să corectați problemele înainte de a salva.

Adaugă CSS

În plus față de scripturi, puteți adăuga și CSS pe site-ul dvs. web, înfășurându-l între eticheta de stil HTML. Acest lucru vă permite să includeți CSS numai în funcție de condițiile stabilite. Exemplul de mai jos:

Adaugă CSS
Adaugă CSS

Stabilirea condițiilor

Faceți clic pe linkul Editare de lângă Condiții din blocul Publicare pentru a adăuga condiții pentru a determina unde este utilizat fragmentul de cod pe tot site-ul. Selectați întregul site dacă doriți să fie folosit peste tot sau limitați-l la anumite pagini, arhive etc. Puteți adăuga, de asemenea, condiții pentru a-l exclude din anumite zone ale site-ului dvs. Aflați mai multe despre condiții aici.

Puteți salva acest cod personalizat ca schiță sau îl puteți publica. Oricum, puteți reveni oricând la Elementor> Custom Code în viitor pentru a vedea și gestiona toate codurile personalizate pe care le-ați creat.

Notă! Ați găsit util acest articol? Atunci veți aprecia sprijinul oferit de Elementor în realizarea acestui tutorial. Experimentați construcția unui site cu Elementor astăzi și obțineți un site web modern, pre-securizat, pre-optimizat. Alegeți licența care vi se potrivește astăzi, treceți la versiunea Pro.

Documentație adițională

S-ar putea să te intereseze și:

Despre Admin Staff

Comunitatea WordPress este un Blog strict Educativ pentru utilizatorii de WordPress. Nu este Agenție de WEB, Publicitate sau Marketing! Dacă sunteți firmă și aveți nevoie de sfaturi vă ajut cu plăcere, pentru contracte de colaborare, vă rog contactați agenții specializate, care vă pot oferi documentația fiscală necesară. Sunt pasionat de WordPress și tot ce se leagă de mediul online din 2011, scriu din pasiune și-mi place să ajut, doar prin prisma acestui fapt că-mi place să fac bine oamenilor care au aceeași pasiune. Blog-ul este monetizat prin link-uri de afiliere și Google Adsense, unde se plătesc taxe legale de către platformele respective. Dacă dorești să susții acest blog, sunt deschis pentru donații. Vă mulțumesc pentru înțelegere! George CRIȘAN , Administrator Comunitatea WordPress!

Lasă un comentariu