căutați o modalitate ușoară de a edita HTML pe site-ul dvs. WordPress?
HyperText Markup Language sau HTML este un cod care spune unui browser web cum să afișeze conținutul pe paginile dvs. web. Editarea HTML este utilă pentru probleme avansate de personalizare și depanare.
în acest articol, vă vom arăta cum să editați HTML în Editorul de cod WordPress folosind diferite metode.
de ce ar trebui să editați HTML în WordPress?
WordPress oferă mii de teme și pluginuri pentru a schimba aspectul site-ului dvs. web ș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 este posibil să nu ofere caracteristicile exacte pe care le căutați. Drept urmare, s-ar putea să nu puteți modela site-ul dvs. așa cum doriți să arate.
aici editarea HTML este foarte utilă. Puteți efectua cu ușurință personalizare avansată folosind codul HTML. Oferă multă flexibilitate și control asupra modului în care va arăta și funcționa site-ul dvs.
în plus, învățarea modului de editare HTML vă poate ajuta, de asemenea, să identificați și să remediați erorile de pe site-ul dvs.
Notă: Dacă nu doriți să editați HTML, dar doriți totuși opțiuni complete de personalizare, vă recomandăm să utilizați un constructor de pagini WordPress drag and drop, cum ar fi seedprod.
acestea fiind spuse, să ne uităm la diferite moduri de a edita HTML într-un site web WordPress.
vom acoperi modul de editare 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 merge mai departe la secțiunea preferată.
- cum se editează HTML în Editorul de blocuri WordPress
- cum se editează HTML în editorul clasic WordPress
- cum se editează HTML în widgeturile WordPress
- cum se editează HTML în Editorul de teme WordPress
- cum se editează HTML în WordPress folosind FTP
- modalitate ușoară 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 dvs.
în primul rând, puteți utiliza un bloc HTML personalizat în conținutul dvs. pentru a adăuga cod HTML.
pentru a începe, accesați tabloul de bord 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, mergeți mai departe ș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. live.
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, pur și simplu selectați un bloc existent în conținutul dvs. și apoi faceți clic pe meniul cu trei puncte. Apoi, mergeți mai departe și faceți clic pe ‘Editare ca HTML’ opțiune.
acum veți vedea HTML-ul unui bloc individual. Continuați și editați HTML-ul conținutului dvs. De exemplu, puteți adăuga un link nofollow, puteți schimba stilul textului sau puteți adăuga alt cod.
dacă doriți să editați HTML-ul întregului dvs. post, atunci puteți utiliza Editorul de cod în 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ă editați HTML în editorul clasic WordPress
dacă utilizați editorul clasic WordPress, atunci puteți edita cu ușurință HTML-ul în vizualizarea textului.
pentru a accesa vizualizarea Text, pur și simplu editați o postare pe blog sau adăugați una nouă. Când vă aflați în editorul clasic, Faceți clic pe fila ‘Text’ pentru a vedea HTML-ul articolului dvs.
după aceea, puteți edita HTML-ul conținutului dvs. De exemplu, puteți aldine cuvinte diferite pentru a le face proeminente, utilizați stilul italic în text, Creați liste, Adăugați un cuprins și multe altele.
cum să editați HTML în widget-urile WordPress
știați că puteți adăuga și edita cod HTML în zona widget-ului 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. De exemplu, puteți încorpora formulare de contact, Hărți Google, butoane de apel la acțiune (CTA) și alt conținut.
puteți începe prin a vă îndrepta spre Panoul de administrare WordPress și apoi mergeți la aspect ” Widgets. După aceea, mergeți mai departe și adăugați un widget HTML personalizat făcând clic pe butonul ‘Add’.
apoi, va trebui să selectați unde doriți să adăugați widgetul HTML personalizat și să alegeți o poziție. Zona widget va depinde de tema WordPress pe care o utilizați. De exemplu, este posibil să îl puteți adăuga în subsol, antet sau în alte zone.
după ce ați selectat zona și poziția widgetului, faceți clic pe butonul ‘Salvați widgetul’.
după aceea, puteți face clic pe widgetul HTML personalizat, introduceți codul HTML, apoi faceți clic pe butonul ‘Salvare’.
acum Puteți vizita site-ul dvs. web pentru a vedea widgetul HTML personalizat în acțiune.
cum să editați HTML în Editorul de teme WordPress
o altă modalitate de a edita HTML-ul site-ului dvs. web este prin editorul de teme WordPress (editor de cod).
cu toate acestea, nu vă recomandăm să editați direct codul în Editorul de teme. Cea mai mică greșeală la introducerea codului vă poate rupe site-ul web și vă poate bloca accesul la tabloul de bord WordPress.
de asemenea, dacă vă actualizați tema, atunci toate modificările vor fi pierdute.
acestea fiind spuse, dacă aveți în vedere editarea HTML folosind editorul de teme, atunci este o idee bună să faceți backup site-ului dvs. web înainte de a face modificări.
apoi, mergeți la aspect ” editor de teme din tabloul de bord WordPress. Acum veți vedea un mesaj de avertizare despre editarea directă a fișierelor tematice.
după ce faceți clic pe butonul ‘Înțeleg’, veți vedea fișierele tematice și Codul. De aici, puteți alege ce fișier doriți să editați și să efectuați modificările.
cum să editați HTML în WordPress folosind FTP
o altă metodă alternativă la editarea HTML în fișierele tematice WordPress este prin utilizarea FTP, de asemenea, cunoscut sub numele de File Transfer protocol service.
aceasta este o caracteristică standard care vine cu toate conturile de găzduire WordPress.
beneficiul utilizării FTP în locul editorului de cod este că puteți rezolva cu ușurință problemele folosind clientul FTP. În acest fel, nu veți fi blocat din tabloul de bord WordPress dacă se rupe ceva la editarea 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ă selectarea clientului FTP, va trebui acum să vă conectați la serverul FTP al site-ului dvs. Puteți găsi detaliile de conectare în tabloul de bord al panoului de control al furnizorului dvs. de găzduire.
după ce v-ați conectat, veți vedea diferite foldere și fișiere ale site-ului dvs. web în coloana ‘site la distanță’. Mergeți mai departe și navigați la fișierele tematice accesând tema „wp-content”.
acum veți vedea diferite teme pe site-ul dvs. web. Mergeți mai departe și selectați tema pe care doriți să o editați.
apoi, puteți să faceți clic dreapta pe un fișier temă pentru a edita HTML. De exemplu, dacă doriți să faceți modificări în subsol, faceți clic dreapta pe subsol.fișier php.
mulți clienți FTP vă permit să vizualizați și să editați fișierul și să le încărcați automat după 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 efectua 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.
modalitate ușoară de a adăuga cod în WordPress
cel mai simplu mod de a adăuga cod la WordPress este prin utilizarea Insert anteturi și subsoluri WordPress plugin.
echipa de la WPBeginner a proiectat acest plugin, astfel încât să puteți adăuga cu ușurință cod pe site-ul dvs. în câteva minute și l-am făcut 100% gratuit.
de asemenea, vă ajută să vă organizați Codul, deoarece este stocat într-un singur loc. În plus, previne erorile care pot fi cauzate la editarea manuală a codului.
un alt beneficiu este că nu trebuie să vă faceți griji cu privire la ștergerea codului dvs. dacă decideți să actualizați sau să modificați tema.
primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul Inserare anteturi și subsoluri pe site-ul dvs. web. Pentru mai multe detalii, puteți urmări tutorialul nostru detaliat despre cum să instalați un plugin WordPress.
odată ce plugin-ul este activ, puteți peste cap de la setarea ” introduceți anteturi și subsoluri din panoul de administrare.
apoi, puteți adăuga codul HTML pe site-ul dvs. web în casetele antet, corp și subsol.
de exemplu, să presupunem că doriți să afișați o bară de alertă pe site-ul dvs. web. Puteți introduce pur și simplu codul HTML în caseta ‘Scripts in Body’ și faceți clic pe butonul Save.
în plus, puteți adăuga un cod de urmărire Google Analytics și un pixel Facebook în antet sau puteți adăuga un buton Pinterest în subsolul site-ului dvs. web folosind pluginul.
pentru mai multe detalii, puteți vedea ghidul nostru despre cum să adăugați cod antet și subsol în WordPress.
sperăm că acest articol v-a ajutat să învățați cum să editați HTML în Editorul de cod WordPress. De asemenea, poate doriți să consultați ghidul nostru despre cât costă cu adevărat construirea unui site web WordPress sau să vedeți cele mai importante motive pentru care ar trebui să utilizați WordPress pentru site-ul dvs. web.
dacă v-a plăcut acest articol, vă rugăm să vă abonați la canalul nostru YouTube pentru tutoriale video WordPress. Ne puteți găsi și pe Twitter și Facebook.