2 moduri de a adăuga un script la antetul WordPress

Publicat: 2022-09-15

Dacă doriți să adăugați un script la antetul dvs. WordPress, aveți două opțiuni disponibile. Puteți fie să utilizați un plugin, fie să editați fișierele tematice. Opțiunea 1: Utilizați un plugin Există multe plugin-uri disponibile care vă vor permite să adăugați un script la antetul WordPress. Unul dintre cele mai populare este Scripturile pentru antet și subsol . Acest plugin este simplu de utilizat și vă va permite să adăugați un script la antetul sau subsolul dvs. cu doar câteva clicuri. După ce ați instalat și activat pluginul, puteți adăuga scriptul la antetul sau subsolul site-ului dvs. accesând Setări > Scripturi pentru antet și subsol. Opțiunea 2: Editați fișierele tematice Dacă vă simțiți confortabil să editați codul, puteți adăuga și un script la antetul dvs. WordPress prin editarea fișierelor cu tema. Pentru a face acest lucru, va trebui să vă accesați site-ul web prin FTP și să editați fișierul header.php. După ce ați găsit fișierul header.php, puteți adăuga scriptul în partea de sus sau de jos a fișierului. Doar asigurați-vă că nu îl adăugați la mijlocul fișierului, deoarece acest lucru vă poate distruge site-ul. După ce ați adăugat scriptul, puteți salva fișierul și îl puteți încărca înapoi pe server. Scriptul dvs. va rula acum pe site-ul dvs. web.

Un script de antet poate însemna mult mai mult decât atât. În acest articol, vom demonstra cum să adăugați fragmentul care poate fi analiza, marketingul sau orice altă linie unică de JavaScript cerută de un utilizator. Puteți paria că această sarcină este îndeplinită de cineva care nu știe cum să codifice PHP sau JavaScript.

WordPress Adaugă script de antet fără plugin

Credit: aioseo.com

Adăugarea unui script de antet pe site-ul dvs. WordPress fără a utiliza un plugin este un proces simplu. Mai întâi, trebuie să creați un fișier numit header-scripts.php și să îl adăugați în directorul temei copilului. Apoi, deschideți header-scripts.php într-un editor de text și adăugați codul dorit. În cele din urmă, salvați și încărcați fișierul pe site-ul dvs. WordPress.

WordPress Adăugați script la antet pe o anumită pagină

Credit: www.valet.io

Adăugarea unui script la antetul unei anumite pagini în WordPress este un proces simplu. Mai întâi, deschideți fișierul header.php din tema WordPress. Apoi, localizați eticheta și introduceți scriptul imediat înaintea acesteia. În cele din urmă, salvați modificările și încărcați fișierul pe serverul dvs. WordPress.

Setați page_int la 5 dacă doriți doar să generați codul pentru o pagină cu ID = 5. Deoarece acesta este un număr întreg, ar trebui să evitați să folosiți ghilimele simple în jurul acestuia. Câmpurile personalizate sunt o modalitate excelentă de a vă permite să aveți metadate specifice care pot fi utilizate în fișierele șablon pentru a genera logică. Este posibil să schimbați metaeticheta roboților pe pagină fără codare, utilizând pluginul Yoast SEO. Paginile individuale (cum ar fi paginile de mulțumire) pot fi setate la noindex și chiar la nofollow, dacă preferați. Pluginul Per Page Add to Head vă permite să adăugați orice tip de etichetă suplimentară sau sintaxă ezoterică la pagină.

Cum să adăugați un alt antet în WordPress

Credit: Blog Starter

Dacă doriți să adăugați un alt antet pe site-ul dvs. WordPress, puteți face acest lucru accesând secțiunea Aspect > Antet din tabloul de bord. De acolo, puteți fie să încărcați o nouă imagine, fie să selectați una din biblioteca dvs. media. După ce ați ales o imagine, o puteți decupa și ajusta poziționarea.

Antetul unui site web este cel mai important element vizual care apare în partea de sus. Imaginile de antet personalizate din WordPress sunt ușor de adăugat text, widget și alte caracteristici la imaginea antetului . Aici, la Templatetoaster, puteți afla cum să creați antet personalizat folosind generatorul de teme WordPress. Fiecare pagină poate avea un antet personalizat care este diferit de restul site-ului. Puteți include caracteristici ale produsului în antetul paginii Despre noi și în restul paginilor din pagină, de exemplu. După ce ați achiziționat imaginea antet, trebuie doar să o editați. GIMP, paint.net și alte programe pot fi folosite pentru a întineri imaginea aleasă.

De asemenea, puteți include o siglă, un videoclip sau o imagine de fundal în antetul dvs. WordPress. Următorul cod este necesar pentru a adăuga o zonă de text în antetul site-branding.php:. Dacă doriți să utilizați propriul dvs. CSS pentru a stila pictogramele sociale într-un mod specific, trebuie mai întâi să dați CSS. Antetul site-ului dvs. conține un link către videoclipul pe care doriți să-l adăugați. WordPress vă permite să schimbați antetul unei pagini în funcție de scopul specific al acesteia, cum ar fi utilizarea unei imagini de fundal sau încorporarea de funcționalități video sau widget. Puteți avea antetul personalizat gata în doar câteva clicuri, trăgând interfața drop-down. În acest articol, vă vom arăta cum să adăugați antet personalizat la WordPress folosind TemplateToaster.

