Cum vă adăugați propriul cod HTML la o pagină bazată pe WordPress?

WordPress este unul dintre cele mai populare sisteme de gestionare a conținutului (CMS), iar flexibilitatea sa vă permite să vă personalizați cu ușurință site-ul web în funcție de propriile nevoi. Una dintre cele mai frecvente cerințe este adăugarea propriului cod HTML. În acest articol, vom discuta diverse modalități de a face acest lucru în WordPress.

Utilizarea editorului de blocuri (Gutenberg)

Începând cu versiunea 5.0, WordPress utilizează în mod implicit un editor de blocuri numit Gutenberg, care vă permite să adăugați cod HTML direct în pagini și articole.

Cum adăug un bloc HTML în editorul Gutenberg?

1. Accesați pagina sau articolul pe care doriți să îl editați.
2. Faceți clic pe pictograma “+” (adăugare bloc) și căutați un bloc cu numele “HTML”.
3. Selectați blocul “HTML personalizat”.
4. Introduceți sau lipiți codul HTML în câmpul de editare.

Această soluție este ideală dacă doriți să adăugați cod HTML simplu, cum ar fi butoane, iframe-uri, formulare sau alte elemente.

Previzualizare cod HTML

După ce ați adăugat codul HTML, puteți verifica cum arată acesta pe pagină făcând clic pe butonul “Previzualizare”. Astfel vă puteți asigura că totul funcționează așa cum vă așteptați.

Adăugarea codului HTML folosind widget-uri

Widgeturile reprezintă o altă modalitate de a adăuga propriul cod HTML în WordPress. Widgeturile vă permit să plasați conținut în diverse locuri de pe site, cum ar fi bara laterală sau subsolul paginii.

Cum adăug un widget HTML?

1. Accesați Aspect > Widgeturi în panoul de administrare WordPress.
2. Faceți clic pe butonul Adăugare widget și selectați “HTML personalizat”.
3. Tastați sau lipiți codul HTML în câmpul widgetului.
4. Faceți clic pe Salvare, pentru a aplica modificările.

Widgeturile HTML sunt o soluție excelentă dacă doriți să adăugați, de exemplu, formulare de contact, butoane CTA sau alte a14> elemente personalizate în bara laterală sau în subsol.

Adăugarea codului HTML în editorul clasic

Dacă utilizați o versiune mai veche de WordPress sau preferați editorul clasic, puteți adăuga cod HTML direct în conținutul paginii sau al articolului dvs.

Cum pot face asta?

1. Deschideți pagina sau articolul în editorul clasic.
2. Treceți la fila “Text” (lângă fila “Vizual”).
3. Lipiți codul HTML în editorul de text.
4. Salvați sau publicați modificările.

Editorul clasic este un instrument simplu care vă permite să aveți un control deplin asupra codului HTML, dar necesită cunoștințe de bază de HTML.

Adăugarea codului HTML direct în fișierele temei

Dacă aveți nevoie de un control mai avansat asupra adăugării codului HTML, puteți edita direct fișierele temei WordPress. NOTĂ: Editarea fișierelor temei poate fi riscantă, mai ales dacă nu aveți experiență în programare. Se recomandă să a30> creați o copie de rezervă înainte de a efectua orice modificare.

Cum se editează fișierele temei?

1. Accesați Aspect > Editor fișiere temă în panoul de administrare WordPress.
2. Selectați fișierul pe care doriți să îl editați, de exemplu header.php, footer.php sau single.php.
3. Inserați codul HTML în locul corespunzător.
4. Salvați modificările.

Alternativă: temă derivată

Pentru a evita suprascrierea modificărilor la actualizarea temei, este recomandat să utilizați o temă derivată. Crearea unei teme derivate vă permite să modificați aspectul site-ului web fără riscul de a pierde modificările în timpul actualizărilor.

Utilizarea plugin-urilor pentru a adăuga cod HTML

Dacă doriți să adăugați în mod regulat cod HTML personalizat, merită să utilizați pluginuri dedicate. Iată câteva opțiuni populare:

Cele mai bune plugin-uri pentru adăugarea codului HTML

• Inserați anteturi și subsoluri – vă permite să adăugați cod HTML în secțiunea sau înainte de închiderea .
• Bloc HTML personalizat – vă permite să adăugați un bloc HTML în editorul Gutenberg.
• WPCode – Inserare anteturi și subsoluri + fragmente de cod personalizate – un plugin versatil care vă permite să adăugați HTML, JavaScript, CSS etc.

Cum se utilizează pluginul Insert Headers and Footers?

1. Instalați și activați pluginul.
2. Accesați Setări > Insert Headers and Footers.
3. Lipiți codul HTML în câmpul corespunzător (de exemplu, “Scripts in Header” sau “Scripts in Footer”).
4. Salvați modificările.

Pluginurile sunt o soluție excelentă pentru cei care doresc să adauge cod personalizat pe site-ul lor fără a fi nevoiți să modifice fișierele temei.

Adăugarea codului HTML folosind shortcode

WordPress permite, de asemenea, crearea de shortcode-uri, care pot fi folosite pentru a adăuga cod HTML în diverse locuri de pe pagină.

Cum creez un shortcode cu propriul meu cod HTML?

1. Deschideți fișierul functions.php al temei sau al temei-copil.
2. Adăugați următorul cod:
   function custom_html_shortcode() { return 'Codul HTML aici’; } add_shortcode(‘custom_html’, ‘custom_html_shortcode’);
3. Salvați modificările

Acum puteți adăuga shortcode-ul [custom_html] oriunde în articolul sau pagina dvs. pentru a afișa codul HTML.

Rezumat

Există mai multe modalități de a adăuga propriul cod HTML pe un site web bazat pe WordPress. Metoda pe care o alegeți depinde de nevoile și de nivelul dvs. de expertiză:

• Editorul de blocuri și widgeturile sunt ideale pentru a8> ideale pentru utilizatorii începători.
• Editorul clasic și shortcode-urile oferă un control mai mare asupra codului.
• Editarea fișierelor temei și a plugin-urilor reprezintă soluții pentru utilizatorii mai avansați care doresc să adauge cod la întregul site.

Cu aceste metode, puteți personaliza cu ușurință site-ul dvs. WordPress și puteți adăuga elemente unice care vor a8> adăuga elemente unice care vor atrage vizitatorii și îi vor face să revină.