Ghid pentru începători pentru editorul de teme WordPress + 5 pluginuri gratuite pentru editorul de coduri

Publicat: 2016-11-05

Editorul de teme WordPress este un editor de text simplu situat în tabloul de bord WordPress sub Aspect » Editor.

Editorul de teme WordPress vă permite să modificați fișierele cu tema WordPress din tabloul de bord WordPress (zona de administrare).

Puteți edita fișierele cu teme active sau puteți selecta din orice altă temă instalată din meniul derulant Selectați tema de editat .

Puteți vedea previzualizarea editorului de teme în captura de ecran de mai jos.

editor de teme wordpress
editor de teme wordpress

Practic, puteți utiliza editorul de teme WordPress pentru a vă edita fișierele cu tema rapid și ușor, dar aceasta nu este o metodă recomandată pentru a edita fișierele cu tema.

De exemplu, dacă ați modificat direct fișierul styles.php, personalizările dvs. ar funcționa bine la început.

Cu toate acestea, când veți actualiza tema la o versiune mai nouă a temei modificate, veți pierde toate modificările și nu va exista nicio modalitate de a vă restabili personalizarea.

Cum să personalizați temele WordPress?

Dacă doriți să adăugați câteva CSS personalizate sau JavaScript la temele dvs., puteți instala pluginuri personalizate CSS/JavaScript.

Puteți citi acest articol pentru a afla mai multe despre pluginurile CSS personalizate. În acest articol, am enumerat 10 plugin-uri gratuite pentru a adăuga CSS personalizat și JavaScript pe site-ul dvs. WordPress.

Pluginurile personalizate CSS și javascript personalizate sunt ușor de utilizat și nu veți pierde modificările când vă veți actualiza temele.

De asemenea, puteți utiliza Instrumentele pentru dezvoltatori Chrome pentru a vă edita temele. Citiți Cum să editați teme WordPress folosind instrumentele Chrome Dev.

Cum să adăugați săgeata în meniu fără a utiliza JavaScript sau JQuery. Acesta este un tutorial pas cu pas pentru începători pentru a afla cum funcționează tema WordPress.

Comentariile sunt o parte foarte importantă a blogurilor WordPress. Puteți citi acest articol pentru a afla cum să evidențiați comentariul autorului în temele WordPress.

Personalizați temele WordPress cu teme pentru copii

O temă copil este cea mai bună și recomandată metodă de a personaliza orice temă WordPress. Puteți face câte modificări doriți.

De exemplu, utilizăm o temă pentru copii foarte personalizată la JustLearnWP. Tema parentală este TwentySixteen, dar tema copilului nostru arată complet diferit.

Cu tema copil, puteți modifica orice fișier cu teme copil, puteți adăuga sau elimina caracteristici din tema părinte.

Citiți acest articol pentru a afla de ce temele pentru copii sunt importante.

Există două moduri de a crea teme pentru copii. Folosind pluginuri pentru teme pentru copii sau creați manual teme pentru copii.

Am publicat un tutorial pas cu pas Cum se creează o temă copil WordPress. În acest tutorial, veți învăța să creați manual teme copii fără a utiliza niciun plugin.

De asemenea, puteți configura site-ul WordPress local pe computer folosind WAMP Server și Bitnami Server. Cu site-ul WordPress local, puteți testa noi plugin-uri, teme rapid și ușor și nu aveți nevoie de o conexiune la internet tot timpul.

Site-ul WordPress local vă face procesul de dezvoltare mult mai rapid și simplu. Citiți aceste tutoriale pentru a afla cum să instalați WordPress local folosind WAMP Server și Bitnami.

Pluginuri pentru editorul de teme WordPress

Există multe pluginuri gratuite pentru editorul de teme WordPress disponibile. Aceste pluginuri oferă diferite funcții mai avansate.

Iată câteva pluginuri populare de editor de teme pentru WordPress.

1. WP Editor

Cu peste 100.000 de instalări active, acesta este unul dintre cele mai populare pluginuri de editare pentru WordPress. Necesită WordPress 3.0 sau o versiune superioară.

WP-Editor WordPress Theme Editor Plugin
WP-Editor WordPress Theme Editor Plugin

WP Editor va înlocui pluginul implicit și editorii de teme, precum și editorul de pagină/postări din tabloul de bord WordPress.

WP Editor Utilizează integrările CodeMirror și FancyBox pentru a crea un mediu bogat în caracteristici, WP Editor reprogramează complet capacitățile implicite de editare a fișierelor WordPress.

Caracteristici WP Editor:

  • CodeMirror
  • Evidențierea liniei active
  • Numere de linie
  • Împachetare în linie
  • Opt teme de editor cu evidențiere de sintaxă
  • Editare ecran complet (ESC, F11)
  • Căutare text (CMD + F, CTRL + F)
  • Setări individuale pentru fiecare editor
  • FancyBox pentru vizualizarea imaginilor
  • Browser de fișiere AJAX
  • Lista de extensii permise
  • Secțiunea Setări ușor de utilizat

Descărcați WP-Editor

