Meniul
AcasăTelefon

Program pentru editarea paginii wordpress. Editor avansat pentru WordPress – WP Smart Editor

TinyMCE Advanced introduce un bloc „Paragraf clasic” și un „Mod hibrid” pentru noul Editor de blocuri (Gutenberg).
Dacă nu sunteți pregătit să treceți la blocul Editor sau aveți pluginuri care nu pot fi folosite acolo (încă), folosirea blocului Paragraf clasic și modul hibrid este cea mai bună opțiune.
Vă permite să continuați să utilizați editorul familiar TinyMCE pentru majoritatea sarcinilor și, în același timp, vă oferă acces deplin la toate blocurile și noile funcții din Editorul de blocuri.

Versiunea 5.0 este o actualizare majoră a TinyMCE Advanced. Introduce butoane și setări suplimentare pentru barele de instrumente „Text îmbogățit” din Editorul de blocuri. Similar cu barele de instrumente Classic Editor, majoritatea butoanelor pot fi adăugate, eliminate sau rearanjate.

Dacă doriți să continuați să utilizați editorul anterior („clasic”) în WordPress 5.0 și mai nou, acest plugin are opțiunea de a înlocui noul editor cu cel anterior. Dacă preferați să aveți acces la ambele editori unul lângă altul sau să permiteți utilizatorilor să schimbe editorii, ar fi mai bine să instalați pluginul Classic Editor. TinyMCE Advanced este pe deplin compatibil cu pluginul Classic Editor și cu pluginuri similare care restabilesc utilizarea editorului WordPress anterior.

Ca întotdeauna, acest plugin vă va permite să adăugați, să eliminați și să aranjați butoanele care sunt afișate pe bara de instrumente Editor vizual în Paragraful clasic și blocurile clasice din noul Editor de blocuri și în Editorul clasic (când este activat de un plugin). Acolo puteți configurați până la patru rânduri de butoane, inclusiv dimensiunea fonturilor, familia de fonturi, culorile textului și de fundal, tabele etc.

În acești termeni, TinyMCE Advanced nu afectează în niciun fel confidențialitatea utilizatorilor site-ului dvs. web.

Capturi de ecran

Instalare

Cel mai bine este să instalați direct de pe WordPress. Dacă este necesară instalarea manuală, asigurați-vă că fișierele plugin sunt într-un folder numit „tinymce-advanced” (nu două foldere imbricate) în folderul plugin-uri WordPress, de obicei „wp-content/plugins”.

FAQ

Văd o eroare de genul: „Nu s-a încărcat pluginul de la adresa URL...”

Aceste erori sunt de obicei cauzate de blocarea fișierului în cauză de anumite setări de securitate de pe server sau (rar) de probleme de memorare în cache sau de permisiuni greșite.

Primul pas pentru a depana acest lucru este să încercați să accesați fișierul direct în browser (adică, copiați adresa URL și inserați-l în browser și apăsați Enter).

Dacă vedeți fișierul (care este de obicei JS miniat, deci este totul pe o singură linie), sunt șanse să fi fost un fel de problemă de stocare în cache care este acum rezolvată. Încercați să utilizați din nou editorul.

Dacă vedeți o eroare HTTP (cum ar fi 403 sau 500), cel mai bine ar fi să contactați compania de găzduire web pentru ajutor. În unele cazuri, ștergerea și reinstalarea pluginului poate ajuta.

Tabelele arată diferit (lipsesc stilurile inline) când inserez un tabel

Modul în care sunt formate tabelele depinde de două lucruri:
1. Setări pentru pluginul „tabel” în TinyMCE.
2. Indiferent dacă redimensionați tabelul prin glisare.

În mod implicit, TinyMCE Advanced setează editorul astfel încât să nu fie adăugate stiluri suplimentare la tabele. În acest fel, tabelele sunt afișate exact așa cum intenționează tema. Acest lucru poate fi schimbat prin modificarea unor setări ale editorului. Acest lucru se poate face folosind pluginul Advanced TinyMCE Configuration. Toate setările editorului legate de tabel sunt descrise aici: https://www.tiny.cloud/docs/plugins/table/#table_default_attributes.

Indiferent de setările de mai sus, dacă redimensionați un tabel trăgând înălțimea și/sau lățimea etichetei tabelului și etichetele de celule vor fi setate ca stiluri inline.

Nu sunt importate stiluri în submeniul Formate

Aceste stiluri sunt importate din fișierul actual editor-style.css de temă. Cu toate acestea, unele teme nu au această funcționalitate. Pentru aceste teme, TinyMCE Advanced are opțiunea de a vă permite să adăugați un editor-style.css personalizat și să îl importați în editor.

Tocmai am instalat acest plugin, dar nu face nimic

Schimbați unele butoane de pe una dintre barele de instrumente, salvați modificările, ștergeți memoria cache a browserului și încercați din nou. Dacă acest lucru nu funcționează, încercați să resetați pagina de editare de mai multe ori în timp ce țineți apăsat Shift sau Ctrl. Poate exista, de asemenea, un cache de rețea undeva între tine și gazda ta. Poate fi necesar să așteptați câteva ore pentru ca această memorie cache să expire.

Când adaug „Smilies”, acestea nu apar în editor

