Ghidul tău suprem despre cum să editezi WordPress - HTML, CSS, PHP, JavaScript

WordPress fiind una dintre cele mai utilizate și mai ușor de utilizat platforme, a avut o cotă de piață CMS de aproape 61,8% în anul precedent, care a continuat să crească. Acest lucru a dus la nevoia semnificativă de a învăța cum să editați HTML WordPress și să schimbați alte aspecte tehnice într-un site WordPress complet funcțional.

Necesitatea de a vă edita site-ul WordPress poate apărea din diferite motive, inclusiv orice malware rău intenționat, actualizarea oricărui plugin sau versiune WordPress sau o simplă blocare a site-ului. În mai multe cazuri, personalizarea ușoară a site-ului web poate face lucrul în locul tău; cu toate acestea, în cele mai multe cazuri, fie trebuie să editați HTML WordPress, fie codul sursă în WordPress.

Acest articol vă oferă răspunsul la întrebări precum cum să editați codul sursă într-un site web WordPress și cum să editați codul HTML în WordPress. Înainte de a trece mai departe, să clarificăm faptele despre de ce este importantă editarea HTML-ului și a codului sursă WordPress.

Înrudit: Cum să adăugați scripturi jQuery la WordPress cu ușurință

Editare WordPress – De ce

Scopul principal al dezvoltării unui site web este de a vă îmbunătăți prezența și interacțiunea online cu clienții. În plus, deținerea unui site web WordPress facilitează funcționalitatea, gestionarea și performanța de zi cu zi. Cu toate acestea, pot apărea situații în care vi se poate cere să îmbunătățiți funcționalitatea WordPress fie prin editarea HTML WordPress, fie prin editarea codului sursă WordPress.

A învăța cum să editați WordPress prin editarea HTML și a altor coduri sursă vă ajută să vă asigurați funcționarea corespunzătoare, securitatea adecvată și conectivitate continuă. Actualizarea site-urilor web WordPress ajută companiile să obțină un control mai mare și să efectueze personalizări avansate pe site-uri web.

De la cea mai mică schimbare în WordPress la editarea HTML și actualizarea temelor până la verificarea și menținerea serviciilor de securitate și găzduire, editarea WordPress include toate acestea. Pentru a intra în mai multe detalii despre motivul pentru care întreținerea site-ului WordPress este esențială.

Acum, fără nicio întârziere, haideți să vedem cum să editați site-ul WordPress. În primul rând, vom intra în detalii despre cum să editați HTML pe site-urile WordPress.

Pași pentru a edita codul sursă pe site-ul WordPress

Actualizarea site-ului web WordPress include în mod semnificativ editarea codului sursă al site-ului web, în ​​afară de simpla editare a HTML-ului. Un site web WordPress se reunește atunci când diferite funcționalități și limbaje de programare sunt folosite pentru a-l proiecta, structura și întreține.

Acest lucru subliniază, de asemenea, importanța monitorizării și gestionării secvențiale a WordPress pentru a vă asigura că este actualizat, deoarece în cele din urmă îmbunătățește performanța și funcționalitatea site-ului web. Să mergem mai departe și să învățăm cum să editați codul sursă într-un site web WordPress.

Codul sursă pentru un site web WordPress include coduri scrise în CSS, PHP și JavaScript care se adresează funcționalităților de proiectare și, respectiv, performanței. Nu se poate spune care este mai puțin important în dezvoltarea unui site web WordPress; cu toate acestea, vă putem spune cum să le editați pentru a îmbunătăți aspectul general al site-ului dvs. WordPress.

Editarea codului sursă într-un site web WordPress poate fi realizată prin accesarea fișierului în editorul de teme al site-ului dvs. Cu toate acestea, există două moduri prin care puteți accesa fișierele. În primul rând, folosind editorul de teme WordPress sau, în al doilea rând, folosind protocolul de transfer de fișiere (FTP)

Editarea codului sursă WordPress utilizând Editorul de teme WordPress

Editorul de teme din site-ul dvs. WordPress funcționează ca editor de site-uri web încorporat care vă permite să modificați fișierele temei. Editorul permite accesul la toate fișierele CSS, PHP, JavaScript și toate celelalte fișiere legate de teme.

