TinyMCE Advanced este un editor WordPress avansat. Cum se schimbă editorul vizual de postări în WordPress

Cândva mă gândeam la un proiect interesant - un editor vizual pentru crearea unui șablon WordPress direct din panoul de administrare. Astăzi vă voi spune despre un produs similar, dar mai funcțional și mai puternic - . Aceasta este o versiune separată a editorului web profesional pentru desktop Pinegrow, care este folosită pentru a crea site-uri web cu receptivitate, scripturi, Bootstrap și alte caracteristici. Deci Pinegrow WP este un add-on special care vă permite să creați șabloane WordPress.

Caracteristicile cheie ale Pinegrow WP:

• Conversia layout-urilor HTML statice în teme WordPress - selectați anumite elemente de șablon și selectați parametrii corespunzători pentru acestea.
• Crearea de șabloane WP de la zero folosind un editor vizual - doar adăugați elementele necesare în pagină (bară laterală, listă de postări etc.)

• Suport pentru 175 de etichete WordPress - vă permite să găsiți rapid valorile necesare pentru elementele de aspect HTML (titlul postării, data, numele autorului).
• Suport pentru pluginuri și funcții PHP - puteți selecta nu numai etichete WordPress ca parametri de element, ci și seta variabile și adăuga funcții PHP.
• Vizualizarea în timp real a temei WordPress creată vă permite să vedeți ce se întâmplă după setări.
• Vizualizați codul PHP generat pentru aspect.

În plus, puteți lucra direct cu conținutul site-ului dvs. WordPress importând imagini în Pinegrow WP. Ieșirea pe care o primiți este cod PHP/HTML pur, serviciul nu adaugă elemente inutile la aspectul de bază.

Iată un scurt videoclip despre cum funcționează Pinegrow WP:

Puteți testa singur acest software. Pentru a face acest lucru, descărcați programul de pe site-ul oficial (există versiuni pentru Windows, Mac și Linux). După instalare, solicitați o cheie de licență temporară gratuită (pentru 7 zile). Introduceți parola care vine pe adresa dvs. de e-mail și sunteți autentificat în sistem.

În setări (pictograma roată) Framework & Plugin Manager pentru index.html, selectați WordPress, apoi încărcați un șablon HTML. Apoi, faceți clic pe anumite elemente de aspect și selectați funcțiile WordPress corespunzătoare pentru acestea. De exemplu: pentru o imagine - the_post_thumbnail, pentru un titlu - the_title, pentru o dată - the_data etc. Adică, utilizatorul nu trebuie să știe exact cum să seteze acest sau acel element în WordPress, doar căutați-l în funcțiile disponibile și adăugați-l la aspect. Setând toate blocurile de pe pagină la valoarea corespunzătoare, veți obține în cele din urmă un șablon WordPress funcțional pentru export. Algoritmul este aproximativ acesta, deși va trebui să înțelegeți mai detaliat programul Pinegrow WP (există o mulțime de funcții și setări diferite).

În general, Pinegrow WP este foarte puternic, dar nu gratuit. O licență personală (pentru 3 computere) costă 99 USD. Îl poți folosi pentru câte proiecte vrei! Există licențe pentru companii și echipe de dezvoltare. În principiu, programul este necesar tocmai în aceste scopuri - dacă dvs. sau compania dvs. creați profesional site-uri web (inclusiv pe WordPress), atunci acest software vă va fi la îndemână.

Editorul vizual a fost actualizat TinyMCE la cea mai recentă versiune. Cu toate acestea, chiar și editorul actualizat are doar funcții de bază, care lipsesc în mod clar pentru orice blogger mai mult sau mai puțin avansat. Plugin TinyMCE avansat extinde capacitățile editorului standard prin adăugarea a aproximativ 15 plugin-uri diferite la acesta - de la selectarea fonturilor la inserarea tabelelor. Există multe pluginuri similare, dar TinyMCE avansat cele mai populare dintre ele, așa că vă sfătuiesc să-i acordați atenție.

1 Despachetați arhiva.

2 Copiați folderul tinymce-avansat V /wp-content/plugins/.