Butonul „Emoticons” din TinyMCE adaugă codurile pentru zâmbete. Imaginile reale sunt adăugate de WordPress la vizualizarea Postării. Asigurați-vă că caseta de selectare „Conversie emoticoane în grafică afișată” din „Opțiuni - Scriere” este bifată.

Pluginul nu adaugă niciun buton

Asigurați-vă că caseta de selectare „Dezactivați editorul vizual când scrieți” de sub „Utilizatori – Profilul dvs.” este nu verificat.

Încă văd butoanele „vechi” în editor

Salvați din nou setările sau faceți clic pe butonul „Restaurați setările implicite” de pe pagina de setări a pluginului, apoi setați din nou butoanele și salvați.

Alte intrebari? Mai multe capturi de ecran?

Postați un mesaj pe forumul de asistență sau vizitați pagina principala TinyMCE avansat.

Recenzii

Participanți și dezvoltatori

TinyMCE Advanced este un proiect open source. Următorii colaboratori au contribuit la dezvoltarea pluginului:

Participanții

Schimbă jurnalul

5.1.0

  • Actualizat pentru WordPress 5.1 și TinyMCE 4.9.2.

5.0.1

  • S-a remediat importul setărilor de rezervă.
  • S-a actualizat secțiunea Întrebări frecvente din readme.

5.0.0

  • S-au adăugat câteva butoane noi la bara de instrumente cu text îmbogățit din Editorul de blocuri.
  • S-a adăugat funcționalitate pentru a adăuga, elimina și aranja majoritatea butoanelor din bara de instrumente cu text îmbogățit din Editorul de blocuri.
  • A fost adăugată o locație alternativă pentru butoanele pentru componenta de text îmbogățit. Acest lucru le permite utilizatorilor să mute în afara drumului butoanele care nu sunt utilizate frecvent.
  • S-au adăugat setări pentru culoarea textului și culoarea de fundal selectate.
  • Remedieri și îmbunătățiri îmbunătățite pentru Classic Block.
  • S-a îmbunătățit blocul de paragraf clasic și a adăugat suport pentru conversia din majoritatea blocurilor în paragrafe clasice și pentru conversia unui paragraf clasic în blocuri separate.

4.8.2

  • Remedieri și îmbunătățiri pentru 4.8.1.
  • S-a adăugat o opțiune separată pentru a activa Blocul de paragraf clasic.
  • S-a adăugat conversia majorității blocurilor implicite în paragrafe clasice și de la paragrafe clasice în blocuri implicite.

4.8.1

  • Actualizat pentru WordPress 5.0.
  • S-a adăugat modul hibrid pentru Editorul de blocuri. Include un bloc de paragraf clasic care înlocuiește blocul de paragraf implicit.
  • S-a adăugat opțiunea de înlocuire a Editorului de bloc cu Editorul clasic.
  • S-a adăugat o altă secțiune de setări pentru configurarea barelor de instrumente în Blocul clasic și Blocul clasic de paragraf.
  • Au adăugat câteva CSS fixat pentru Blocul Clasic.
  • S-a remediat (eliminat) setarea CSS inline pentru celulele tabelului la inserarea unui tabel. CSS inline este încă adăugat atunci când un tabel este redimensionat prin glisare.

4.8.0

  • Actualizat pentru WordPress 4.9.8 și TinyMCE 4.8.0.

4.7.13

  • S-au actualizat pluginurile de tabel și ancora la 4.7.13 (2018-05-16). Remediază o eroare în pluginul de tabel din Edge.

4.7.11

  • Actualizat pentru WordPress 4.9.6 și TinyMCE 4.7.11.

4.6.7

  • S-a rezolvat compatibilitatea cu blocul de formă liberă Gutenberg.
  • Reîmprospătare forțată a pluginurilor TinyMCE după activare.
  • Actualizat pentru WordPress 4.9 și TinyMCE 4.6.7.

4.6.3

  • Actualizat pentru WordPress 4.8 și TinyMCE 4.6.3.

4.5.6

  • Actualizat pentru WordPress 4.7.4 și TinyMCE 4.5.6.
  • S-a remediat notificarea PHP după importarea setărilor.

4.4.3

  • Actualizat pentru WordPress 4.7 și TinyMCE 4.4.3.
  • S-a remediat erorile lipsă ale butonului „Cod sursă”.

4.4.1

  • Actualizat pentru WordPress 4.6 și TinyMCE 4.4.1.
  • S-a remediat o eroare de salvare multisite.
  • S-a adăugat un buton nou în Editorul de text pentru a adăuga sau a reseta rupturile de linie. Adaugă întreruperi de rând numai între etichete. Funcționează numai atunci când detectează că lipsesc întreruperi de linie, astfel încât să nu reformateze postările cu paragrafe eliminate.

4.3.10.1

  • S-a remediat adăugarea etichetelor de paragraf la încărcarea postărilor care au fost salvate înainte de a dezactiva wpautop.
  • A dezactivat (noua) bară de instrumente inline pentru tabele, deoarece se suprapunea tabelului în unele cazuri.

4.3.10

  • Actualizat pentru WordPress 4.5.1 și TinyMCE 4.3.10.
  • S-a rezolvat suportul pentru adăugarea editor-style.css la temele care nu îl au.

