Pinegrow WP este un editor web pentru crearea de șabloane WordPress. Editor de text și vizual WordPress

27.07.2019 Efecte de text

Dezvoltatorii WordPress lucrează în mod constant la noi funcții pentru a îmbunătăți acest sistem de gestionare a conținutului. Dar mai întâi, aceste funcții sunt lansate ca extensii pentru a se dezvolta independent, în afara nucleului WordPress, și abia apoi devin parte a sistemului. Una dintre aceste funcții viitoare este pluginul editorului de articole vizuale Front-end Editor, pe care îl puteți instala pe site-ul dvs. chiar acum.

Probleme cu editorul vizual implicit WordPress

Pe în acest moment, pentru a crea postări în WordPress, cu siguranță va trebui să accesați editorul vizual standard făcând clic pe butonul „Adăugați” din partea de sus a ecranului sau selectând elementul corespunzător din panoul de administrare. Există câteva probleme cu această metodă. Mai întâi, trebuie să părăsiți pagina principală și să încărcați una nouă. În al doilea rând, conținutul editat va fi ușor diferit de rezultatul real al articolelor.

Chiar dacă editorul vizual al WordPress se numește WYSIWYG (ceea ce vezi este ceea ce obții), conținutul său arată diferit de ceea ce vezi pe site-ul tău - în cadrul temei tale.

Desigur, puteți oricând să verificați cum va arăta de fapt conținutul postării dvs. editate făcând clic pe „Vizualizare” și accesând pagina de pornire a site-ului dvs. Dar problema este că va trebui să faceți orice ajustări orbește, prin panoul de administrare, apoi să reveniți la cel principal. Toate acestea sunt destul de simple, dar durează mult, mai ales dacă trebuie să lucrezi cu un număr mare de postări.

Folosind editorul vizual Editor front-end

Instalare plugin gratuit Editor front-end, aveți posibilitatea de a crea și edita postări direct pe pagina principală a site-ului dvs. Nu mai trebuie să accesați pentru a crea și edita intrări, apoi reveniți la site pentru a verifica rezultatele lor pe pagină.

Creați o pagină sau un articol

De obicei, făcând clic pe butonul „Adaugă” te va redirecționa către editorul wysiwyg din tabloul de bord WordPress. Pluginul Front-end Editor vă permite să rămâneți pe site-ul principal și vă permite să creați o pagină direct pe acesta. Pur și simplu introduceți titlul dorit unde scrie „TITOLU” și conținutul unde scrie „Doar scrie...”. Dacă faceți clic o dată pe această inscripție, va apărea un link permanent pentru pagină, care poate fi schimbat în fereastra pop-up.

Crearea de postări cu Editorul Front-end este similară, dar cu posibilitatea de a adăuga o categorie. Pentru a face acest lucru, faceți clic pe locul în care sunt afișate numele categoriilor în șablonul dvs. După care, în fața ta va apărea o fereastră în care poți marca categoriile necesare pentru postări, precum și să creezi altele noi și să selectezi categoriile părinte pentru acestea.

Adăugarea de conținut

Când faceți clic oriunde în câmp pentru a introduce conținutul înregistrărilor, butonul „Adăugați bloc” apare în fața dvs. Vă permite să plasați blocuri în care este afișat conținut variat al articolelor. Aceste blocuri includ:

Dacă nu doriți să plasați aceste blocuri, puteți începe să introduceți text. Pentru a afișa din nou butonul „Adăugați bloc”, trebuie pur și simplu să faceți o întrerupere de linie. De asemenea, puteți șterge oricare dintre blocuri sau îl puteți tăia și lipi în altă parte, dacă are conținut. Vă rugăm să rețineți că blocurile rămase fără conținut vor ajunge să arate ca spații goale pe site-ul principal.

Formatarea textului

Când creați articole, puteți formata oricând conținutul textului. Pentru a face acest lucru, pur și simplu selectați oferta dorită sau faceți dublu clic pe cuvântul potrivit. După aceasta, va apărea o mică fereastră în care puteți selecta următoarele tipuri de formatare:

  • Tipare aldine;
  • cursive;
  • Striat;
  • Legătură;
  • Citat;
  • Titlurile H2 și H3.

Din păcate, pluginul nu are alte tipuri de formatare, dar acest lucru este suficient pentru a corecta rapid intrările. În plus, nimic nu te împiedică să mergi la editorul vizual standard WordPress, care are o listă mai extinsă de etichete.

Atașarea media

