Cum se folosește Editorul WordPress

WordPress ca CMS are un set incredibil de robust de caracteristici. Pluginurile și widgeturile atrag oamenii pe platformă, dar odată ajunsă înăuntru, adevărata putere vine de la editorul WordPress în sine. Indiferent de obiectivul dvs. cu platforma, veți folosi editorul de postări / pagini într-o capacitate majoră. Așadar, vrem să vă arătăm cum să utilizați editorul WordPress în cea mai mare măsură, astfel încât conținutul dvs. să strălucească și site-ul dvs. să înflorească.

Abonați-vă la canalul nostru Youtube

Ce este Editorul WordPress?

Din punct de vedere tehnic, există trei editori WordPress din care puteți alege. Odată cu lansarea WordPress 5.0, editorul s-a schimbat de la TinyMCE, implicit atunci, la Editorul de blocuri pe care îl avem astăzi. Pe fondul acestei modificări, pluginul editor Gutenberg a fost lansat ca o punte pentru testarea beta a noilor caracteristici pentru Editorul de blocuri înainte de a-l transforma în WordPress Core.

În timp ce Editorul de blocuri este implicit în WP începând cu 5.0, puteți alege să utilizați oricare dintre cele trei dorite. Puteți instala pluginul Classic Editor pentru a păstra TinyMCE din vechime, pluginul Gutenberg pentru a păstra cele mai noi caracteristici (deși potențial instabile) în editorul dvs. sau puteți păstra editorul de blocuri implicit.

Având în vedere pașii suplimentari implicați în folosirea a orice altceva decât editorul implicit (și instabilitatea inerentă și natura schimbătoare a pluginului Gutenberg), ne vom concentra exclusiv pe editorul de blocuri implicit din această postare. Cu toate acestea, ar trebui să rețineți că elementele fundamentale sunt aceleași cu Gutenberg, iar TinyMCE conținut în pluginul Editor clasic are o paritate de caracteristică de bază cu orice editor de text îmbogățit sau software de procesare a textului - fără a menționa nici o funcționalitate specifică WP despre care discutăm peste, în general diferă doar în ceea ce privește estetica, nu funcționalitatea.

Cu toate acestea, să învățăm cum să folosim editorul WordPress.

Bazele editorului WordPress

De fiecare dată când creați o pagină sau o postare (sau un tip de postare personalizată), veți utiliza Editorul de blocare. Vi se prezintă un tutorial modal pentru deschiderea acestuia și puteți învăța elementele de bază urmărindu-l prin cele 4 diapozitive pe care le oferă. Închideți-l și puteți vedea editorul de bază.

Editorul de bază WordPress Block este format din 5 elemente. Mai multe pot fi adăugate de diferite pluginuri, dar acestea oferă funcționalitatea de bază cu care veți lucra zi de zi.

1. Bloc de titlu - Orice ai introduce aici va fi afișat ca etichetă H1 primară a postării / paginii.
2. Blocare / zonă de conținut - Aceasta este zona în care veți adăuga diferitele blocuri care alcătuiesc conținutul postării sau paginii dvs.
3. Buton Adăugare bloc - De fiecare dată când vedeți un + într-un cerc, puteți face clic pe acesta pentru a adăuga un bloc nou. Va apărea o listă derulantă, din care alegeți tipul pe care doriți să îl inserați. Toate funcționează exact la fel, deci dacă faceți clic pe unul în dreapta unui bloc, sub un bloc sau în colțul ecranului, veți obține aceleași opțiuni.
4. Fila Opțiuni document - Sub această filă, veți găsi totul, de la categorii, etichete, legătură permanentă, comutări de activare / dezactivare și multe altele. Pluginurile pot adăuga opțiuni aici, dar se aplică întotdeauna la pagina generală sau la postarea în sine.
5. Fila Opțiuni bloc - Această filă gestionează opțiunile pentru orice bloc evidențiați. Dacă faceți clic într-un bloc de paragraf, editați opțiunile pentru blocul respectiv . Nu există alte blocuri și nici documentul în sine nu se schimbă.

Mai jos, vă vom prezenta prin specificul acestor zone și modul în care le puteți utiliza pentru a crea cel mai bun conținut posibil.

Ce sunt blocurile?

Ne-ați văzut deja menționând blocurile în această postare, dar ce sunt acestea? Un bloc este un singur element personalizabil al unei pagini sau al unei postări. Poate fi un singur paragraf, o listă, o imagine sau o galerie. Aceste blocuri pot fi mutate și ajustate după cum doriți, personalizate individual și vă oferă un control granular asupra conținutului dvs. într-un mod pe care un editor WYSIWYG pur și simplu nu îl poate. (Dacă sunteți utilizator Divi, sunteți deja familiarizat cu conceptul, deoarece modulele noastre funcționează în același mod.)