4.3.8

  • Actualizat pentru WordPress 4.5 și TinyMCE 4.3.8.
  • Standard separat opțiuni și opțiuni de administrare.
  • S-au adăugat setări care pot dezactiva pluginul pentru editorul principal, alți editori în wp-admin sau editori pe front-end.
  • Traducere coreeană de Josh Kim și traducere greacă de Stathis Mellios.

4.2.8

  • Actualizat pentru WordPress 4.4 și TinyMCE 4.2.8.
  • Traducere japoneză de Manabu Miwa.

4.2.5

  • Actualizat pentru WordPress 4.3.1 și TinyMCE 4.2.5.
  • S-au remediat domeniul text și antetele pluginului.

4.2.3.1

  • Remediați eroarea la eliminarea pluginului textpattern.

4.2.3

  • Actualizat pentru WordPress 4.3 și TinyMCE 4.2.3.
  • A fost eliminat pluginul textpattern, deoarece WordPress 4.3 include funcționalități similare în mod implicit.
  • Traducere franceză de Nicolas Schneider.

4.1.9

  • Actualizat pentru WordPress 4.2 și TinyMCE 4.1.9.
  • S-au remediat erori legate de afișarea previzualizărilor oEmbed la lipirea unei adrese URL.
  • S-au remediat erori legate de obținerea conținutului de la TinyMCE cu întreruperi de linie.

4.1.7

  • Actualizat pentru WordPress 4.1 și TinyMCE 4.1.7.
  • S-a remediat o eroare în care codurile scurte de subtitrări consecutive pot fi împărțite cu o etichetă de paragraf goală.

4.1.1

  • Remediați eroarea cu legendele imaginilor când wpautop este dezactivat.
  • Adăugați suport pentru traducere la pagina de setări. Numele/descrierile butoanelor sunt traduse din JS folosind traducerea WordPress existentă, astfel încât această parte a paginii de setări va fi tradusă implicit. Celălalt text are nevoie de traducere separată.

4.1

  • Actualizat pentru WordPress 4.0 și TinyMCE 4.1.
  • Adăugați pluginul textpattern care acceptă o parte din sintaxa markdown în timp ce introduceți text, (mai multe informații) .
  • Adăugați pluginul „tabel” actualizat care acceptă culoarea de fundal și chenar.

4.0.2

  • S-a remediat afișarea rândurilor de butoane al doilea, al treilea și al patrulea atunci când butonul de comutare a barei de instrumente nu este utilizat.
  • Remediați adăugarea pluginului de direcționalitate atunci când este selectat butonul RTL sau LTR.
  • Afișați „Opțiunile avansate” super-administratorilor la instalările pe mai multe site-uri.
  • Adăugați pluginul de link, inclusiv setarea link rel. Înlocuiește dialogul Inserare/Editare link atunci când este activat.
  • Includeți pluginul „tabel” actualizat care are suport pentru alinierea verticală pentru celule.

4.0.1

Remediați avertismentele de pe alte pagini decât Editați postarea. Actualizați descrierea.

4.0

Actualizat pentru WordPress 3.9 și TinyMCE 4.0. S-a reîmprospătat ecranul de setări. S-a adăugat suport pentru exportul și importul setărilor.

3.5.9.1

Actualizat pentru WordPress 3.8, s-a remediat încorporarea automată a adreselor URL cu o singură linie atunci când nu se elimină etichetele de paragraf.

3.5.9

Actualizat pentru WordPress 3.7 și TinyMCE 3.5.9.

3.5.8

Actualizat pentru WordPress 3.5 și TinyMCE 3.5.8.

3.4.9

Actualizat pentru WordPress 3.4 și TinyMCE 3.4.9.

3.4.5.1

S-a remediat o eroare care împiedica TinyMCE să importe clase CSS din editor-style.css.

3.4.5

Actualizat pentru WordPress 3.3 sau o versiune ulterioară și TinyMCE 3.4.5.

3.4.2.1

Remediați eliminarea mass-media plugin, astfel încât nu necesită re-salvarea setărilor.

3.4.2

Compatibilitatea cu WordPress 3.2 și TinyMCE 3.4.2, a eliminat opțiunile de suport pentru elementele iframe și HTML 5.0, deoarece acestea sunt acceptate implicit în WordPress 3.2, a eliminat mass-media plugin, deoarece este inclus implicit.

3.3.9.1

S-au adăugat opțiuni avansate: opriți eliminarea cadrelor iframe, opriți eliminarea elementelor HTML 5.0, mutat suportul pentru stiluri de editor personalizate la editor-style.css în tema curentă.

Atenție: dacă aveți un fișier tadv-mce.css personalizat și tema dvs. nu are editor-style.css, vă rugăm să descărcați tadv-mce.css , redenumiți-l în editor-style.css și încărcați-l în directorul de teme curent . Alternativ, puteți adăuga acolo editor-style.css din tema Twenty Ten. Dacă tema dvs. are editor-style.css, puteți adăuga orice stil personalizat acolo.

3.3.9

Compatibilitate cu WordPress 3.1 și TinyMCE 3.3.9, opțiune îmbunătățită de etichete P și BR.

3.2.7

Compatibilitate cu WordPress 2.9 și TinyMCE 3.2.7, câteva remedieri minore de erori.

3.2.4

Compatibilitate cu WordPress 2.8 și TinyMCE 3.2.4, remedieri minore de erori.

3.2

Compatibilitate cu WordPress 2.7 și TinyMCE 3.2, remedieri minore de erori.