Când adăugați un bloc cu fișiere media la textul articolelor, vi se deschide o bibliotecă unde puteți selecta fișiere existente sau puteți încărca altele noi. Acesta este ecranul standard de adăugare media WordPress, deci are toate funcțiile necesare, cum ar fi: crearea unei galerii, setarea unei imagini de previzualizare, inserarea dintr-o adresă URL, încărcarea fișierelor, modificarea setărilor imaginii.

După inserarea imaginii, puteți da clic pe ea pentru a seta alinierea. De asemenea, puteți selecta creionul pentru a merge la parametrii imaginii, care vor fi afișați într-o fereastră pop-up. În mod similar, pluginul vă permite să faceți ajustări la galeria de imagini.

Comutați la editorul vizual standard

Datorită capacităților pe care le aduce pluginul Front-end Editor, majoritatea modificărilor aduse textului postărilor se pot face direct pe pagina principală, cu excepția Setări SEO, precum și unele Etichete HTML. Dar indiferent unde vă aflați pe site, puteți oricând să accesați editorul vizual avansat făcând clic pe butonul „Editați în admin” din meniul de editare post.

În cazul în care doriți să reveniți la modificarea conținutului postărilor direct pe site-ul principal, puteți pur și simplu să faceți clic pe „Vizualizare”. Aceasta vă va duce la pagina relevantă, dar nu veți putea modifica imediat conținutul. Pentru a continua ajustarea textului, va trebui să faceți clic pe „Modificați” sau „Editați”

Salvare și publicare

În meniul de editare a postărilor din partea de sus a ecranului, le puteți salva sau publica. În același timp, indiferent de elementul pe care îl selectați, veți rămâne în aceeași fereastră și veți primi o notificare corespunzătoare. În acest fel, puteți continua să faceți modificări textului postărilor și, în același timp, să vă uitați la rezultatul rezultat.

Care este viitorul editorului front-end

Probabil că într-o zi acest plugin va fi integrat în WordPress ca o caracteristică de bază. Până atunci, îl poți folosi pentru a putea avea un adevărat mod wysiwyg, independent de șablonul instalat. Veți putea vedea rezultatul articolelor așa cum vor arăta de fapt, deoarece le veți crea direct pe pagina principală a site-ului. Acest lucru vă va arăta cum vor fi văzute imaginile și conținutul text de către utilizatori, fără a fi nevoie să faceți tranziții inutile, ceea ce va grăbi fără îndoială procesul de scriere a postărilor.

Concluzie

Pe lângă un număr mare de avantaje, pluginul Front-end Editor are și câteva dezavantaje. Practic, ele sunt asociate cu unele erori, care, însă, nu-l împiedică să funcționeze. De exemplu, există probleme cu salvarea și publicarea postărilor la activarea unuia dintre șabloanele standard WordPress, precum și erori minore la modificarea conținutului. Indiferent, acesta este un plugin grozav care vă poate economisi o cantitate enormă de timp atunci când creați conținut, precum și vă poate oferi o experiență wysiwyg reală.

(Ultima actualizare: 20.01.2019)

Bună ziua! Începând cu această săptămână, mă voi concentra cât mai mult pe subiect – cele mai utile și necesare plugin-uri pentru WordPress. Cele necesare care trebuie instalate imediat după crearea unui site web/blog, puteți citi despre unele dintre ele în acest blog. Astăzi vă voi concentra atenția asupra unui plugin WordPress TinyMCE avansat. Acest modul aparține categoriei - instalare dacă este posibil, adică la cererea dumneavoastră sau recomandat în alt mod. Deși poate fi clasificat ca - trebuie instalat pentru un design bun al articolelor. Ceva de genul acesta.

Editor clasic WordPress

În primul rând, doamnelor și domnilor, înainte de a ajunge la subiectul principal al articolului - instalarea și configurarea editorului TinyMCE Advanced pentru wordpress, trebuie să efectuați pași suplimentari. Pentru ce? În WordPress 5, în locul editorului clasic, a fost introdus noul editor de blocuri Gutenberg. Noul editor Gutenberg este cu siguranță cool, dar este nevoie de timp pentru a stăpâni și a te obișnui cu el. Prin urmare, primul lucru pe care trebuie să-l facem este să returnăm editorul clasic, adică vechiul editor WordPress cu care suntem cu toții atât de obișnuiți. Deși acest lucru nu este necesar.

Dacă doriți să continuați să utilizați editorul anterior (clasic) în WordPress 5.0 și mai nou, TinyMCE Advanced 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 Classic Editor.

Vă rugăm să rețineți că pluginul TinyMCE Advanced funcționează atât cu blocurile Gutenberg clasice, cât și cu cele noi.