Sfat profesionist: înainte de a începe cu editarea temei și a codului sursă în WordPress, asigurați-vă că ați creat o copie de rezervă pentru site-ul dvs. web, pentru a vă salva de orice bătaie de cap.

În timp ce modificați tema, vă sugerăm să creați o temă secundară și să faceți acolo modificările dorite. Vă scutește de problemele de suprascriere în tema care apar de obicei după actualizarea site-ului WordPress. Acum să începem cu cum putem accesa editorul de teme

Cum se accesează Editorul de teme

În primul rând, nu vă puteți edita niciodată fișierele cu tema până când nu știți unde se află. Dacă știți cum să accesați editorul de teme, derulați în jos la următorul titlu, dar dacă nu știți, continuați să citiți.

Accesarea editorului de teme necesită acces la backend-ul site-ului dvs. web. Odată ce vă deplasați pe șantierul de construcție al site-ului dvs., faceți clic pe fila Aspect din bara laterală a site-ului dvs. WordPress și veți vedea un meniu derulant care arată opțiunea editorului de teme în ultimul.

Făcând clic pe filă, se deschide fișierul CSS al temei care rulează în prezent. Aici puteți face toate modificările de design în perspectiva site-ului dvs. WordPress. În cazul în care utilizați mai multe teme sau o combinație de teme părinte-copil, puteți comuta între ele din opțiunea derulantă din dreapta sus, care afișează numele temei.

Sfat profesional: După ce ați terminat de actualizat site-ul dvs. WordPress, apăsați pe butonul „Actualizați fișierul” din partea de jos pentru a salva modificările. Cu toate acestea, dacă nu puteți salva modificările, este posibil să existe unele erori în codul pe care l-ați adăugat.

Una dintre caracteristicile proeminente ale WordPress care îl face o opțiune mai bună pentru actualizarea codului sursă WordPress este că nu vă permite să salvați modificările dacă conține erori. Această caracteristică face editarea WordPress mai sigură decât utilizarea FTP.

Notă: În mai multe cazuri, apare o situație în care este posibil să nu puteți accesa editorul de teme. Iată ce trebuie să faci dacă se întâmplă acest lucru;

• Căutați un editor de cod specific temei în fișierele dvs. Mai multe teme din WordPress folosesc editorii de teme diferite, ceea ce afectează și vizibilitatea și funcționalitatea.
• Căutați orice plugin de securitate și verificări pe care le utilizați și care au dus la „ascunderea” opțiunii editorului de teme pentru o mai bună securitate împotriva intrușilor.

Editarea fișierelor JavaScript WordPress utilizând Editorul de teme

JavaScript ajută la o mai bună capacitate de răspuns și performanță a unui site web. Modificarea dimensiunii sau a culorii unui buton atunci când treceți cu mouse-ul peste, deschiderea unui meniu drop-down când faceți clic pe un buton, se datorează faptului că JavaScript este în spate.

În cele mai multe cazuri, o temă WordPress este bine încorporată cu fișierele JavaScript găzduite pe un alt server și sunt incluse în temă folosind o funcție de „apel”. Acestea se numesc fișiere JS externe, care uneori sunt adăugate și folosind pluginuri terțe pe site-ul dvs.

Cu toate acestea, puteți scrie și adăuga propriile fișiere JavaScript la o temă și le puteți accesa prin editorul de teme. În general, folosirea unui fișier JavaScript, fie terț sau autoscris, necesită să utilizați funcția de apel în locul în care doriți să o utilizați, de câte ori doriți. Următoarea funcție de apel este utilizată pentru a încorpora fișierul JavaScript în cod.

<script type="text/javascript” src="path-to-javascript-file.js”></script>

Fișierele JavaScript sunt adăugate în fișierul cod sursă folosind eticheta <script>.

Sfat profesionist: asigurați-vă că includeți eticheta <script> între etichetele <head> și </head> în fișierul dvs. html, altfel fișierul va avea ca rezultat o eroare.

Editarea site-ului WordPress folosind JavaScript manual

Puteți edita codul sursă al antetului și al subsolului site-ului dvs. WordPress folosind aceeași funcție de apel în fișierele respective. Aceste fișiere sunt de obicei salvate cu o extensie .php și probabil se află în Fișierele teme din editorul de teme.