Textul simplu, butoanele și listele pot fi adăugate în zona de text. Făcând clic pe acest link, puteți accesa o zonă de text. Făcând dublu clic pe o bucată de conținut, o va face mai vizibilă. Când faceți dublu clic pe o bucată de conținut, se va deschide o filă numită Editor. Făcând clic pe opțiunea Pictograme sociale din fila antet , puteți accesa secțiunea pictograme sociale. Când faceți clic pe o galerie de pictograme sociale, veți fi direcționat către o pagină în care puteți selecta o imagine care corespunde intereselor dvs. Această secțiune conține și o selecție de pictograme personalizate.

Cod antet WordPress

Codul antetului WordPress este un cod care este folosit pentru a adăuga un antet la un site web WordPress. Acest cod poate fi folosit pentru a adăuga o imagine de antet sau pentru a adăuga un antet text . Codul poate fi folosit și pentru a adăuga un meniu la antet sau pentru a adăuga o casetă de căutare. Codul poate fi folosit și pentru a schimba culoarea antetului sau pentru a adăuga o imagine de fundal la antet.

Cele mai comune două metode de adăugare a codului la subsolul sau antetul WordPress sunt să le transformi într-o pagină WordPress nativă și apoi să o inserezi în backend-ul tău WordPress. Prima opțiune este să vă editați manual tema, în timp ce a doua este să utilizați un plugin. Veți putea adăuga noi funcții și date despre utilizatori pe site-ul dvs. într-o varietate de moduri, dacă alegeți să faceți acest lucru într-o varietate de moduri. Dacă aveți de gând să adăugați manual cod la un antet sau subsol WordPress, va trebui să editați câteva dintre fișierele acestuia. Un plugin vă permite să creați o temă copil cu un singur clic de mouse. Există numeroase plugin-uri pentru antet, subsol și post-injectare. Pluginul pe care doriți să îl utilizați trebuie să fie instalat și activat.

După finalizarea instalării, pictograma Setări va apărea pe tabloul de bord; intră în Setări. Editorul de text de pe această pagină vă va permite să adăugați fragmente de cod. Codul de urmărire pentru Google Analytics sau un JavaScript personalizat poate fi utilizat în fragment.

Pluginul WordPress Head & Footer Code

Folosind pluginul WordPress Head and Footer Code, puteți adăuga conținut personalizat de subsol și antet pe blogul dvs. WordPress. Pluginul WordPress sau tabloul de bord WordPress poate fi folosit pentru a găsi codurile de antet și subsol în WordPress. Când lansați pluginul, acesta va afișa setările Codului Head și Footer. Puteți găsi locația anteturilor și subsolurilor conectându-vă la setări. Când introduceți un fișier, acesta va fi editat într-un editor de cod. Pluginul WordPress Head, Footer și Footer Code poate fi găsit în directorul de pluginuri WordPress.

Header.php WordPress

Header.php este un fișier șablon WordPress folosit pentru a genera antetul unui site web sau blog WordPress. Header.php conține de obicei cod pentru a afișa titlul documentului, titlul site-ului web sau blogului și sloganul, metainformații și meniurile de navigare. Poate fi folosit și pentru a personaliza imaginea antetului, textul antetului și alte elemente ale antetului.

Orice temă WordPress necesită fișierul header.php pentru a funcționa. Un antet trebuie să aibă câteva lucruri, deoarece voi trece mai detaliat la următorii pași. După cum puteți vedea, codul discutat mai jos explică cum poate fi utilizat și oferă o explicație a motivului pentru care este atât de util. În interiorul funcției noastre, există următoarele linii. Înregistrăm mai întâi foaia de stil și apoi o inserăm în coada WordPress. Când apelăm funcția wp_enqueue_script, vom obține numele scriptului pe care vrem să-l folosim. Eticheta Meta Generator va fi eliminată de această linie, deoarece este vizibilă pentru toți utilizatorii versiunii WordPress care a fost instalată.

Puteți furniza informații care permit unui potențial atacator să exploateze erorile din versiunea dvs. Puteți adăuga o clasă în IE 8 sau o versiune ulterioară sau deloc dacă browserul dvs. nu este IE 8 sau o versiune ulterioară (Firefox, IE9, Chrome și altele). Această linie asigură că aspectul browserului nu va fi afectat de nicio modificare cauzată de Modul Quirks, care este extrem de util deoarece permite defalcarea aspectului. Această linie îi spune browserului să evite caracterele necunoscute. Un set de bază de meta-etichete care pot stimula optimizarea temei pentru motoarele de căutare.

Cum să utilizați un fișier antet personalizat în WordPress

Fișierele de antet sunt utilizate de WordPress într-o varietate de moduri. Un antet personalizat este creat prin adăugarea unui fișier header-new.php pe un site WordPress. Dacă utilizați un fișier antet care nu este inclus în WordPress, trebuie să îl găsiți și să îl editați singur. În folderul de conținut WordPress, se află fișierul antet pentru un site WordPress.

După Header Hook WordPress

După cârligul antet, wordpress este o modalitate excelentă de a adăuga cod personalizat pe site-ul dvs. wordpress. Acest cârlig vă permite să adăugați cod după antetul site-ului dvs., ceea ce este foarte util pentru adăugarea CSS sau JavaScript personalizat.

Wp_head() și Wp_footer()

Puteți adăuga cod personalizat la etichetele /head/ și /footer/ ale temei dvs. WordPress utilizând WP_HEAD() și, respectiv, WP_FOOTER(). Cele două cârlige sunt cârlige de acțiune care vor fi apelate de îndată ce o postare, un comentariu sau un tip de postare personalizat este creat în zona de administrare WordPress.