Preferi să stai cu vechiul editor clasic? Nici o problemă! Nu este de mirare că peste 1 milion de utilizatori au instalat deja vechiul editor. Pluginul Classic Editor va rămâne acceptat în WordPress până în 2021 inclusiv.

Pluginul Classic Editor


Pluginul Classic Editor

Editorul clasic este un plugin oficial al echipei de dezvoltare WordPress care restabilește versiunea clasică veche a editorului și a ecranului de editare post. Pentru a-l instala, accesați Plugins - Adaugă nou - Introduceți numele pluginului. Pe pagina modulelor, faceți clic pe butonul „Instalare” de lângă Editorul clasic.


Instalarea editorului clasic

După instalare, faceți clic pe „Activare”. După aceea, accesați Setări - Scriere. Aici, setați Editorul implicit la Editorul clasic și Permiteți utilizatorilor să comute editorii la Da (puteți trece la editorul de blocuri și invers):


Configurarea publicării în WordPress

Toate! Acum, pentru a adăuga noi funcții pentru editori, avem nevoie de următorul plugin.

Plugin avansat TinyMCE


TinyMCE Advanced introduce blocarea de paragrafe clasice și modul hibrid pentru noul editor de blocuri (Gutenberg)

TinyMCE avansat - editor pentru WordPress. Versiunea 5.0 este o actualizare majoră pentru TinyMCE Advanced. Introduce butoane și setări suplimentare pentru barele de instrumente Rich Text din Editorul de blocuri. Similar cu barele de instrumente Classic Editor, majoritatea butoanelor pot fi adăugate, eliminate sau rearanjate.

Descrierea pluginului

Pluginul introduce blocul Paragraf clasic și modul hibrid pentru noul editor de blocuri Gutenberg. Dacă nu sunteți pregătit să treceți la Editorul de blocuri, este mai bine să utilizați blocul Paragraf clasic și Modul hibrid. Vă permite să continuați să utilizați editorul familiar TinyMCE pentru majoritatea sarcinilor, oferindu-vă în același timp acces deplin la toate blocurile și noile funcții din editorul de blocuri.

Pluginul vă va permite să adăugați, să eliminați și să plasați butoanele care apar pe bara de instrumente a editorului vizual în paragraf clasic și blocuri clasice în noul editor de blocuri, precum și în editorul clasic (dacă este activat de plugin). Acolo, puteți personaliza până la patru rânduri de butoane, inclusiv dimensiunea fontului, familia de fonturi, culorile textului și de fundal, tabele și multe altele.

Unele caracteristici

  • Modul hibrid care vă permite să utilizați tot ce este mai bun dintre ambele editoare.
  • Include un bloc Paragraf clasic care poate fi folosit în locul sau împreună cu blocul de paragraf implicit.
  • Acceptă conversia majorității blocurilor implicite în paragrafe „clasice” și din paragrafele clasice înapoi în blocuri implicite.
  • Suport pentru crearea și editarea tabelelor în Classic Blocks și Classic Editor.
  • Opțiuni suplimentare la inserarea listelor în blocuri clasice și în editorul clasic.
  • Găsiți și înlocuiți în blocurile clasice și în editorul clasic.
  • Abilitatea de a seta familia de fonturi și dimensiunile fonturilor în blocuri clasice și în editorul clasic.
  • Și multe altele.

Și așa, adăugăm funcționalitatea editorului WordPress.

Instalarea și configurarea pluginului TinyMCE Advanced

Instalarea pluginului este standard, prin panoul de administrare WordPress. Pluginuri - Adăugați noi și introduceți numele TinyMCE Advanced în câmpul de căutare:


Instalarea și activarea pluginului

După instalarea și activarea cu succes a TinyMCE avansat, în secțiunea „Setări” veți vedea o subsecțiune cu același nume de modul - TinyMCE Advanced, faceți clic. Și suntem duși la pagina de setări pentru a adăuga butoane la panoul editor și diverse funcții la editorul tău clasic și bloc (Gutenberg). Fila Editor TinyMCE Classic:

Setări Editor WordPress

Procesul de configurare a editorului vizual clasic nu este deloc complicat. Totul este complet în rusă. După cum puteți vedea, aveți patru câmpuri și butoane neutilizate. Cu un simplu clic de mouse, plasați/trageți butoanele pe panou sau trageți-le pentru a le schimba ordinea.

Puțin mai jos pe pagină, configurați Setări, Setări avansate și Management.

Configurarea noului editor Gutenberg

