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.
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.
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ă
- Titlu: Introduceți un titlu pentru a vă ajuta să identificați acest fragment de cod în viitor
- 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)
- 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.
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:
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.
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.