După cum puteți vedea mai sus, fiecare element al paginii este conținut în propriul bloc. Puteți vedea o listă completă a blocurilor WordPress în documentația de asistență WordPress.

Cum să creați un grup de blocuri

Un grup de blocuri este o colecție de blocuri pe care le setați să funcționeze ca un singur bloc. Le mișcați și le stilizați ca și cum ar fi o singură unitate, dar Grupul este format din mai multe elemente.

Crearea unui grup este ușoară. Doar faceți clic pe un bloc, apoi țineți apăsat Shift sau CTRL și faceți clic pe altul. Dacă doriți să grupați toate blocurile din postare, puteți apăsa CTRL / CMD - A pentru a selecta toate. Apoi, când vedeți pictograma din stânga sus, schimbați-o într-un pătrat format din blocuri mici, puteți să faceți clic pe ea și să selectați Transformare în grup .

Dacă trebuie să le dezgropați, pur și simplu faceți clic pe butonul drop-down cu trei puncte și selectați dezorganizați.

Blocurile vor funcționa acum ca indivizi din nou.

Ce sunt blocurile reutilizabile?

Puteți transforma orice bloc dintr-un bloc unic într-un bloc reutilizabil din meniul de setări. Un bloc reutilizabil nu este un șablon, ci mai degrabă un bloc global pentru site-ul dvs. Creați un bloc sau un grup de blocuri, apoi faceți clic pe Adăugare la blocuri reutilizabile .

Orice modificări sau modificări aduse acelui bloc reutilizabil se reflectă apoi pe întregul site, schimbând fiecare instanță a blocului în loc doar de cea pe care ați editat-o. Avem un ghid complet pentru blocurile reutilizabile pe care le puteți consulta pentru mai multe informații despre acest subiect.

Blocul de titlu

Blocul de titlu, așa cum se arată mai sus, este eticheta H1 principală a postării sau a paginii. De asemenea, va genera slug-ul permalink pentru postare, dar care poate fi editat după ce ați salvat postarea cel puțin o dată. Aceasta va fi, de asemenea, ceea ce selectează CSS, cum ar fi .post-title și .entry-title . (Cu toate acestea, pluginurile dvs. SEO vă permit să setați ce se afișează în motoarele de căutare.)

Acesta este singurul bloc din editorul WordPress pe care nu îl puteți elimina sau repoziționa. Pentru a regla mai mult, trebuie să utilizați setări CSS sau externe pentru generatorul de pagini.

Blocare / zonă de conținut

În principiu, puteți considera că zona de conținut este locul în care tastați. Dacă doriți, puteți începe să tastați, să scrieți o postare întreagă fără a lua în considerare niciodată blocurile. În toate modurile majore, acest lucru înlocuiește zona simplă WYSIWYG a TinyMCE și este cea mai mare schimbare a editorului WordPress de când ... ei bine ... vreodată.

Cu toate acestea, cu Editorul de blocuri, puteți face mult mai mult decât atât. De fiecare dată când apăsați „introduceți” sau „reveniți”, veți adăuga un nou bloc de paragraf. Pentru a adăuga un alt tip de bloc (de orice fel), faceți clic pe + într-un cerc și veți primi o listă verticală a fiecărui bloc disponibil. Asigurați-vă că derulați, deoarece acestea sunt configurate și în diferite categorii. De asemenea, puteți căuta un anumit bloc dacă știți ce tip doriți.

Puteți adăuga blocuri video YouTube, imagini, galerii, playere audio, liste, citate și multe altele. Fiecare dintre ele are propriile setări și opțiuni de stil. În plus, cu cât folosești mai mult un bloc, editorul WordPress va recunoaște acest lucru ca fiind folosit în mod obișnuit și îl va lista în secțiunea Cele mai utilizate, astfel încât să nu mai fie nevoie să îl derulezi sau să îl cauți. Blocurile reutilizabile și Grupurile de blocuri pot apărea, de asemenea, în Cele mai utilizate.

Dacă vă uitați la imaginile din această secțiune, (1) indică butoanele de reordonare pe care le obțineți pentru fiecare bloc atunci când este selectat (trebuie doar să faceți clic pe acesta pentru a selecta). (2) indică meniul derulant care vă permite să ștergeți blocul, precum și să editați conținutul acestuia ca HTML, să îl clonați sau să adăugați blocuri noi în jurul său.