Mai multe instrumente sau funcționalități terțe necesită adesea dezvoltatorilor de site-uri web să adauge cod sursă JS în anteturile și/sau subsolurile site-ului WordPress. În acest scop, adăugarea codului este exact aceeași cu cea menționată mai sus. Apelați fișierul JS folosind <script> între etichetele <head>.

Bonus: Dacă nu puteți găsi eticheta de deschidere <head>, pur și simplu mergeți la Control + F și tastați „head” în bara de căutare.

În unele cazuri, poate fi necesar să editați JavaScript pentru pagini sau postări individuale în loc de întregul antet sau subsol. Pentru a face acest lucru, trebuie, mai întâi, să creați sau să utilizați un fișier Javascript pre-dezvoltat și să îl adăugați la fișierele dvs. de teme WordPress. În al doilea rând, apelați fișierul din pagina sau postarea pe care doriți să o editați.

Funcția de apel la Incorporate JS în postarea/pagina WordPress este ușor diferită și necesită o serie de pași. Deci, pentru a apela fișierul JavaScript din pagina/postarea dvs. WordPress prin Câmpuri personalizate, puteți urma acești pași;

1. Deschideți Editorul de blocuri și faceți clic pe cele trei puncte aliniate vertical din colțul din dreapta sus. Aceasta va deschide un meniu drop-down.
2. Din meniul dropdown, faceți clic pe „fila de opțiuni” de la sfârșit, care va deschide un widget cu mai multe opțiuni.
3. Odată ce widgetul de opțiuni se deschide, derulați în jos la „Panou avansat” și bifați caseta „Câmp personalizat”.
4. Acum veți vedea un spațiu în care puteți adăuga câmpurile personalizate sub editorul de postări.
5. Adăugați fragmentul dvs. JS în câmpul de valoare, dați un nume personalizat codului JS adăugat și, după ce ați terminat cu modificările, faceți clic pe „Adăugați câmp personalizat” pentru a salva.

Editarea WordPress folosind pluginuri

Actualizarea sau editarea codului sursă al site-ului dvs. WordPress poate fi uneori foarte obositoare. În acest scop, puteți utiliza pluginuri care actualizează automat funcționalitatea antetelor și subsolurilor dvs. De asemenea, utilizarea pluginurilor este mai eficientă, deoarece păstrează actualizările pe care le-ați făcut chiar și după fiecare actualizare WordPress.

WordPress oferă diverse plugin-uri gratuite și plătite pentru a face modificări în fișierele de antet și subsol, care oferă un suport mai bun pentru site-ul web și performanță generală.

O altă metodă eficientă este să angajezi un furnizor de servicii de întreținere WordPress. Furnizorii de servicii nu numai că vă ajută cu modificări și actualizări simple, ci și îmbunătățesc performanța generală a site-ului dvs., securitatea etc.

Editarea codului sursă CSS pe site-ul WordPress

CSS este abrevierea pentru Cascading Style Sheet și este, în principiu, responsabil pentru tot stilul și designul site-ului dvs. WordPress. Editarea fișierelor CSS pe site-ul dvs. web se referă la modificarea modului în care apar widget-urile, butoanele și câmpurile de text din site-ul dvs. web.

Editarea fișierelor CSS în fișierele dvs. WordPress este mai mult sau mai puțin similară cu efectuarea de actualizări în fișierele JavaScript. Deși există trei metode de bază pentru modificarea unui fișier CSS; cu toate acestea, gradul de utilizare al acestora diferă în funcție de modificările pe care le faci și de cât de des le faci.

Editați CSS WordPress folosind Editorul de teme

o metodă ușoară și folosită în mod obișnuit de a edita fișierul CSS pe site-ul dvs. WordPress este să utilizați Editorul de teme în același mod menționat mai sus. Puteți accesa toate fișierele dvs. CSS din partea cea mai din dreapta, unde se află toate fișierele cu tema.

Editați CSS WordPress folosind WordPress Customizer

Puțin deasupra opțiunii Editor de teme din widget-ul Aspect se află o altă opțiune care spune „personalizați”. WordPress vă permite să vă modificați site-ul WordPress folosind și acest Personalizator WordPress.

