Cum să editezi HTML în editorul de cod WordPress (Ghid pentru începători)

Cauți mai mult control asupra designului și funcționalității site-ului tău WordPress? Învățarea editării HTML este răspunsul.

HTML (HyperText Markup Language) este codul care structurează conținutul dvs., spunând browserelor web cum să afișeze paginile. Editarea directă este utilă pentru personalizări avansate, adăugarea de funcționalități specifice și depanarea problemelor.

Adesea auzim de la utilizatori la WPBeginner care sunt nervoși în legătură cu atingerea codului, dar editarea HTML în WordPress este mai ușoară decât ați crede.

În acest articol, vă vom arăta cum să editați codul HTML în editorul de cod WordPress folosind mai multe metode diferite.

De ce ar trebui să editați HTML în WordPress?

WordPress oferă mii de teme și pluginuri pentru a schimba aspectul site-ului dvs. și pentru a personaliza diferite elemente fără a atinge o singură linie de cod.

Cu toate acestea, pluginurile și temele au limitările lor și s-ar putea să nu ofere exact funcționalitățile pe care le căutați. Ca urmare, s-ar putea să nu puteți stiliza site-ul web așa cum doriți să arate.

Aici este locul unde editarea HTML este cu adevărat utilă. Poți efectua cu ușurință personalizări avansate folosind cod HTML. Acesta oferă multă flexibilitate și control asupra modului în care site-ul tău va arăta și va funcționa.

În plus, învățarea editării HTML vă poate ajuta, de asemenea, să identificați și să remediați erori pe site-ul dvs. WordPress atunci când nu aveți acces la tabloul de bord.

Acestea fiind spuse, să analizăm diferite modalități de a edita HTML într-un site web WordPress.

Vom acoperi cum să editați HTML folosind editorul de blocuri și editorul clasic, și vă vom arăta, de asemenea, o modalitate ușoară de a adăuga cod pe site-ul dvs. Puteți face clic pe linkurile de mai jos pentru a sări la secțiunea preferată.

• Cum să editați HTML în editorul de blocuri WordPress
• Cum să editezi HTML în editorul clasic WordPress
• Cum să editați codul HTML în widgeturile WordPress
• Cum să editezi HTML în editorul de teme WordPress
• Cum să editezi HTML în WordPress folosind FTP
• Mod ușor de a adăuga cod în WordPress

Cum să editați HTML în editorul de blocuri WordPress

În editorul de blocuri WordPress, există mai multe moduri de a edita HTML-ul postării sau paginii tale.

Mai întâi, puteți utiliza un bloc HTML personalizat în conținutul dvs. pentru a adăuga cod HTML.

Pentru a începe, accesați panoul de administrare WordPress și apoi adăugați o nouă postare/pagină sau editați un articol existent. După aceea, faceți clic pe semnul plus (+) din colțul din stânga sus și adăugați un bloc „HTML personalizat”.

Apoi, continuați și introduceți codul HTML personalizat în bloc.

De asemenea, puteți face clic pe opțiunea „Previzualizare” pentru a verifica dacă codul HTML funcționează corect și cum va arăta conținutul dvs. pe site-ul dvs. web activ.

O altă modalitate de a adăuga sau modifica codul HTML în editorul de blocuri WordPress este prin editarea HTML-ului unui anumit bloc.

Pentru a face acest lucru, selectați pur și simplu un bloc existent în conținutul dvs. și apoi faceți clic pe meniul cu trei puncte. Apoi, continuați și faceți clic pe opțiunea „Editare ca HTML”.

Veți vedea acum codul HTML al unui bloc individual. Continuați și editați codul HTML al conținutului dvs.

De exemplu, puteți adăuga un link nofollow, schimba stilul textului dvs. sau adăuga alt cod.

Dacă doriți să editați codul HTML al întregului dvs. post, puteți utiliza editorul de cod din editorul de blocuri WordPress.

Puteți accesa editorul de cod făcând clic pe opțiunea cu trei puncte din colțul din dreapta sus. Apoi selectați „Editor de cod” din opțiunile derulante.

Cum să editezi HTML în editorul clasic WordPress

Dacă utilizați editorul clasic WordPress, atunci puteți edita cu ușurință codul HTML în vizualizarea Text.

Pentru a accesa vizualizarea Text, pur și simplu editați o postare pe blog sau adăugați una nouă. Când sunteți în editorul clasic, faceți clic pe fila „Text” pentru a vedea codul HTML al articolului dvs.

După aceea, puteți edita codul HTML al conținutului dvs. De exemplu, puteți pune cuvinte diferite la îngroșat pentru a le face proeminente, puteți utiliza stilul italic în text, puteți crea liste, adăuga un cuprins și multe altele.

Cum să editați codul HTML în widgeturile WordPress

Știați că puteți adăuga și edita cod HTML în zona widget-urilor site-ului dvs.?

În WordPress, utilizarea unui widget HTML personalizat vă poate ajuta să vă personalizați bara laterală, subsolul și alte zone de widget-uri. De exemplu, puteți încorpora formulare de contact, butoane de apel la acțiune (CTA), Google Maps și alt conținut.

Puteți începe accesând panoul de administrare WordPress și apoi mergând la Aspect » Widgeturi. După aceea, faceți clic pe pictograma „Plus” din orice zonă de widget în care doriți să adăugați cod HTML.

Zonele de widget disponibile vor depinde de tema WordPress pe care o utilizați. De exemplu, este posibil să o puteți adăuga în subsol, antet sau în alte zone.

Apoi, căutați widgetul Custom HMTL în meniul blocului de widgeturi și faceți clic pe el pentru a-l adăuga automat în zona de widgeturi.