Cu toate acestea, aceste opțiuni și setări sunt diferite de fila Opțiuni de blocare din colțul din dreapta sus al ecranului menționat mai sus și discutăm în secțiunea următoare de mai jos.

Schița documentului, numărul de cuvinte și alte informații

În bara de instrumente de sus a paginii, aveți un i într-un cerc. Faceți clic pe acesta și vi se prezintă o listă completă din ceea ce constă documentul dvs.

Atâta timp cât ați folosit blocuri de antet, veți avea un contur al documentului pe lângă numărul de cuvinte, numărul de paragraf și numărul de blocuri. Dacă nu aveți blocuri de titlu, secțiunea respectivă nu va fi acolo. Puteți face clic pe oricare dintre elementele din schița documentului pentru a fi dus direct la acel bloc. Această caracteristică este de neprețuit în documentele mai lungi.

Dacă faceți clic pe pictograma listă imbricată de lângă aceasta, veți vedea o listă ordonată a tuturor blocurilor din postare, mai degrabă decât doar titluri pentru o schiță.

Din nou, puteți face clic pe orice din listă pentru a naviga direct și selecta acel bloc.

Fila Opțiuni de blocare

În colțul din dreapta sus al editorului WordPress, veți vedea o filă pe care scrie Block . Atâta timp cât aveți un bloc selectat, veți obține un set contextual de opțiuni pentru acel tip de bloc. Cu toate acestea, orice modificare pe care o faceți va afecta doar blocul unic pe care l-ați selectat.

Puteți modifica dimensiunea miniaturii unei imagini în această filă, puteți adăuga un fundal color la un paragraf pentru a crea o alertă sau puteți ajusta dimensiunea fontului într-un titlu, de exemplu. Dacă aveți fila Bloc deschisă, opțiunile se schimbă în blocul specific pe care îl selectați. Dacă aveți blocul de paragrafe evidențiat, veți vedea acest lucru.

Dacă este selectat un bloc de imagini, se va schimba fila Blocare la aceasta.

Fiecare bloc va avea opțiuni specifice pe care le puteți ajusta în interiorul lor, care se aplică numai acelui tip de bloc (și se vor reda numai în acel bloc specific). Cu toate acestea, fiecare bloc are o secțiune avansată în fila care vă permite să aplicați clase CSS la acel bloc. Le puteți stiliza după cum doriți, folosind foi de stil externe și cod.

Fila Opțiuni document

În stânga filei Opțiuni blocare se află fila Opțiuni document . Dacă ați folosit WordPress în trecut, acestea vă vor fi familiare. Aici veți putea ajusta categoriile postării dvs., etichetele, adăugați o imagine recomandată, ajustați limbajul permanent, adăugați un extras pentru utilizarea temei / SEO și activați sau dezactivați comentariile.

Fiecare dintre aceste secțiuni este aproape identică cu locul și ceea ce au fost în editorul TinyMCE WYSIWYG. Acestea se aplică întregului post sau pagină și nu unui singur bloc sau întregului site. În plus, după cum puteți vedea în imaginea de mai sus, există o casetă WP Rocket Options. Unele plugin-uri vor aplica casete în această zonă, dar vor fi întotdeauna legate direct de documentul în sine, nu atât de mult conținutul sau blocurile.

Metaboxuri suplimentare post

Metaboxele pentru postare sunt locul în care pluginurile vor adăuga noi opțiuni și capabilități pentru conținutul în sine. Ele apar chiar la capătul zonei de conținut, sub blocuri.

Ceea ce apare în această secțiune (dacă există ceva) va depinde de pluginurile pe care le-ați instalat (sau de orice caracteristici tematice care ar putea folosi zona). Pluginurile SEO profită foarte mult de această zonă și orice altceva care vă va permite să interacționați într-un fel cu conținutul paginii, mai degrabă decât cu detaliile documentului.

Meniul derulant Opțiuni Editor WordPress

Dacă faceți clic pe pictograma drop-down cu trei puncte din partea dreaptă sus a ecranului, va apărea o listă verticală mare. Aici puteți ajusta o serie de setări, toate aplicându-se editorului în sine, mai degrabă decât documentului, blocurilor sau conținutului.

În cea mai mare parte, acestea sunt opțiuni destul de simple, cum ar fi gestionarea blocurilor reutilizabile sau furnizarea unei liste de comenzi rapide de la tastatură sau redeschiderea ghidului de întâmpinare menționat la început.

Unele dintre cele mai frecvent utilizate opțiuni sunt însă aproape de vârf. În mod specific, comutați pentru Bara de instrumente de sus , modul ecran complet și modurile Editor vizual / cod .