3.1

Compatibilitate cu WordPress 2.6 și TinyMCE 3.1, păstrează paragrafele goale la dezactivarea eliminării etichetelor P și BR, butoanele pentru MCImageManager și MCFileManager pot fi aranjate (dacă sunt instalate).

3.0.1

Compatibilitate cu WordPress 2.5.1 și TinyMCE 3.0.7, opțiune adăugată pentru a dezactiva eliminarea etichetelor P și BR la salvare și în editorul HTML (wpautop), adăugat încă două butoane la editorul HTML: wpautop și undo, remedierea eliminării de butoane TinyMCE care nu sunt implicite.

3.0

Suport pentru WordPress 2.5 și TinyMCE 3.0.

2.2

Dezactivați/Dezinstalați pagina de opțiuni, meniul derulant pentru dimensiunea fontului și alte mici modificări.

2.1

Selecție îmbunătățită a limbii, compatibilitate îmbunătățită cu WordPress 2.3 și TinyMCE 2.1.1.1, opțiune de a suprascrie unele dintre clasele CSS importate și alte mici îmbunătățiri și remedieri de erori.

2.0

Include o pagină de administrare pentru aranjarea butoanelor din bara de instrumente TinyMCE, instalare ușoară, o mulțime de remedieri de erori, plugin personalizat „Smilies” care folosește smilies WordPress încorporat etc. Pagina de administrare folosește jQuery și jQuery UI care vă permite să „trageți și să plasați” butoanele TinyMCE pentru a vă aranja propriile bare de instrumente și pentru a activa/dezactivează pluginurile corespunzătoare în funcție de butoanele folosite.

Am un set mic care poate fi numit în siguranță un „must have” pentru fiecare blogger, adică obligatoriu pentru utilizare. Dacă este posibil, instalez aproape același ansamblu pe toate blogurile mele, ceea ce face ca lucrul cu sistemul să fie mai productiv, funcțional și convenabil pentru vizitatori. Cred ca in viitor veti gasi recenzii ale tuturor pe paginile acestui blog.Am vorbit deja despre cateva module, dar cele mai multe dintre ele sunt inca de facut. Astăzi vom vorbi despre avansat editor de text TinyMCE Advanced– chestia este foarte cool și practică.

În general, într-un editor de text, de fapt, petreci cel mai mult timp în Wordpress - publicarea și formatarea textului, adăugarea de tag-uri, inserarea de imagini, uneori trebuie să plasezi tabele etc. În general, este foarte important să aveți la îndemână un instrument funcțional, de înaltă calitate. Implicit în sistem wordpress Are propriul editor, dar tot aș recomanda instalarea TinyMCE Advanced. Așa arată în acțiune acum în panoul de administrare blog wordpress interior:

După cum puteți vedea, există mai mult decât suficiente pictograme aici pentru tot felul de acțiuni. Nu îl voi compara cu cel standard, deoarece chiar am uitat cum arată, vă voi spune doar câteva detalii în TinyMCE Advanced. Pe prima linie avem butoane:

  • formatare (aldine, cursive, subliniate etc.)
  • crearea de liste regulate și numerotate, precum și de indentări pentru text
  • alinierea textului la margini, centru și lățimea întregii coloane
  • crearea și ștergerea legăturilor
  • inserarea unei imagini
  • editare css
  • crearea de citate
  • inserarea separatoarelor în și pagina următoare
  • activarea verificării ortografice, găsirea unei linii în text
  • activarea modului pe ecran complet, precum și afișarea linie suplimentară tastele funcționale pentru editorul de text TinyMCE Advanced
  • ultimul buton este inserat.

A doua linie nu este mai puțin importantă și conține, de asemenea, o serie de funcții interesante:

  • alegerea unui font text și a formatării paragrafelor
  • lipiți text, lipiți din Word, eliminați toate formatările
  • adăugarea unui caracter arbitrar textului și imprimarea
  • și fundal, inserând emoticoane (pentru a le afișa, trebuie să bifați caseta de lângă elementul de conversie din setările de administrare din meniul „Scriere” caractere text pentru emoticoane în imagini)
  • evidențierea textului ca indice și indice
  • inserarea unui fișier media
  • anularea unei acțiuni și reluarea acesteia, editarea atributelor și ajutorului.

Acest lucru, cred, va fi suficient pentru a înțelege că editorul TinyMCE Advanced este pur și simplu super funcțional. Apropo, aceasta este doar o parte din capacitățile sale; vă voi spune despre altele puțin mai departe.

Instalarea și configurarea TinyMCE Advanced

Puteți descărca editorul de text TinyMCE Advanced din . Trebuie remarcat faptul că pentru diferite versiuni de WordPress (2.6, 2.7, 2.8+) trebuie să utilizați propria distribuție. La momentul scrierii, cea mai recentă versiune a pluginului este 3.2.7.

Instalare standard– după descărcare, dezarhivați-l și încărcați-l pe FTP-ul blogului în folderul wp-content/plugins. Apoi, activăm TinyMCE Advanced din panoul de administrare, după care mergem la meniul „Opțiuni” - „TinyMCE Advanced”, unde trebuie să îl configurați. Pasul final este să ștergeți memoria cache a browserului.