După ce faceți clic pe opțiunea „Personalizare”, derulați în jos pe panoul de navigare și faceți clic pe fila „CSS suplimentar” din colțul din stânga jos. Aceasta ar deschide un mic editor CSS care acceptă modificări ușoare sau minore ale codului dvs. CSS. După ce ați terminat, faceți clic pe Salvați și continuați cu site-ul dvs.

Editați CSS WordPress folosind pluginuri

În cazul în care intenționați să evitați să faceți modificări manuale în CSS-ul site-ului dvs. WordPress, descărcarea unor plugin-uri utile poate face lucrul în locul dvs. Dacă sunteți unul dintre cei care au cunoștințe limitate CSS sau acordă prioritate actualizărilor regulate, utilizarea pluginurilor este opțiunea optimă pentru dvs.

Există o gamă largă de pluginuri de editare CSS pe care le puteți folosi pentru a face modificările dorite site-ului dvs. WordPress. După ce instalați site-ul web, tot ce trebuie să faceți este să instalați pluginul pe site-ul dvs. WordPress, să introduceți cheia de licență și să începeți editarea.

Editați codul sursă pe site-ul WordPress folosind FTP

După cum am vorbit mai devreme, utilizarea protocolului de transfer de fișiere (FTP) este o altă modalitate de a face modificări pe site-ul dvs. WordPress, altele decât Editorul de teme. Această metodă funcționează de fapt prin utilizarea oricărui client FTP, cum ar fi WinSCP. Motivul principal pentru utilizarea acestor instrumente terțe este acela de a permite accesul la serverul site-ului web WordPress și la fișierele stocate acolo.

Utilizarea unui client FTP pentru a edita codul sursă este utilă atunci când nu puteți accesa Editorul de teme este site-ul dvs. WordPress sau faceți o lucrare PSD la WordPress. Utilizarea acestei abordări de editare ajută la actualizarea locală a fișierelor și apoi la reîncărcarea acestor fișiere în mediul de găzduire al site-ului dvs.

Poate părea înfricoșător, dar întregul proces necesită doar patru pași, să începem cu ce să facem și cum să facem.

Pasul 1: Conectați-vă la sau creați-vă contul FTP

În primul pas, pentru a vă conecta la serverul site-ului dvs. WordPress printr-un client FTP, trebuie să vă conectați la contul dvs. FTP folosind acreditările contului, inclusiv numele de gazdă, numele de utilizator și parola. Puteți găsi informațiile de autentificare din contul dvs. de găzduire.

În cazul în care nu vă puteți găsi informațiile de conectare, puteți crea un nou nume de utilizator și o parolă în cPanel-ul site-ului dvs. web. Pentru a accesa cPanel-ul, faceți clic pe „Cont FTP” în fila Fișiere.

După ce faceți clic pe această pictogramă, selectați Adăugare cont FTP pentru a adăuga un nou nume de utilizator și parolă.

Crearea de noi acreditări de conectare necesită să completați toate câmpurile menționate.

• Asigurați-vă că adăugați un nume de utilizator unic, dar relevant pentru contul dvs. FTP.
• Introduceți în câmp parola dvs. generată de utilizator sau automată. Asigurați-vă că parola dvs. este puternică.
• Asigurați-vă că utilizați public_html în extensia de director.
• Și, selectați nelimitat pentru cota dvs. dintre cele două opțiuni date.

Sfat profesionist: asigurați-vă că copiați/lipiți și salvați acreditările dvs. FTP într-un loc sigur. De asemenea, vă recomandăm utilizarea unui generator automat de parole pentru parole puternice și personalizate.

Faceți clic pe „Creați un cont FTP” și ați terminat. În cazul în care nu puteți crea un cont FTP, vă poate fi util să contactați furnizorul dvs. de găzduire.

Pasul 2: Descărcați clientul dvs. FTP

Odată ce ați terminat de conectat la acreditările dvs. FTP sau de a crea altele noi, următorul pas este să descărcați un client FTP precum WinSCP.

