Cum să adăugați HTML personalizat la site-ul dvs. WordPress

Adăugarea de cod HTML personalizat vă permite să extindeți funcționalitatea site-ului dvs. WordPress găzduit de mybox dincolo de caracteristicile standard. Fie că doriți să încorporați un widget terț, să adăugați un script de urmărire sau să creați un element de layout unic, există mai multe modalități de a face acest lucru în condiții de siguranță.

Cuprins

Metoda 1: Utilizarea editorului de blocuri (Gutenberg)

Cea mai comună metodă de a adăuga cod HTML la o anumită pagină sau postare este utilizarea blocului încorporat HTML personalizat. Aceasta este ideală pentru elemente unice, cum ar fi formularele de contact sau scripturile încorporate.

Deschideți pagina sau articolul pe care doriți să îl editați.
Faceți clic pe pictograma (+) pentru a adăuga un bloc nou.
Căutați “HTML” și selectați blocul HTML personalizat.
Lipiți codul în zona de text.
Faceți clic pe butonul Previzualizare din cadrul blocului pentru a vedea cum se afișează înainte de a salva.

Metoda 2: Utilizarea widgeturilor WordPress

Acces timpuriu

Mai aveți nevoie de ajutor?

Contactați echipa noastră de servicii pentru clienți.

Trimite mesaj

Dacă doriți ca codul HTML să apară în bara laterală, în subsol sau în orice altă zonă de widgeturi, utilizați widgetul HTML personalizat.

Accesați Aspect > Widgeturi.
Găsiți zona în care doriți să plasați codul (de exemplu, Columna 1 din subsol).
Faceți clic pe pictograma (+) și căutați widgetul HTML personalizat.
Lipiți codul și faceți clic pe Actualizare.

Metoda 3: Adăugarea codului în antet sau subsol

Multe servicii (cum ar fi Google Analytics sau Facebook Pixel) necesită adăugarea de cod în sau

al fiecărei pagini. În loc să editați direct fișierele temei, este absolut necesar să utilizați un plugin pentru acest lucru.

Plugin recomandat: WPCode (anterior Insert Headers and Footers)

Instalați și activați pluginul WPCode.
Accesați Fragmente de cod > Antet și subsol.
Lipiți codul în casetele Antet, Corp sau Subsol.
Faceți clic pe Salvați modificările. Această metodă este mai sigură, deoarece codul dvs. nu va fi șters atunci când actualizați tema.

Metoda 4: Editarea fișierelor temei (avansat)

Dacă trebuie să efectuați modificări permanente la structura site-ului dvs., puteți edita fișierele temei prin intermediul panoului mybox.

Conectați-vă la contul dvs. FTP prin intermediul unui client FTP, cum ar fi FileZilla.
Accesați /wp-content/themes/tema-dvs.-activă/.
Găsiți fișiere precum header.php sau footer.php.
Important: Creați întotdeauna o copie de rezervă a fișierului înainte de a-l edita. Alternativ, utilizați o temă derivată pentru a preveni suprascrierea modificărilor dvs. în timpul actualizărilor.

Metoda 5: Crearea unui shortcode

Dacă doriți să utilizați același fragment de cod HTML în mai multe locuri, puteți crea un shortcode personalizat în fișierul functions.php.

PHP

function my_custom_html_shortcode() {
    return 'Codul HTML personalizat aici';
}
add_shortcode('my_html', 'my_custom_html_shortcode');

După ce adăugați acest cod, puteți pur și simplu să tastați [my_html] oriunde pe site-ul dvs. pentru a afișa codul.

Sfaturi privind securitatea și performanța pentru utilizatorii mybox

Curățați-vă codul: Lipiți numai cod din surse de încredere. Codul HTML/JavaScript rău intenționat vă poate compromite contul găzduit de mybox.
CSS și JS: Dacă codul HTML necesită un stil sau o funcționalitate specifică, este mai bine să plasați codul CSS în Aspect > Personalizare > CSS suplimentar și să utilizați un plugin precum WPCode pentru JavaScript.
Verificați adaptabilitatea la dispozitive mobile: Codul HTML personalizat nu se adaptează întotdeauna automat la ecranele dispozitivelor mobile. Testați întotdeauna noul cod pe un smartphone pentru a vă asigura că nu afectează aspectul paginii.

Rezumat

De la blocuri simple pentru începători până la editarea manuală a fișierelor pentru dezvoltatori, WordPress oferă multiple modalități de a integra cod HTML personalizat. Alegând metoda care se potrivește nivelului tău de confort tehnic pe site-ul tău găzduit de mybox, îți poți personaliza site-ul web fără limite.

A fost de ajutor?

Da Nu

Articole conexe

Nu ați reușit să găsiți ceea ce vă trebuie? Contactați-ne

Cum să adăugați HTML personalizat la site-ul dvs. WordPress

Metoda 1: Utilizarea editorului de blocuri (Gutenberg)

Metoda 2: Utilizarea widgeturilor WordPress

Mai aveți nevoie de ajutor?

Metoda 3: Adăugarea codului în antet sau subsol

Începeți aici