Înainte de a vorbi despre configurare, mai multe cuvinte despre funcționalitatea modulului. Conform descrierii de pe site-ul oficial, acesta include până la 15 alte plugin-uri: Advanced HR, Advanced Image, Advanced Link, Meniul contextual, Emoții (zâmbete), Data și ora, IESpell, Strat, Nonbreaking, Imprimare, Căutare și înlocuire, Stil, Tabel, Caractere vizuale și Extra XHTML. Toate acestea pot fi realizate prin instalarea unui singur TinyMCE Advanced! Cu exceptia în limba engleză Pluginul acceptă și alte localizări (germană, franceză, italiană, spaniolă, rusă etc.). În general, nu există nicio îndoială cu privire la capacitățile largi ale modulului.

Configurarea TinyMCE Advanced se face în panoul de administrare al blogului în elementul de meniu cu același nume. Procesul nu este complicat, mai degrabă interesant. Pe pagină veți vedea 4 rânduri ale unui editor de text unde puteți plasa diverse taste funcționale:

Vedeți câte lucruri sunt încă depozitate acolo? Va trebui să vă aprofundați singur în detalii, deoarece toate elementele sunt etichetate și destul de clare. Probabil aș evidenția un bloc separat cu funcții pentru lucrul cu tabele - vă va permite să le creați și să le modificați rapid și ușor în text. De asemenea, puteți importa un fișier de stil CSS personalizat în editor în TinyMCE Advanced - acest lucru poate fi, de asemenea, util. În general, așa cum am spus încă de la începutul postării, modulul este un must have!

Suplimente pentru TinyMCE Advanced

Există câteva articole pe blog care vorbesc despre extinderea capabilităților pluginului:

  • folosind modulul TinyMCE Color Grid și multe altele. Această soluție creează o paletă de culori bogată în editor + adaugă o altă caracteristică utilă. Tot în articol veți găsi un hack pentru functions.php, care vă permite să înlocuiți culorile de bază din TinyMCE Advanced cu ale dvs.
  • — Mă gândesc la sarcina de a instala noi fonturi personalizateîn TinyMCE Advanced, precum și adăugarea fonturilor Google prin stiluri CSS obișnuite.

Cred că aceste note îți vor fi utile în munca ta. Dacă aveți întrebări, adresați-le în comentarii.

În acest articol vom vorbi despre un editor de pagini vizuale interesant pentru WordPress. Pluginul Page Builder Sandwich este conceput pentru editarea simplificată a paginii. Pluginul a fost testat cantitati marișabloane pentru WordPress din diferite surse și au dat rezultate bune.

Page Builder Sandwich vă permite să faceți modificări în designul paginilor site-ului web din mers. Suplimentul poate fi descărcat din depozitul oficial WordPress. La momentul scrierii acestui articol, pluginul a fost descărcat de peste 3.000 de utilizatori. Acest supliment este evaluat cu 4,4 din 5.

Să aruncăm o privire mai atentă la capacitățile pluginului.

Editor vizual de pagini Page Builder Sandwich

Avantajele pluginului includ adăugarea simplificată de text. Selectați zona dorită și începeți să tastați. Există, de asemenea, tehnologia drag and drop - aceasta este o caracteristică neprețuită care vă permite să mutați obiectele selectate în raport cu Zona de lucru folosind mouse-ul. Nu trebuie să plasați formulare prin cod, selectându-le coordonatele la întâmplare. Acest lucru reduce semnificativ timpul de funcționare.

Pluginul are capacitatea de a anula acțiuni. Dacă ați greșit ceva, utilizați combinația de taste ctrl+z și veți fi dus înapoi cu un pas.

Pluginul vă permite să plasați rapid și ușor conținut pe pagină. Dacă trebuie să postați un videoclip din , trebuie doar să copiați linkul video și să-l inserați în zona dorită de pe pagină. Pe deasupra tuturor celorlalte editor vizual o interfață simplă și clară, astfel încât chiar și utilizatorii fără experiență își pot da seama.

Lucrul cu pluginul Page Builder Sandwich

După instalarea și activarea pluginului, mergeți la elementul „Utilizatori”, la subelementul „Profilul dvs.” din Consola WordPressși bifați caseta de selectare „Afișați bara de instrumente la vizualizarea site-ului”. După aceasta, când vizitați orice pagină de pe site-ul dvs. prin intermediul front-end, veți observa un buton de editor vizual în dreapta sus. Este mare și albastru, așa că nu o poți rata. Când apăsați butonul, se va deschide un editor, permițându-vă să editați orice doriți din mers.

Un alt avantaj al acestui supliment este capacitatea de a observa imediat rezultatul.

În stânga este bara de instrumente. ÎN versiune gratuită numărul de instrumente este limitat. În versiunea plătită este și limitat, dar sunt mult mai multe. Pe site-ul oficial WordPress puteți găsi materiale de instruire despre lucrul cu pluginul.

Pluginul a fost lansat relativ recent și în prezent se lucrează activ la el. Poate că în viitor, dezvoltatorii vor oferi multe funcții interesante pentru a face lucrul cu editorul vizual mai ușor.

Puteți afla despre un alt editor pentru WordPress la .

Igor. Actualizare: 27 decembrie 2016.

Bună ziua, dragi cititori ai blogului! Este evident că funcționalitatea editorului WordPress (atât părțile sale vizuale, cât și textuale), încorporate implicit, nu este suficientă pentru a o face cu confort maxim, fără a fi distras de niciun gest suplimentar.