Desigur, nu-ți voi arăta cum să lucrezi cu butoanele, dar tu însuți știi mai bine decât mine. Voi observa doar că acum puteți introduce cu ușurință un tabel în articol. Configurați-l și setați parametrii necesari:


Și butonul Anchor (navigarea în articol) este util - mulți bloggeri îl folosesc la maxim. Butonul articol este, de asemenea, un lucru util. Probabil asta e tot pentru ziua de azi. Lucrul cu noul și vechiul editor va fi acum cool. Cu noile funcții, veți obține articole frumos concepute.

Și îmi iau rămas bun de la tine. Până data viitoare. La revedere tuturor și succes.

Salutare tuturor!. Astăzi vom vorbi despre un loc în care vei petrece o cantitate imensă de timp pe blog. Acest loc este! La urma urmei, în ea vei scrie articole noi și le vei publica pe blogul tău. WordPress oferă două versiuni ale editorului - vizual și text. Să ne uităm la caracteristicile fiecăruia dintre ele și să învățăm cum să adăugați noi funcționalități.

Editor vizual WordPress și Plugin Ultimate TinyMCE

Editorul vizual WordPress este similar ca aspect și funcționalitate cu Word, cu care aproape toată lumea este familiarizată. Din păcate, în mod implicit funcționalitatea sa este foarte slabă, ceea ce limitează semnificativ opțiunile de formatare a textului. Această problemă Soluția este rezolvată excelent de pluginul Ultimate TinyMCE, care adaugă un număr mare de tot felul de butoane noi.

Pluginul este instalat ca standard - descărcați Ultimate TinyMCE, despachetați arhiva și încărcați folderul cu fișierele plugin pe server în directorul wp-content/plugins. Activați și accesați setările sale în secțiunea „Opțiuni” - „Ultimate TinyMCE”.

În mod implicit, toate butoanele din editorul vizual WordPress sunt aranjate pe două rânduri. Pentru a afișa al doilea rând, utilizați butonul „Afișare/Ascunde panoul suplimentar”. Puteți ghici funcționalitatea fiecărui buton după pictograma de pe acesta sau după sfatul instrument care apare când treceți mouse-ul peste el. Ultimate TinyMCE adaugă încă aproximativ 40 de funcții noi și două rânduri suplimentare de butoane.

De fapt, toate setările Ultimate TinyMCE se rezumă la marcarea butoanelor de a căror funcționalitate aveți nevoie și alegerea unui rând pentru ele. Descrierea din setări este în engleză, dar după ce le-ai adăugat la editor, sfaturile vor fi în rusă. Deși în majoritatea cazurilor vă puteți da seama fără niciun indiciu.

Să luăm în considerare numai opțiuni suplimentare, care sunt prezentate în partea de jos a setărilor:

Schimbați culoarea Editorului— schimbă culoarea blocului cu butoane în editorul vizual WordPress.

Activați butonul NextPage (PageBreak).- adaugă funcția NextPage pentru .

Adăugați o coloană ID la lista de administratori a paginii/postării— se adaugă o nouă coloană la pagina de administrare WP cu liste cu toate articolele și postările, care indică ID-ul fiecărei postări/pagini de blog. Poți citi.

Permiteți utilizarea codurilor scurte în zonele de text widget— vă permite să utilizați un „cod scurt” în widgetul „Text”. Shortcode este conceput pentru a adăuga rapid cod, NextGEN Gallery și alte plugin-uri la textul paginii.

Utilizați PHP Text Widget - vă permite să utilizați cod php în . Codul este interpretat și rezultatul muncii sale este afișat pe pagina blogului.

Enable Line Break Shortcode - adaugă o etichetă Break la „Coduri scurte”, care este concepută pentru a adăuga o linie goală textului.

Activați codurile scurte pentru coloane - se adaugă la „Coduri scurte” număr mare etichete responsabile cu formarea coloanelor de text.

Activați butonul avansat de inserare/editare link— adaugă o capacitate avansată de inserare/editare a link-urilor.

Activați butoanele „Div Clear” – adaugă Div Clear ambele butoane, stânga și dreapta, concepute pentru a anula float-ul elementului, care este setat folosind proprietatea float.

Eliminați etichetele p și br - dezactivează inserarea automată a etichetelor p (paragraf) și br (spărțire de linie). Dacă nu doriți să specificați manual eticheta p pentru fiecare paragraf, atunci este mai bine să nu atingeți această opțiune.

Adăugați un cod scurt de semnare - puteți seta o expresie folosită frecvent și o puteți introduce în articole folosind eticheta de semnare din codul scurt.

Editor de text WordPress și butoane Post Editor și plugin-uri AddQuicktag