Comutarea Top Toolbar înseamnă că, mai degrabă decât opțiunile pentru un bloc selectat care apare ca un meniu contextual în partea din stânga sus a blocului, așa cum am menționat mai sus, acesta va fi într-o zonă fixă ​​din partea de sus a ecranului.

Modul ecran complet activează sau dezactivează tabloul de bord al administratorului WordPress. Dacă dezactivați modul ecran complet, veți vedea bara laterală din stânga care include opțiunile tipice ale tabloului de bord, cum ar fi Postări, Pagini, Aspect, Setări, Instrumente etc.

Și comutatorul Visual / Code Editor funcționează exact ca în editorul TinyMCE. Exemplele din această postare au fost până acum cu Editorul vizual. Adică, veți vedea o reprezentare vizuală a postării în timp ce o scrieți. Veți primi butoane de apăsat, meniuri contextuale și o redare în timp real a setărilor pe măsură ce le modificați. Cu toate acestea, Editorul de cod este doar asta - cod. Veți avea o casetă de text simplă în care veți scrie în text simplu și HTML.

Acest lucru se face de obicei pentru a depana problemele cu editorul sau pentru a regla fin o singură zonă sau bloc. Sau, probabil, să lipiți conținut care a fost scris într-un editor extern care nu s-ar fi formatat corect pe mai multe blocuri.

Editorul de blocuri folosește etichete HTML specifice pentru a spune WordPress ce fel de blocuri trebuie redate, deci asigurați-vă că păstrați intact orice cod care arată ca <! - wp: paragraph -> . În caz contrar, lucrurile pot deveni destul de dezordonate.

Comenzi rapide globale ale editorului de blocuri WordPress

Editorul de blocuri vine, de asemenea, cu propriul set de comenzi rapide inteligente. Nu sunt toate la fel ca TinyMCE, dar sunt la fel de utile și la fel de importante de învățat. Angajarea celor mai utile în memorie vă va economisi mult timp și probleme, vorbind din experiență. Puteți apăsa Shift + Alt + H pentru a afișa următoarea listă de comenzi rapide în editorul WordPress în sine.

Comenzi rapide pentru documente

• Comutați între editorul vizual și editorul de cod - Ctrl + Shift + Alt + M
• Deschideți meniul de navigare bloc - Shift + Alt + O
• Afișați sau ascundeți bara laterală a setărilor - Ctrl + Shift +,
• Navigați la următoarea parte a editorului - Ctrl + ` sau Shift + Alt + N
• Navigați la partea anterioară a editorului - Ctrl + Shift + ` sau Shift + Alt + P
• Accesați cea mai apropiată bară de instrumente - Alt + F10
• Salvați modificările - Ctrl + S
• Anulați ultimele modificări - Ctrl + Z
• Refaceți ultima anulare - Ctrl + Shift + Z

Comenzi rapide de selecție

• Selectați tot textul când tastați. Apăsați din nou pentru a selecta toate blocurile - Ctrl + A
• Ștergeți selecția - ESC

Comenzi rapide de blocare

• Duplicați blocurile selectate - Ctrl + Shift + D
• Eliminați blocurile selectate - Shift + Alt + Z
• Introduceți un bloc nou înainte de blocurile selectate - Ctrl + Alt + T
• Introduceți un bloc nou după blocurile selectate - Ctrl + Alt + Y
• Eliminați mai multe blocuri selectate - del sau backspace
• Schimbați tipul de bloc după adăugarea unui nou paragraf - /

Comenzi rapide text

• Faceți textul selectat cu caractere aldine - Ctrl + B
• Faceți textul selectat cursiv - Ctrl + I
• Convertiți textul selectat într-un link - Ctrl + K
• Eliminați un link - Ctrl + Shift + K
• Subliniați textul selectat - Ctrl + U

Încheierea

Editorul WordPress a parcurs un drum lung în ultimul deceniu, iar actualul Editor de blocuri este cu siguranță suficient de puternic pentru a ne duce în următorul. Cu puterea de a controla granular fiecare element de pe pagină, puteți crea conținut mai rapid, mai ușor și mult mai eficient decât era posibil înainte. Cu toate acestea, dacă actualul Block Editor nu este pentru dvs., pluginul Classic Editor există și, dacă sunteți unul dintre cei mai avansați, pluginul Gutenberg rămâne cu câteva versiuni înainte de editorul implicit din nucleul WordPress. Deci, indiferent de modul în care preferați să creați, WordPress vă acoperă.

Aveți sfaturi și trucuri pe care doriți să le împărtășiți despre editorul WordPress? Spuneți-ne în comentarii!