Prin urmare, postarea de astăzi este dedicată pluginurilor WordPress care extind capacitățile acestui instrument, din fericire dezvoltatorii s-au ocupat de acest lucru. Vom vorbi, în primul rând, despre TinyMCE Advanced, care va înlocui editorul vizual nativ (fila „Visual”), mai ales că încă din primele versiuni ale WP nu funcționează întotdeauna corect și produce erori.

Ei bine, în al doilea rând, ne vom uita la setările AddQuicktag, care pot completa setul lipsă de butoane HTML din secțiunea „Text”. Apropo, pentru mine, acest plugin a fost cel care a înclinat în sfârșit balanța în favoarea utilizării unui editor de text, deoarece cu ajutorul lui puteți adăuga aproape orice simboluri de limbaj de marcare hipertext (nu doar etichete).

Plugin avansat TinyMCE pentru WordPress - Setări și utilizare

Așadar, dacă, în ciuda tuturor „dansului cu tamburine”, editorul vizual nu funcționează în WordPress, dar totuși decideți să utilizați exclusiv fila „Vizual” în viitor, din moment ce nu aveți nici dorința, nici timpul să vă jucați. etichete, apoi încercați TinyMCE Advanced menționat.

Se poate descărca de pe site-ul oficial, de unde, apropo, vă recomand să luați toate pluginurile necesare. Instalați extensia după o schemă binecunoscută (veți găsi o descriere a tuturor acțiunilor cu pluginurile WP).

Apoi în secțiunea „Setări” - „TinyMCE Advanced” veți găsi două blocuri (în partea de sus este setul actual de butoane, care vor fi instalate implicit, iar în partea de jos este arsenalul „de rezervă”):

Personalizarea este o chestiune de drag and drop butoanele necesare de jos în sus. Și, invers, dacă nu aveți nevoie de unele opțiuni, le puteți plasa în siguranță mai jos. Aici puteți dezactiva meniul, care este activat implicit, pur și simplu debifând caseta.

Dacă lăsați meniul în starea activă, atunci nu trebuie să configurați nimic mai departe, cel puțin la început, deoarece funcționalitatea butoanelor lipsă poate fi găsită în listele derulante ale secțiunilor de meniu. Pe pagina editorului vizual va arăta astfel:


De exemplu, dacă trebuie să subliniați o bucată de text, iar setul implicit nu are butonul necesar, atunci această deficiență poate fi completată prin selectând „Subliniat” din lista derulantă „Format”.. Desigur, mai întâi trebuie să selectați cuvântul sau expresia dorită:


Sau poate doriți să inserați o formulă chimică în text. În acest caz, în aceeași secțiune, selectați "Indice"și aplicați-l la simbolul care va face obiectul acestei acțiuni:


De asemenea, setul implicit nu are opțiunea „Cod sursă”. O găsim înăuntru secțiunea „Instrumente” făcând clic pe linia corespunzătoare:

De ce este nevoie chiar de asta? Ideea este că dacă lucrezi într-un editor vizual și mergi în zonă Editor HTML WordPress atunci, și uneori este necesar. Ei bine, de exemplu, formatăm titlul unei subsecțiuni a unui articol:


Dacă treceți acum de la fila „Vizual” la „Text”, imaginea va fi după cum urmează:


După utilizare Butoanele sursă același fragment, după trecerea la fila editor de text, va obține etichetele lipsă:


Sper că acest lucru este clar, să mergem mai departe. În principiu, scopul tuturor butoanelor de formatare este intuitiv, mai ales că pluginul TinyMCE Advanced este foarte bine tradus în limba rusă. Când mutați cursorul pe orice buton, atât în ​​setări, cât și în fereastra editorului avansat propriu-zis, apar sfaturi cu instrumente.

Este suficient să spunem că TinyMCE Advanced vă permite să:

Din acest motiv, nu are rost să analizăm în detaliu toată funcționalitatea. Mă voi concentra doar pe acele butoane implicite care pot cauza dificultăți utilizatorilor începători, dar care pot fi foarte utile.

Dacă activați butonul „Lipiți ca text”, atunci tot conținutul copiat va fi lipit în formă pură. Acest lucru poate fi util dacă doriți să vă completați scrisul cu un fragment pe care l-ați copiat dintr-un document Word și să-l lipiți fără format:


Dacă este necesar, apăsați butonul „Caracter personalizat” corespunzător:


Din caseta de dialog care apare, selectați simbolul dorit care va fi inserat în fereastra editorului TinyMCE Advanced:


Ei bine, încă o opțiune pe care editorul avansat WordPress vă permite să o utilizați este numărul necesar de celule pe verticală și pe orizontală:


Dacă faceți clic pe pictograma întrebare, veți obține o listă de „taste rapide” ca opțiune alternativă care vă va ajuta să afișați caracterele de care aveți nevoie.

Setări suplimentare pentru TinyMCE Advanced

Această extensie mai are câteva opțiuni în setări, pe care le-am lăsat implicit. Cred că marea majoritate nici nu trebuie să schimbe nimic. Dar nu le pot ignora complet, pentru că poate cineva ar putea avea nevoie.