WinSCP este una dintre cele mai apreciate și gratuite soluții FTP pentru Windows, care acceptă transferul de fișiere ușor și rapid între dispozitivul dvs. și serverul de găzduire. Există mulți clienți FTP din care să alegeți, alții decât WinSCP, în funcție de nevoile dvs. de afaceri și de site-ul dvs. web.

Pasul 3: Conectați-vă la mediul de găzduire a site-ului web

Acum, folosind clientul FTP descărcat, în acest caz, WinSCP, conectați-vă la mediul de găzduire al site-ului dvs. WordPress introducând numele de gazdă FTP, numele de utilizator și parola de la pasul 1.

Pentru a face acest lucru, presa pornește WinSCP și veți vedea o casetă de dialog în față. Selectați protocolul de fișier și adăugați numele de gazdă FTP, numele de utilizator și respectiv parola în câmpuri. După ce ați terminat, faceți clic pe autentificare și, în sfârșit, ați ajuns în mediul de găzduire.

Sfat profesionist: Dacă utilizați protocolul FTPS, selectați FTP și apoi alegeți una dintre metodele de invocare FTPS.

Pasul 4: Editați fișierele cu codul sursă

După conectare, puteți accesa fișierele sursă WordPress și puteți face modificări HTML, CSS, PHP și JS după cum credeți de cuviință. Pur și simplu faceți clic dreapta pe orice fișier și selectați Vizualizare/Editare.

După ce ați făcut modificările (din nou, aveți grijă să nu vă ecranați site-ul web), puteți salva fișierul. WinSCP va reîncărca automat toate fișierele editate și le va înlocui cu altele noi.

Felicitări, ați terminat cu editarea fișierelor de cod sursă de pe site-ul dvs. WordPress.

Noțiuni de bază despre cum să editați HTML pe site-urile WordPress

În timp ce actualizarea site-ului web WordPress poate include modificări minore până la majore, actualizarea perspectivei și structurii site-ului web necesită modificări în HTML WordPress. Deși schimbarea HTML este relativ mai ușoară decât alte modificări tehnice în WordPress, așa cum se discută mai jos, este totuși esențial să înveți cum să accesezi codul HTML pe site-ul tău WordPress.

Există mai multe modalități de a accesa fișierul HTML și de a edita HTML WordPress pentru a actualiza aspectul site-ului web. Să aruncăm o privire la fiecare în detaliu.

Editați HTML prin WordPress Classic Editor

Una dintre cele mai simple și mai accesibile modalități de editare HTML în WordPress este să accesați Editorul clasic din fișierul dvs. WordPress și să faceți clic pe un buton. Deschizând pagina WordPress în colțul din dreapta, vezi două file care spun filă vizuală și filă text. Pentru a edita HTML în WordPress , trebuie doar să treceți de la editor vizual la editor de text.

După ce ați schimbat fila, ceea ce veți vedea este fișierul HTML detaliat WordPress pentru pagina dvs., unde puteți face modificările dorite în pagina dvs. WordPress. În plus, puteți trece oricând la un editor vizual pentru a vedea editările HTML pe care le-ați făcut pe WordPress.

Sfat profesionist: Asigurați-vă că faceți clic pe butonul de salvare după ce ați terminat de editat fișierul HTML WordPress pe pagina sau postarea dorită.

Cum să editați HTML în WordPress utilizând Block Editor

Editarea HTML în WordPress folosind Block Editor este ușor diferită de editorul clasic; este nevoie de câțiva pași în plus pentru a trece de la editor vizual la editor de text. În Block Editor al WordPress, editarea HTML necesită mai întâi să faceți clic pe trei puncte verticale din colțul din dreapta sus al editorului.

Rezultă un meniu drop-down, unde selectați opțiunea „Editor de coduri”. Odată ce faceți clic pe această filă, site-ul va deschide editorul HTML WordPress. Acum, pentru a comuta de la editorul vizual la editorul de text al unui anumit bloc, faceți clic pe cele trei puncte verticale din bara de meniu bloc.

Din lista verticală, alegeți „Editați ca HTML” pentru a face modificări relevante blocului specificat.

Un alt mod în care puteți edita HTML pe site-ul dvs. WordPress este să utilizați Blocul HTML personalizat.