2. Editor de cod avansat

Acesta este un alt plugin foarte popular cu peste 100.000 de instalări active.

Advanced Code Editor - WordPress Theme Editor Plugin
Editor de cod avansat – Plugin WordPress Theme Editor

Pluginul Advanced Code Editor, Permite evidențierea sintaxei în temele și pluginurile integrate în editorii de cod sursă și acceptă PHP, HTML, CSS și JavaScript.

Vă puteți edita temele sau pluginurile atunci când aveți acces doar la un browser, activând evidențierea sintaxei în editorii de cod sursă integrati WordPress.

Funcții avansate ale editorului de coduri

  • Căutare inteligentă (șir sau regex) și Căutare și înlocuire.
  • Editor full-screen care include 11 teme pentru editor.
  • Anulare și reluare multiplă (editorul își amintește toate editările) și completare automată cu peste 3500 de funcții WordPress.
  • Testat și funcționează cu IE8,9,10 FF3.6 și versiuni ulterioare, Chrome 8 și versiuni ulterioare.
  • Ajax creează, șterge, salvează fișiere și foldere.
  • Descărcați fișierul, tema sau butonul de plugin.
  • Comentează cod out/in și sistem de control al versiunii încorporat.

Descărcați Advanced Code Editor

3. WPide

Acesta este un alt plugin gratuit cu atât de multe funcții avansate. WPide necesită WordPress 3.0 sau o versiune ulterioară.

WPide-WordPress Theme Code Editor Plugin
WPide-WordPress Theme Code Editor Plugin

Potrivit dezvoltatorului său, WPide este un editor de cod WordPress cu scopul pe termen lung de a deveni mediul suprem pentru codificare/dezvoltare de teme și pluginuri WordPress.

Cu acest plugin gratuit, veți putea edita orice fișiere din directorul de conținut wp, nu doar pluginuri și teme.

Funcția de completare a codului vă ajută să vă amintiți comenzile WordPress/PHP, oferind referințe la funcții pe parcurs.

De asemenea, puteți edita mai multe fișiere simultane cu editorul cu file.

Caracteristici curente:

  • Numerotarea liniilor, evidențierea sintaxelor și Găsiți+înlocuiți
  • Completare automată a codului pentru funcțiile WordPress și PHP, împreună cu descrierea funcției, argumente și valoarea returnată, acolo unde este cazul
  • Backup automat pentru fiecare fișier pe care îl editați
  • Utilizați browserul de fișiere pentru a redenumi, șterge, descărca, arhiva și dezarhivați fișiere (de exemplu, puteți descărca o versiune arhivată a întregii teme)
  • Creați fișiere și directoare noi

Descărcați WPide

4. Microthemer Lite

Doriți să le personalizați, dar nu știți nimic despre HTML, CSS sau PHP. Puteți folosi Microthemer Lite un plugin gratuit pentru a vă personaliza temele.

Plugin Editor de teme WordPress Microthemer Lite
Plugin Editor de teme WordPress Microthemer Lite

Acesta este un editor de teme vizuale gratuit care vă permite să personalizați în mod receptiv aspectul oricărei teme sau plugin WordPress fără a scrie cod.

Microthemer este un plugin de design vizual bogat în funcții pentru personalizarea aspectului oricărei teme WordPress sau conținut plugin, de exemplu formulare de contact, până la cel mai mic detaliu.

Microthemer Lite este o versiune gratuită care oferă funcții complete de editare și același suport pentru clienți plătind clienții pentru a primi.

Versiunea gratuită vă limitează să editați/creați 9 „selectori” de ex

Titlul site-ului.
Descrierea site-ului.
O imagine sau toate imaginile.
Un link sau toate linkurile.
Câmpul de introducere a site-ului de căutare.
Butonul de căutare pe site.
O postare/pagină.
Bara laterală.
Subsolul.

Sau orice alte 9 elemente pe care le alegeți, acestea sunt doar exemple.

Descărcați Microthemer Lite

5. Editor de teme Solid Code

Acest plugin gratuit va adăuga un editor de teme îmbunătățit, cu o vizualizare mai bună a fișierelor și folderelor teme și câteva funcționalități suplimentare.

Caracteristici și puncte importante:

Vizualizați orice fișiere de temă într-o structură de vizualizare arborescentă (inclusiv subdirectoare)
Vizualizați toate fișierele (nu doar PHP și CSS)
Editați următoarele extensii de fișiere: LESS, PHP, CSS, JS, XML, HTML, HTM, TXT, SQL
Evidențiator de sintaxă și numere de linie
Descărcați o copie de rezervă ZIP a întregii teme
Descărcați fișiere individuale
Creați și ștergeți fișiere

Asta e tot

Sper că acum știți cum să utilizați corect Editorul de teme WordPress. De asemenea, puteți utiliza pluginuri pentru a îmbunătăți funcționalitatea Editorului de teme WordPress.

Folosiți pluginul WordPress Code Editor, împărtășiți pluginul dvs. preferat cu noi. Adaugă comentariile tale mai jos.