După aceea, puteți face clic pe widgetul dvs. HTML personalizat și introduce codul HTML.

Când ați terminat, nu uitați să faceți clic pe butonul „Actualizare” din colțul din dreapta sus al ecranului.

Acum puteți vizita site-ul dvs. pentru a vedea widgetul HTML personalizat în acțiune.

Cum să editezi HTML în editorul de teme WordPress

O altă modalitate de a edita codul HTML al site-ului dvs. este prin intermediul Editorului de teme WordPress (Editor de cod).

Cu toate acestea, nu recomandăm editarea directă a codului în Editorul de teme. Cea mai mică greșeală la introducerea codului poate defecta site-ul dvs. și vă poate bloca accesul la tabloul de bord WordPress.

De asemenea, dacă actualizați tema, toate modificările dvs. s-ar pierde.

Acestea fiind spuse, dacă luați în considerare editarea codului HTML folosind editorul de temă, atunci este o idee bună să vă faceți backup site-ului dvs. înainte de a face orice modificări.

Apoi, accesați Aspect » Editor temă din tabloul de bord WordPress. Veți vedea acum un mesaj de avertizare despre editarea directă a fișierelor temei.

După ce faceți clic pe butonul „Înțeleg”, veți vedea fișierele și codul temei dvs.

De aici, puteți alege ce fișier doriți să editați și să faceți modificările.

Cum să editezi HTML în WordPress folosind FTP

O altă metodă alternativă pentru editarea HTML în fișierele temei WordPress este utilizarea FTP, cunoscută și sub denumirea de serviciu de protocol de transfer de fișiere.

Aceasta este o funcționalitate standard care vine cu toate conturile de hosting WordPress.

Avantajul utilizării FTP în locul editorului de cod este că puteți remedia cu ușurință problemele folosind clientul FTP. În acest fel, nu veți fi blocat din tabloul de bord WordPress dacă ceva se defectează la editarea codului HTML.

Pentru a începe, va trebui mai întâi să selectați un software FTP. Vom folosi FileZilla în acest tutorial, deoarece este un client FTP gratuit și ușor de utilizat pentru Windows, Mac și Linux.

După ce ați selectat clientul FTP, va trebui să vă conectați la serverul FTP al site-ului dvs. Puteți găsi detaliile de conectare în panoul de control al furnizorului dvs. de găzduire.

Odată ce v-ați autentificat, veți vedea diferite foldere și fișiere ale site-ului dvs. sub coloana „Site la distanță”. Continuați și navigați la fișierele temei dvs. mergând la wp-content » theme.

Veți vedea acum diferite teme pe site-ul dvs. Continuați și selectați tema pe care doriți să o editați.

Apoi, puteți face clic dreapta pe un fișier de temă pentru a edita codul HTML. De exemplu, dacă doriți să faceți modificări în subsol, faceți clic dreapta pe fișierul footer.php.

Mulți clienți FTP vă permit să vizualizați și să editați fișierele și să le încărcați automat odată ce ați făcut modificările. În FileZilla, puteți face acest lucru făcând clic pe opțiunea „Vizualizare/Editare”.

Cu toate acestea, vă sugerăm să descărcați fișierul pe care doriți să îl editați pe desktop înainte de a face orice modificări.

După editarea HTML, puteți înlocui fișierul original. Pentru mai multe detalii, vă recomandăm să urmați ghidul nostru despre cum să utilizați FTP pentru a încărca fișiere în WordPress.

Mod ușor de a adăuga cod în WordPress

Cel mai ușor mod de a adăuga cod în WordPress este prin utilizarea WPCode, cel mai bun plugin pentru fragmente de cod de pe piață.

Echipa de la WPBeginner a proiectat acest plugin astfel încât chiar și începătorii complet să poată adăuga cod personalizat pe site-ul lor în câteva minute. În plus, există o versiune lite a pluginului care este 100% gratuită de utilizat.

Ajută la organizarea codului, deoarece este stocat într-un singur loc. În plus, previne erorile care pot apărea la editarea manuală a codului.

Un alt beneficiu este că nu trebuie să vă faceți griji că codul dvs. va fi șters dacă decideți să actualizați sau să schimbați tema.

Primul lucru pe care va trebui să-l faceți este să instalați și să activați pluginul gratuit WPCode pe site-ul dvs. web. Pentru mai multe detalii, puteți urma tutorialul nostru detaliat despre cum să instalați un plugin WordPress.

Odată ce pluginul este activ, puteți accesa Code Snippets » Header & Footer din panoul de administrare.

Apoi, puteți adăuga codul HTML pe site-ul dvs. în casetele de antet, corp și subsol.

De exemplu, să spunem că doriți să afișați o bară de alertă pe site-ul dvs. Puteți pur și simplu să introduceți codul HTML în caseta „Corp” și să faceți clic pe butonul „Salvare modificări”.

Pe lângă acestea, puteți adăuga un cod de urmărire Google Analytics, pixel Facebook și pixel TikTok Ads în antet. Sau, puteți adăuga un buton Pinterest în subsolul site-ului dvs. web folosind pluginul.

Cu WPCode, este ușor să decideți unde se afișează codul. De exemplu, puteți afișa automat un cod HTML la începutul sau la sfârșitul fiecărui articol.

Pentru mai multe detalii, puteți consulta ghidul nostru despre cum să adăugați cod de antet și subsol în WordPress.

Sperăm că acest articol v-a ajutat să învățați cum să editați codul HTML în editorul de cod WordPress. De asemenea, ați putea dori să consultați ghidul nostru despre cum să adăugați formulare HTML în WordPress sau să vedeți cele mai importante motive pentru care ar trebui să folosiți WordPress pentru site-ul dvs..

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.