Mulți oameni consideră că codul creat în editorul vizual WordPress este murdar, adică conține etichete și stiluri inutile care ar trebui mutate corect în fișierul de stiluri al temei WP utilizate. Versiunea text a editorului WordPress vă oferă mai multă putere asupra codului. Acolo, toate etichetele sunt introduse manual, cu excepția etichetelor de paragraful (p) și de întrerupere de linie (br), acestea sunt adăugate automat.

Totul este bine, dar din nou nu există suficientă funcționalitate. Pentru a face față acestei probleme, puteți utiliza plugin-ul Post Editor Buttons.

Descărcați cea mai recentă versiune a Post Editor Buttons. Pluginul este instalat ca standard. Setările pluginului sunt situate la „Parametri” - „Butoane Post Editor”.

Totul este foarte simplu acolo:

  • Legendă — numele butonului pe care îl adăugăm;
  • Înainte - etichetă de deschidere;
  • După - etichetă de închidere;
  • Șterge - șterge.

Scuze, pe blogul meu Butoanele editorului de posturi nu funcționează. Butoanele create în el pur și simplu nu sunt adăugate. A fost o alternativă excelentă Plugin AddQuicktag.

Descărcați cea mai recentă versiune de AddQuicktag. Pluginul este instalat ca standard, setările sale sunt situate în secțiunea „Setări” cu același nume - „AddQuicktag”. Am adăugat patru noi coloane de opțiuni pe care nici măcar nu le folosesc.

Principalele sunt în continuare aceleași:

  • Buton Etichetă - nume;
  • Start Tag (e) - etichetă de deschidere;
  • End Tag (e) - etichetă de închidere.

Vă mulțumim pentru atenție! Asta e tot. Aveți grijă de dumneavoastră.

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 Editorul de blocuri sau dacă aveți pluginuri care nu pot fi utilizate acolo (încă), utilizarea blocului Paragraf clasic și a modului 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 până la patru rânduri de butoane, inclusiv dimensiunea fonturilor, familia de fonturi, culorile textului și de fundal, tabele etc.

În acest sens, TinyMCE Advanced nu afectează în vreun fel confidențialitatea utilizatorului site-ului dvs.

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”.

Întrebări frecvente

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ă „Dezactivați editor vizual când scrieți" este caseta de selectare de sub "Utilizatori - Profilul dvs.". 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 de pornire TinyMCE Advanced.

Recenzii

Participanți și dezvoltatori

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

Participanții

Jurnalul modificărilor

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.
  • A fost adăugată opțiunea de înlocuire a Editorului de blocuri 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.
  • S-au adăugat câteva CSS remediate pentru Classic Block.
  • S-a rezolvat (eliminat) setarea CSS inline pentru celulele tabelului la inserarea unui tabel. CSS inline este încă adăugat 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 pe mai multe site-uri.
  • 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 compatibilitatea 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.
  • Opțiuni standard separate ș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 în 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 mai 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 actualizat „tabel” care acceptă culoarea fundalului și a chenarului.

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 link rel setare. Înlocuiește dialogul Inserare/Editare link atunci când este activat.
  • Includeți pluginul „tabel” actualizat care are suport pentru aliniere 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țiunea 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 aranja a ta barele de instrumente și activează/dezactivează pluginurile corespunzătoare în funcție de butoanele utilizate.

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 că în viitor veți găsi recenzii ale tuturor pe paginile acestui blog Am vorbit deja despre unele module, dar majoritatea sunt încă de făcut. 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ă existe un sistem funcțional, instrument de calitate. În mod implicit, WordPress are propriul editor, dar tot aș recomanda instalarea TinyMCE Advanced. Iată cum arată în acțiune acum în zona de administrare a blogului 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
  • includere modul ecran complet, precum și afișarea unui rând suplimentar de taste funcționale pentru editor de text TinyMCE avansat
  • 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ă opțiunea de a converti caracterele text pentru emoticoane în imagini din setările admin din meniul „Scriere”)
  • 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 a capacităților 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 ultima versiune Pluginul 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, Context Menu, Emotions (Smilies), Data and Time, IESpell, Layer, Nonbreaking, Print, Search and Replace , Stil, Tabel, Caractere vizuale și Extra XHTML. Toate acestea pot fi realizate prin instalarea unui singur TinyMCE Advanced! Pe lângă 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 în editor în TinyMCE Advanced css personalizat fişier de stil - 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ă decizie creează o paletă de culori bogată în editor + adaugă încă una functie utila. 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 de a adăuga Fonturi Google prin CSS obișnuit stiluri.

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