3 Accesați panoul de administrare a blogului din „fila” Pluginuri" și activați pluginul.

Setările pluginului se află în „ Setări\TinyMCE Advanced„. Nu vă fie teamă că pluginul nu este tradus în rusă - pluginurile în sine sunt TinyMCE Aproape totul este tradus în rusă, deci nu aveți nevoie de cunoștințe de engleză. Da, iar setările de aici au făcut pisica să plângă - de fapt, trebuie doar să folosiți mouse-ul pentru a trage butoanele necesare pe bara de instrumente a editorului vizual. Da, și acest lucru nu este obligatoriu - aproape totul este duplicat în meniul editorului:

Apropo, meniul poate fi dezactivat prin prima setare a pluginului:

Butoanele în sine sunt în engleză, dar este ușor de înțeles ce înseamnă:

După cum puteți vedea, totul în setările pluginului este în engleză, dar atunci când editați o postare, toate inscripțiile în limba engleză sunt traduse automat în rusă. Chiar dacă nu înțelegeți ceva, plasați un buton pe panou, salvați setările, treceți la editarea intrării și vedeți ce înseamnă acest buton sau acela.

Nu este o idee bună să adăugați fiecare buton posibil în bara de instrumente, deoarece nu veți avea niciodată nevoie de multe dintre butoane. Mai mult, este mai bine să eliminați unele butoane din cele care sunt deja acolo. Cu cât editorul este mai simplu, cu atât este mai convenabil și mai eficient de utilizat.

Printre noile caracteristici ale editorului, aș dori să remarc inserarea de tabele:

Câteva clicuri și tabelul este gata. Un tabel foarte primitiv, dar pentru majoritatea bloggerilor acest lucru este complet suficient.

Butonul „Găsiți și înlocuiți” afișează următorul dialog:

Sincer, nu înțeleg de ce această funcționalitate nu este disponibilă implicit în editor. Aceasta este o tendință comună în rândul diferiților editori, chiar și în mod implicit nu există o funcție de căutare și înlocuire. Deși personal folosesc această funcție foarte des în diverse editoare de text.

Posibilitatea de a selecta fontul și dimensiunea:

Aceasta este, de asemenea, o funcție foarte utilă, care vă permite să formatați textul articolului dvs. așa cum doriți, fără a edita stilurile de șablon.

Personal, mi se pare foarte utilă funcția „Block View”:

Vă permite să evaluați vizual modul în care este formatat textul dvs. Acest lucru este important deoarece este adesea foarte dificil de înțeles într-un editor vizual cum este formatată această sau acea bucată de text. Sau de unde provin indentările suplimentare dintr-o bucată de text:

În editor WordPress Etichetele de paragraf și de sfârșit de rând sunt plasate automat și nu le vedeți deloc. Orice text după care apăsați „Enter” este preluat în etichete de paragraf, pe care nu le puteți vedea chiar dacă treceți la fila „Text” a editorului vizual.

Uneori, acest comportament al editorului provoacă o stupoare completă. De exemplu, în această captură de ecran puteți vedea că textul este inclus în etichete

s-a dovedit automat a fi împachetat în etichete de paragraf

. Acest lucru este foarte important atunci când creați un șablon nou sau editați stilurile unui șablon existent.

Apropo, plugin TinyMCE avansat face posibilă vizualizarea codului sursă real al textului dvs., fără etichete tăiate. Pentru a face acest lucru, în meniul „Instrumente”, selectați elementul de meniu „Cod sursă”:

Această funcție vă va permite să vedeți codul sursă real al articolului dvs., mai degrabă decât cel pe care îl vedeți când treceți la fila Text. De exemplu, în fila „Text”, codul ar putea fi astfel:

Și când utilizați funcția „Cod sursă”, veți vedea:

Adică, veți vedea textul dvs. cu etichete de paragraf deja plasate. Și acesta va fi exact codul care va fi afișat în postarea dvs. publicată pe site. Când am început să lucrez cu WordPress, acest comportament al redactorului m-a înfuriat teribil. Dar majoritatea utilizatorilor sunt mulțumiți de acest lucru - la urma urmei, nu trebuie să se gândească la formatarea textului, editorul face totul singur.