Prin urmare, să analizăm puțin acest aspect. Deci, sub opțiunile principale există trei blocuri, primul dintre care este „Opțiuni”:


În principiu, totul aici este tradus corect în rusă și ușor de înțeles. În mod implicit, doar activat Elementul „Lista setărilor de stil”., care aduce varietate în crearea de liste marcate și numerotate, ceea ce este destul de util pentru toată lumea, fără excepție.

Tocmai am încercat activați al doilea element de sus, dar mi-a plăcut mai mult meniul contextual nativ al aceluiași Chrome.

Opțiunea „Dialog de link alternativ” vă permite să adăugați un atribut nofollow acolo, dar acest lucru se poate face și prin adăugarea butonului corespunzător, așa cum s-a menționat mai sus. Așa că aici fiecare decide singur cât de mai convenabil este.

Ultimul punct al acestui bloc vă va permite să înlocuiți dimensiunea fontului existent cu una dintre cele indicate aici.

Al doilea vine blocul „Parametri suplimentari”:


De asemenea, setări nu complet inutile. De exemplu, opțiunea activată „Crearea unui meniu de clase CSS” face posibilă încărcarea , care sunt conținute în fișierul editor-style.css și servesc la afișarea elementelor aflate pe pagina editorului.

„Salvați etichetele de paragraf”. De obicei, atunci când treceți de la un editor de text la un editor vizual și înapoi, etichetele p paragraf și eticheta cratima
nu sunt salvati. Această opțiune salvează întregul cod de marcare hipertext. Dar atunci când activați această funcție, trebuie să fiți atenți și să testați mai întâi corectitudinea funcționării acesteia.

„Activați inserarea sursei imaginii”- Nici măcar nu am testat această opțiune, deoarece este potrivită doar pentru cele mai mici imagini și, în plus, nu funcționează în preferata mea Google Chrome(citiți despre instalarea și setările acestui browser).

Ei bine, al treilea bloc - "Control", unde puteți importa și exporta setări, bifați îmbunătățirile pentru editor (care, totuși, sunt deja activate implicit) și, de asemenea, restabiliți setările implicite în orice moment:


La sfârșitul acestei părți a articolului, există un videoclip de foarte înaltă calitate care vă va ajuta să învățați mai fiabil materialul pe acest subiect:

Adăugarea butoanelor de formatare lipsă în editorul de text WordPress folosind AddQuicktag

Se pare că am menționat deja de mai multe ori că la începutul activităților mele pe internet de creare a blogurilor pe WordPress, am fost dezamăgit de fila „Vizual”, deoarece utilizarea acesteia a creat unele inconveniente asociate cu erorile de afișare a conținutului paginii.

Prin urmare, după mai multe încercări nereușite de a remedia situația, am început imediat să stăpânesc versiunea text (fila Text) a editorului WP, care a accelerat dobândirea de abilități în dezvoltarea practică a limbajului de marcare hipertext (citiți despre ce este HTML).

Cu toate acestea, versiunea text implicită, precum și versiunea vizuală, nu rezistă niciunei critici în ceea ce privește funcționalitatea, deoarece setul de butoane de formatare este foarte slab și în mod clar nu este suficient pentru o muncă confortabilă atunci când scrieți articole. Apropo, am descris deja acțiunile butoanelor care sunt instalate implicit.

Din acest motiv, am început să caut un plugin potrivit care să extindă capacitățile editorului WordPress și am găsit unul în AddQuicktag. Mi-a plăcut imediat această extensie pentru că îmi permite să introduc orice caractere vreau, atâta timp cât sunt valabile în raport cu codul paginii web.

După instalarea AddQuicktag ( , și când descriam WordPress TinyMCE Advanced, am furnizat un link către material, care conține toate informațiile despre procedura de instalare și toate acțiuni posibile cu pluginuri) continuați la configurarea acestuia:


Introducem numele butoanelor panoului de formatare într-un mod care vă va fi mai convenabil să le identificați. Puteți specifica un titlu (tooltip) care va apărea după salvarea setărilor atunci când mutați cursorul pe bara de format din fereastra editorului (dar nu este necesar):


Există, de asemenea, o opțiune „Cheie de acces”, care nu este altceva decât o oportunitate de a defini „taste rapide”. Dar, din păcate, din anumite motive nu funcționează, așa că, de exemplu, am lăsat acest câmp gol.

După aceasta, determinăm numărul de serie al locației butonului de pe panou și completăm casetele de selectare, fiecare dintre acestea corespunde unui anumit tip de înregistrare. Adică, puteți specifica unde vor fi adăugate butoanele de formatare:

  • „Vizual” - în editorul vizual WordPress;
  • postare - de fapt în fila „Text” pentru scrierea articolelor pe paginile de postare;
  • pagină - către un editor de text atunci când se completează cu conținut pagini statice;
  • atașament - pentru paginile web atașate;
  • comentariu - pentru ca formularul de comentarii să fie mai convenabil pentru utilizatori să-și introducă mesajele;
  • edit comment - pentru editarea comentariilor în panoul de administrare;
  • widget-uri - pentru a umple widget-urile cu conținut.

Dar aici trebuie să rețineți că, implicit, butoanele vor funcționa doar pentru postări, pagini statice și formulare de comentarii.