Blocul HTML personalizat permite editorului să adauge direct codul HTML ales în blocul specificat. Cu butonul „Previzualizare” din dreapta, utilizatorul poate vizualiza și HTML-ul WordPress care este editat.

Sfat profesionist: nu uitați să vă salvați munca după ce ați terminat de editat HTML pe site-ul WordPress.

O interogare foarte comună pe care oamenii o întâlnesc adesea implică editarea HTML pe pagina de pornire WordPress. Să învățăm cum o poți face

Editarea HTML pentru pagina de pornire a site-ului dvs. WordPress

Editarea codului HTML pe pagina de pornire a site-ului dvs. este utilă în două moduri. Dacă site-ul dvs. WordPress este construit pe o temă în care pagina de pornire acționează ca o pagină individuală, procesul de editare a codului HTML este același cu cele două metode de mai sus.

Doar selectați pagina de pornire din tabloul de bord al site-ului dvs. și începeți să editați HTML pe site-ul dvs. WordPress.

În al doilea rând, puteți, de asemenea, să faceți clic pe fila „Editați pagina” din meniul de sus al paginii dvs. de pornire pentru a accesa Editorul clasic sau Bloc.

Bonus: Dacă niciuna dintre aceste opțiuni de editare HTML WordPress nu funcționează pentru tine, în ceea ce privește pagina ta de pornire. Puteți utiliza un generator de pagini sau o temă cu o opțiune de editare a paginii de pornire încorporată pentru site-ul dvs. WordPress.

Cum să editați HTML într-un site web WordPress Widgeturi

Al lor este cu siguranță mult mai mult atunci când vine vorba de editarea WordPress folosind HTML. În afară de pagini și postări, editarea HTML în widget-urile site-ului WordPress este, de asemenea, o întrebare frecventă „cum se editează HTML în WordPress”.

Mai multe teme din site-urile web WordPress folosesc widget-uri, inclusiv bare laterale, anteturi și subsoluri pentru a personaliza și edita WordPress. Editarea HTML în anteturi, subsoluri și bare laterale de pe site-urile WordPress este acceptată de widgetul HTML personalizat.

Pentru a accesa acest widget, pur și simplu navigați la fila „Aspect” din bara laterală a site-ului dvs. și selectați widgetul în care doriți să editați HTML. Adăugați acolo widgetul HTML personalizat și începeți să editați codul HTML în widgetul dvs. WordPress.

În ansamblu

Există mai multe moduri în care puteți actualiza sau edita HTML, CSS, PHP și JavaScript ale site-urilor dvs. WordPress. Cu toate acestea, pe care îl alegeți depinde complet de nevoile site-ului dvs. web, de cât de regulat faceți actualizări, de ce trebuie să actualizați și așa mai departe.

Dacă doriți să editați codul sursă pe site-ul dvs. WordPress, utilizarea unui editor de teme este o opțiune care vă oferă acces la toate fișierele sursă. Cealaltă modalitate mai tehnică este să accesezi fișierele din serverul de găzduire al site-ului tău WordPress printr-un client FTP și să le modifici direct.

Întrucât, editarea HTML pe site-ul dvs. WordPress se poate face fie prin intermediul editorului clasic, fie al noului editor de blocuri. Indiferent dacă doriți să editați HTML WordPress în widget-ul, pagina de pornire sau orice postare individuală, tot ce aveți nevoie este să vă deschideți editorul.

Indiferent de metoda pe care o alegeți, acestea vin cu o serie de pași pe care trebuie să îi urmăriți pentru a evita orice eroare și bătăi de cap. În acest scop, o modalitate mai sigură și mai convenabilă este să angajați o echipă de întreținere WordPress sau un furnizor de servicii WordPress.

Sunt profesioniști în munca lor, știu ce fac și vin întotdeauna cu un pachet potrivit pentru a răspunde nevoilor dvs. de afaceri. Noi, cei de la WP Pals, suntem o echipă de dezvoltatori WordPress cu înaltă calificare, experiență și profesionalism, gata să vă ofere setul potrivit de servicii cu pachetul cel mai potrivit.

Comentează mai jos pentru a ne spune cât de util a fost acest articol pentru tine. Dacă știți mai multe despre editarea WordPress, ne-am dori cu siguranță să vă auzim.