Pluginul extinde, de asemenea, capacitatea de a insera liste standard. Editorul implicit are un singur tip de listă:

Pluginul vă permite să inserați liste de diferite tipuri:

Un buton distractiv care vă permite să evaluați cum va arăta un emoticon într-o postare publicată, deoarece în editorul vizual emoticoanele vor fi în continuare afișate sub formă de text. Doar nu uita să mergi la " Setări\Scriere"și verificați opțiunea" Transformați emoticoanele precum :-) și :-P în imagini".

De fapt, aici voi termina revizuirea noilor funcții ale editorului vizual. Încercați singur butoanele și funcțiile rămase.

Acum merită menționat setările care se află sub panoul pentru selectarea butoanelor neutilizate:

În mod implicit, doar opțiunea " Listează opțiuni de stil", care include opțiuni avansate pentru inserarea listelor, despre care am scris mai sus. Opțiune " Meniul contextual„include meniul contextual al pluginului, numit când faceți clic dreapta în editor:

Acesta este un meniu complet inutil care constă aproape în întregime dintr-un meniu de inserare la masă. Încă nu înțeleg de ce este nevoie - meniul contextual nativ al browserului este pur și simplu mult mai util. Următoarea opțiune se referă la dialogul Insert Links. În mod implicit, acest dialog arată astfel:

Plugin-ul îl poate înlocui cu acesta:

Adică, de fapt, dialogul de plugin vă permite doar să vă înregistrați pentru link-uri, iar orice altceva se află în dialogul standard pentru adăugarea de link-uri. Indiferent dacă aveți nevoie de această funcție de plugin sau nu, decideți singur.

Ultima parte a setărilor pluginului este setările „avansate”:

Ce s-a întâmplat editor-styles.css si de ce este nevoie? Acest fișier stochează stiluri de șablon care ar trebui aplicate în editorul vizual. Voi explica cu un exemplu, să spunem că există o intrare în editor cu un citat:

Când este publicată, această postare din șablonul de blog va arăta astfel:

Să creăm un fișier editor-styles.cssîn folderul șablon cu acest cod:

add_editor_style("editor-style.css");

Reîmprospătăm pagina de editare a postărilor și vedem:

Astfel, în editorul vizual poți obține același tip de postare ca și în forma publicată. Opțiune de plugin pentru a importa fișierul editor-styles.css servește la încărcarea conținutului acestui fișier, dacă se află în șablon în funcții.php nu există un apel direct la acest fișier. Dar, dacă ați creat deja acest fișier, atunci scrieți o linie funcții.php nu va fi greu pentru tine.

Toate cele mai recente șabloane implicite în WordPress conține suport pentru stiluri pentru editorul vizual. La fel ca unele șabloane premium. Dar în marea majoritate a cazurilor nu există fișiere editor-styles.css nu în șabloane, această caracteristică la modă și convenabilă nu este încă populară printre dezvoltatorii de șabloane, dar în zadar.

Cea mai recentă setare a pluginului face ca editorul să afișeze etichete de paragraf și de întrerupere de linie în fila Text. Adică, atunci când editați o postare, totul va fi la fel, dar în fila „Text” veți vedea marcajul complet html și nu va mai trebui să utilizați funcția „Cod sursă” pentru aceasta. Cu toate acestea, editorul va fi în continuare ciudat cu formatarea sa automată. De exemplu, iată codul:

După trecerea la „Vizual” și înapoi la „Text”, se va transforma în:

Adică, editorul a eliminat o întrerupere de linie, luând celelalte două pauze în etichete de paragraf. În esență, rezultatul este același - 3 linii de indentare. Dar este încă neplăcut - nu-mi place când un program se consideră mai inteligent decât utilizatorul. La urma urmei, în șablonul meu pot avea indentări scrise atât mai sus, cât și dedesubt pentru etichetele de paragraf și, ca rezultat, vizual nu vor mai fi 3 linii de indentare, ci toate cele 4. Dar, ei bine, deja mă pricep.