Pentru alte cazuri, aveți nevoie de hack-uri speciale care trebuie plasate în fișierul functions.php al temei dvs. WordPress (veți găsi tot ce este legat de acesta în dispozitiv de fișiereși interacțiunea motorului cu șabloane). Cu toate acestea, în majoritatea cazurilor, această funcționalitate este destul de suficientă.

În principiu, puteți bifa toate casetele de selectare, cu siguranță nu se va înrăutăți. Pentru a face acest lucru dintr-o lovitură, verificați pur și simplu coloana „✔”:

Iată un exemplu de setări finalizate pentru, care este probabil cel mai popular atunci când scrieți postări:


Pluginul AddQuicktag vă permite să adăugați nu numai butoane de etichetă, ci și orice cod scurt pe care îl utilizați adesea pe paginile resursei dvs. Mai mult, aveți o oportunitate reală de a completa funcționalitatea unui editor de text prin plasarea unui fragment de text simplu sau de cod pe panou.

De exemplu, pentru aproape fiecare postare lungă folosesc un cuprins pentru subsecțiuni, așa că m-am gândit că ar fi potrivit să plasez această bucată de cod pe panoul de formatare, astfel încât să poată fi inserată cu un singur clic:


Acum, când accesați un editor de text și faceți clic pe butonul „div class="ogl"”, șablonul de cuprins va apărea în fereastra de editare:


Tot ce trebuie să fac este să intru în titlurile secțiunilor articolului și să pun link-urile necesare. Printre altele, folosesc adesea ghilimele tipografice atunci când scriu postări, așa că am adăugat această formatare în panoul editorului HTML:


Dragi cititori, astăzi vom vorbi despre comoditatea scrierii și formatării articolelor pentru un blog. Și anume despre pluginul TinyMCE Advanced pentru WordPress.

De ce aveți nevoie de un editor vizual WordPress normal?

Poate că ați luat deja sfatul din articol și vă scrieți notele prin el. Sau poate nu ți-a plăcut de ea. Și există diverse situații când nu este posibil să-l folosești și trebuie să scrii un articol prin panoul de administrare a blogului folosind un editor vizual (WYSIWYG - „Ceea ce vezi este ceea ce primești”).

WordPress are încorporat un editor vizual standard, care nu este suficient de funcțional sau ușor de utilizat. Arata cam asa:
Rolul unui editor vizual în viața unui blogger este enorm: toată lumea trebuie să proiecteze articole frumos, ordonat și convenabil pentru percepția vizuală. În plus, lucrul cu un blog ar trebui să fie o plăcere, ceea ce înseamnă că editorul ar trebui să fie convenabil și ușor de utilizat, iar funcționalitatea acestuia ar trebui să fie intuitivă.

În general, astăzi vom învăța cum să instalăm un editor vizual normal pe WordPress, iar pluginul TinyMCE Advanced ne va ajuta în acest sens.

Editorul vizual WordPress nu funcționează?

Dacă dintr-un motiv oarecare editorul vizual standard nu funcționează deloc pentru dvs., nu vă faceți griji, nu aveți nevoie de el. Continuați imediat să instalați pluginul TinyMCE Advanced, care vă va oferi un editor vizual avansat, cu drepturi depline în WordPress.

Instalarea pluginului TinyMCE Advanced pentru WordPress

Instalarea este standard. Cel mai convenabil mod este să copiați numele pluginului „ TinyMCE avansat» în căutarea pluginurilor și instalarea. De asemenea, puteți descărca pluginul TinyMCE Advanced de pe site-ul oficial WordPress. Dacă nu știi cum să-l instalezi, învață.

Configurare plugin


Cum să dezactivați Editorul vizual WordPress

Dacă dintr-o dată sunteți fluent în HTML și editorul vă deranjează doar cu erorile și erorile sale, poate doriți să-l dezactivați. În WordPress acest lucru se face astfel: mergeți la secțiune „Utilizatori”, selectați utilizatorul și veți vedea că primul element de setare este o casetă de selectare „Dezactivați editorul vizual”. Bifați caseta și editorul nu va mai fi afișat.

Funcționalitatea și beneficiile editorului TinyMCE Advanced

După ce ați terminat de configurat editorul, deschideți orice articol și bucurați-vă! Acum arată ca un editor serios precum MS Word. Editorul vizual TinyMCE Advanced pentru WordPress are multe caracteristici care vă vor ajuta să proiectați articole după cum doriți. Voi enumera pe cele principale:

  • Formatarea textului cu un singur clic: bold, italic, subliniat etc. Nu uitați să selectați mai întâi secțiunea de text pe care doriți să o formatați.
  • Aliniați textul la stânga, dreapta, centru și lățime.
  • Adăugarea listelor cu marcatori și numerotate
  • Stiluri pentru paragrafe și titluri
  • Citate și abrevieri
  • Adăugarea și editarea fișierelor media
  • Selectarea culorii, mărimii și tipului de font
  • Selectarea unui fundal pentru text
  • Lucrul cu tabele

Acestea sunt doar câteva dintre caracteristicile editorului vizual TinyMCE. Pentru o listă completă a funcțiilor cu o descriere a funcționării acestora, citiți următorul articol. Instalarea pluginului TinyMCE Advanced pentru WordPress și stăpânirea acestor instrumente vă vor permite să proiectați rapid și precis orice articol de blog. În articolul următor voi vorbi în detaliu despre toate capacitățile și funcțiile sale.