Oricum, folosind plugin-ul TinyMCE avansat crearea și editarea postărilor de blog este mult mai convenabilă. Așa că acordați atenție dacă încă utilizați editorul încorporat în motor.

Pentru site trebuie să înveți un editor de text pentru WordPress.

Font

Butoane care înfățișează literele latine B, I, U, ABC.

• Când apăsați „B”, textul evidențiat devine aldin.
• Când faceți clic pe „I”, acesta va deveni italic.
• Cu ajutorul lui „U” va deveni subliniat.
• Când faceți clic pe „ABC”, acesta va fi tăiat.

Inserarea textului

Pentru a lipi text fără formatare, faceți clic pe butonul cu pictograma „T” pe el.

Dacă doriți să eliminați formatarea textului, selectați un fragment și apăsați butonul de șters.

Pentru a anula o acțiune, faceți clic pe butonul cu o săgeată la stânga, iar pentru a returna o acțiune, faceți clic în dreapta.

Evidențierea titlurilor

Pentru a facilita navigarea cititorului în text, trebuie să utilizați titluri. Există diferite niveluri de titluri: primul, al doilea, al treilea, ..., al șaselea.

Titlurile variază ca mărime.

Titlul 1 este folosit pentru titlul articolului. Iar titlurile rămase sunt folosite direct în textul articolului.

Folosesc doar antete de nivel al doilea și al treilea și nu am nevoie deloc de restul

Schimbați culoarea textului

Pentru a schimba culoarea textului, faceți clic pe butonul „A”, nu uitați să selectați fragmentul înainte de a face acest lucru. Va apărea o paletă de tot felul de culori. Alege ceea ce ai nevoie.

Alinierea textului

Butoanele de aliniere a textului vă permit să poziționați textul:

• pe marginea stângă;
• în centru;
• pe marginea dreaptă;
• în lățime.

Folosind două butoane cu săgeți dreapta și stânga, puteți muta fragmentul selectat în direcțiile corespunzătoare.

Puteți folosi o linie orizontală pentru a separa textul. Personal, nu am folosit niciodată această linie. Dar s-ar putea să-l găsești util.

Utilizarea Listelor

Nu uitați să folosiți liste atunci când faceți transferuri. Acest lucru îmbunătățește foarte mult claritatea textului, iar informațiile sunt mai bine percepute.

Listele sunt:

• marcat, adică la listare, se adaugă un marcator, cel mai adesea reprezentat sub formă de cercuri.
• numerotate, când numerotarea merge de la 1 la infinit.

Citare

Dacă doriți să citați textul, faceți clic pe butonul cu ghilimele. Personal, scot în evidență în acest fel acele propoziții asupra cărora vreau să atrag atenția cititorilor.

Adăugarea de caractere personalizate

Pentru a adăuga simboluri diferite, faceți clic pe butonul sub forma unei potcoave inversate.

Inserarea fișierelor media

Pentru a adăuga fișiere media, faceți clic pe butonul „Adăugați fișier media”, care afișează note muzicale și pictograma camerei. Puteți atașa o poză.

Când adăugați o imagine, trebuie să specificați dimensiunea, poziția și, dacă doriți, titlul, descrierea, textul alternativ.

Crearea și ștergerea linkurilor

Există două butoane pentru crearea și ștergerea linkurilor. Ce trebuie să faceți pentru a crea un link:

Alte instrumente

Etichetă „Următorul”

Referinţă

Dacă faceți clic pe semnul întrebării, veți învăța cum să utilizați tastele rapide, ceea ce uneori este foarte convenabil și, de asemenea, accelerează munca în editor.

Modul de introducere a textului

Editorul are două moduri de introducere a textului:

1. Din punct de vedere vizual
2. Text

În modul vizual puteți vedea imediat cum va arăta textul dvs. din articol, iar în modul „text” puteți vedea toate etichetele HTML care creează acest design.

Aproape întotdeauna folosesc doar „modul vizual”. În modul „text”, uneori proiectez și inserez videoclipuri de pe YouTube - asta este tot.

Plugin avansat TinyMCE

Există multe pluginuri de editor de text pentru WordPress.

Unul dintre aceste populare este TinyMCE Advanced. Instalarea pluginului este standard.

Știți de ce acest plugin de editare este interesant, mai ales pentru începători? Pentru că mulți începători doresc să schimbe dimensiunea fontului și să deseneze tabele, dar acest lucru nu se poate face folosind un editor standard.

Aș dori să vorbesc direct despre capacitățile TinyMCE Advanced.

Panoul editor afișează butoanele pe care le alegeți în setări.

Adăugarea sau eliminarea funcționalității

Instrucţiuni:

1. Accesați „Setări editor”
2. Bifați caseta „Activați meniul editorului”.
3. Și pur și simplu țineți apăsat mouse-ul pentru a muta butoanele de care aveți nevoie în panoul principal
4. Puteți adăuga file suplimentare

În plus, puteți adăuga un panou format din astfel de file precum:

• „Fișier” - are funcții în meniul contextual: crearea unui document nou și imprimarea;
• „Editare” - are funcții în meniul contextual: anulați, refaceți, tăiați, copiați, lipiți, găsiți și înlocuiți;
• „Inserare” are funcții în meniul contextual: Inserare link (link), inserare fișier video, caracter arbitrar, linie orizontală, Adăugare media, inserare eticheta următoare, întrerupere de pagină, dată și oră, ancora, spațiu neîntrerupt;
• „Previzualizarea” include cel mai adesea: afișează personaje invizibile, arată blocuri, indicii vizuale, ecran complet, ecran complet;
• „Tabelele” are funcții de meniu contextual: inserare, proprietăți tabel, ștergere tabel, inserare celulă, rând, coloană;
• „Tools” oferă posibilitatea de a introduce codul sursă.

Editorul nu este atât de complicat de utilizat, puteți activa funcția de sugestii vizuale.

În editorul TinyMCE Advanced, este posibil să schimbați stilul textului și dimensiunea fontului, care, de regulă, este ceea ce își doresc cu adevărat începătorii. Dar dimpotrivă, nu am nevoie de el. Cred că toate articolele de pe un site ar trebui să fie concepute în același stil și nu este nevoie să schimbați fonturile și stilurile pentru fiecare.

Să rezumăm care este avantajul acestui utilitar:

1. Puteți personaliza singur panoul de editare
2. Mai multe funcționalități decât editorul standard WordPress
3. Puteți adăuga doar elementele de care aveți nevoie
4. Lucrul cu tabele

Abonează-te la actualizările blogului dacă articolul ți-a fost util și, de asemenea, repostează și distribuie prietenilor și cunoscuților tăi.

Pa, pa, ne vedem din nou!

Cu stimă! Abdullin Ruslan

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ă aveți la îndemână un instrument funcțional, de înaltă calitate. În mod implicit, WordPress are propriul editor, dar aș recomanda în continuare 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 separatorilor în pagina și următoarea
• activarea verificării ortografice, găsirea unei linii în text
• activarea modului ecran complet, precum și afișarea unei linii suplimentare de taste 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ă 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, 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, 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 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 puternică î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 de a adăuga fonturi 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.

După ce am înțeles funcționalitatea de bază a panoului de administrare din WordPress. După ce am stat la baza site-ului nostru, vom dedica cel mai mult timp articolelor, scrierii și optimizării acestora. A fost introdus un editor care să tastaze și să formateze postările în WordPress, dar este foarte inferior pluginurilor specializate pentru aceste nevoi. După instalarea și configurarea pluginului de editor vizual și html Tinymce Advanced, editarea intrărilor va fi mult mai ușoară.

Există multe pluginuri pentru editor de text, dintre care unul este un plugin funcțional care a fost ales de un număr mare de oameni - TinyMCE avansat.

Navigare articol:

Pentru a începe să utilizați și să testați acest plugin TinyMCE Advanced, trebuie să îl descărcați și să îl instalați, așa cum se arată în tutorialul video de mai jos.

Descrierea pluginului TinyMCE Advanced

Pluginul de extensie TinyMCE Advanced editor există de foarte mult timp și probabil 90% dintre utilizatorii platformei WordPress îl au instalat și îl folosesc zilnic.

Pluginul TinyMCE Advanced este foarte simplu, dar în același timp oferă toată funcționalitatea necesară atunci când lucrați cu pagini și postări.

Datorită TinyMCE Advanced, putem adăuga la editorul nostru standard, disponibil după , un număr mare de butoane noi care vă vor fi cu siguranță utile.

Este aproape imposibil de supraestimat acest plugin, este folosit din oră în oră, fiecare ajustare minimă și fină va deveni simplă și accesibilă cu TinyMCE Advanced.

Revizuire video a TinyMCE Advanced, instalarea și configurarea acestuia

În acest videoclip veți vedea beneficiile disponibile atunci când instalați și lucrați cu TinyMCE Advanced.

De ce TinyMCE Advanced este mai bun decât standardul

Pentru cei care nu cunosc încă rostul pluginurilor, avem unul special, dar restul se poate arunca cu capul în articol.

TinyMCE Advanced există pentru a vă crea publicațiile în formate vizuale și de cod convenabile, pentru a schimba și a crea un stil de scriere pentru texte unice. Editorul oferit în pachetul de bază WordPress este cel puțin sărac și are doar instrumente de bază.

După cum putem vedea, în confirmarea celor spuse mai sus, nu veți ajunge prea departe cu editorul standard, motiv pentru care TinyMCE Advanced cu funcționalitatea sa extinsă ne vine în ajutor.

La prima vedere, este clar că capacitățile noastre vor crește semnificativ cu această funcționalitate a TinyMCE Advanced. Oricine a lucrat vreodată cu editori de text poate înțelege cu ușurință pictogramele și capacitățile pluginului. Pentru cei care doresc să nu caute elementele necesare la întâmplare, vom analiza principalele caracteristici și setări ale TinyMCE Advanced.

Ce ne va oferi TinyMCE Advanced

Deci, utilizarea editorului TinyMCE Advanced ne va permite să adăugăm și să folosim următoarele caracteristici:

1. Crearea ușoară și convenabilă de tabele direct atunci când scrieți un articol. Editare și completare care nu vă va cauza niciun inconvenient.
2. Formatare avansată și convenabilă a structurii paginii. Capacitatea de a crea și regla amplasarea straturilor (
   blocuri).
3. Veți putea, de asemenea, să puneți superindice și subindice.
4. Schimbarea culorii de fundal a textului cu TinyMCE Advanced este foarte ușoară fără a utiliza CSS.
5. Încorporarea fișierelor video va deveni mult mai convenabilă cu editorul TinyMCE Advanced.
6. Schimbați dimensiunea fontului.
7. O gamă largă de familii de fonturi.
8. Un set de taste rapide va adăuga viteză la scrierea și formatarea textelor dvs.
9. Va deveni posibil să ștergeți toate formatările cu o singură tastă.

Acestea și alte caracteristici vă vor ajuta să vă modelați creațiile cu WordPress.

Plugin-ul este actualizat constant, ceea ce ne bucură, deoarece acesta este principalul semn că dezvoltatorii se gândesc la confortul tău.

Folosind TinyMCE Advanced îți vei scrie postările încrezătoare în capacitățile tale, îți dorim inspirație și texte unice, ne vedem data viitoare

Posibile probleme cu TinyMCE Advanced și metode de rezolvare a acestora

Pluginul TinyMCE Advanced este scris în PHP, la fel ca orice program, este posibil să nu funcționeze dintr-un motiv sau altul. Mai jos sunt problemele pe care le întâmpină cel mai des utilizatorii. Ce este în neregulă cu editorul pentru WordPress?

Editorul vizual WordPress TinyMCE avansat nu funcționează

Dacă, atunci când conectați un plugin, nu îl puteți edita, utiliza pictograme, adăuga sau modifica setări, încercați următoarea operațiune:

1. Verificați funcționalitatea altor plugin-uri pe care le gestionați din panoul de administrare, dacă butoanele de setări ale acestora funcționează, apoi treceți la punctul următor. Dacă apar probleme cu alte suplimente, trebuie să căutați motivele setărilor interne și nu în pluginul în sine.
2. Actualizați WordPress la cea mai recentă versiune.
3. Dezinstalați complet pluginul și descărcați TinyMCE Advanced de pe site-ul oficial.
4. După instalare, activați-l și verificați funcționalitatea acestuia.

Dacă acest lucru nu vă ajută, problemele pot fi legate de alte pluginuri, uneori pot intra în conflict, încercați să dezactivați toate pluginurile și să verificați dacă situația s-a schimbat. Dacă TinyMCE Advanced nu funcționează și trebuie să căutați probleme mai profunde cu un motor „curat”, ar trebui să contactați un programator.

Pe pagina de administrare: butoanele TinyMCE nu sunt sortate, nu se mișcă, bara de instrumente este goală, alte erori pe pagină

Acest lucru este cauzat de obicei de alte plugin-uri care adaugă biblioteci JavaScript incompatibile la toate paginile, nu doar acolo unde este necesar. O modalitate de a evita acest lucru este să încercați să aflați care pluginuri fac acest lucru, să dezactivați temporar pluginurile rămase până când apar toate butoanele TinyMCE și să le activați unul câte unul, verificând modificările în setări.

Dacă acest lucru nu ajută, încercați niște soluții generale de depanare Javascript: ștergeți memoria cache, încercați un alt browser, încercați un alt computer, dacă este posibil, ștergeți și re-descărcați toate fișierele plugin și, în sfârșit, instalați Firefox cu Firebug sau Opera, rețineți că primul JS cauzează erori (importante) și postați-l mai jos sau căutați online pentru a afla ce o cauzează.

Am organizat butoanele și le-am salvat, dar nimic nu se schimbă în editorul vizual de pe pagina de postări

Faceți clic pe butonul „Șterge” (lângă butonul Salvare) și apoi pe „Continuare”. Apoi dezactivați și activați din nou pluginul. Aceasta va reseta toate setările care sunt stocate în baza de date.

Unele butoane lipsesc din meniul TinyMCE sau unele instrumente nu apar deloc sau TinyMCE se comportă ciudat după instalarea pluginului

Aproape toate aceste probleme sunt cauzate de memoria cache a browserului sau cache-ul de rețea. Goliți memoria cache a browserului, închideți browserul, apoi lansați-l și încercați din nou. Dacă problema persistă, încercați să reîncărcați pagina ținând apăsat Ctrl (în IE) sau Shift (în Firefox) pentru a spune browserului să reîncarce pagina de pe server. Acest lucru ar putea fi cauzat și de un cache în rețea undeva între dvs. și gazda dvs. web. Așteptați doar câteva ore pentru ca problema să dispară.

Nu văd niciun stil importat în meniul drop-down „stil”.

Aceste stiluri (numai clase) sunt importate din editor în fișierul style.css al temei curente. Cu toate acestea, unele teme nu includ acest fișier. În acest caz, urmați instrucțiunile de pe pagina de setări TinyMCE Avdanced pentru a adăuga propriul fișier editor style.css la tema dvs. Când definiți stiluri, rețineți că TinyMCE va importa numai nume de clasă:

Clasa_mea()

Mea_alta_clasa()

Tocmai am instalat pluginul TinyMCE Avdanced, dar nu s-a întâmplat nimic

Ieșiți din WordPress, ștergeți memoria cache a browserului, reporniți browserul și încercați din nou. Dacă acest lucru nu funcționează, este posibil să existe memorarea în cache proxy sau 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 „emoticons”, acestea nu apar în editor

Butonul Emoji din TinyMCE adaugă coduri emoji. Imaginile reale sunt adăugate de WordPress la vizualizarea unei postări/pagini. Asigurați-vă că opțiunea „Conversie emoji ca :-) și :-P în imagini” din meniul Setări/Scriere este bifată.

Pluginul nu adaugă niciun buton, nu există file „Vizual” și „text HTML”.

Asigurați-vă că caseta de selectare „Dezactivați editorul vizual” de sub „Utilizatori”/„Profilul dvs.” este debifată.