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

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 cod sursa. Următorii contributori au contribuit la dezvoltarea pluginului:

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 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 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 plugin 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 „tabel” actualizat 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, s-a rezolvat eliminarea 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 picătură» butoanele TinyMCE pentru a vă aranja propriile bare de instrumente și pentru a activa/dezactiva pluginurile corespunzătoare în funcție de butoanele folosite.

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

Î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 editate făcând clic pe „Vizualizare” și accesând pagina principala site-ul tau. 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 ele o cantitate mare postări

Folosind editorul vizual Editor front-end

Instalând pluginul gratuit Front-end Editor, aveți posibilitatea de a crea și edita postări direct pe pagina principală a site-ului dvs. Nu mai trebuie să mergeți la pentru a crea și edita intrări, apoi înapoi 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 „TITLE”, ș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 într-o fereastră 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ă unde puteți selecta următoarele tipuri formatare:

• font 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, se deschide o bibliotecă, unde puteți selecta fișierele existente sau încărcați altele noi. Acest ecran standard adăugarea de fișiere media WordPress, astfel încât să aibă toate funcțiile necesare, precum: crearea unei galerii, setarea unei imagini de previzualizare, inserarea dintr-un 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 uneia dintre șabloane standard WordPress, precum și erori minore la modificarea conținutului. Indiferent, acesta este un plugin grozav care poate economisi o cantitate imensă de timp la crearea conținutului, precum și poate oferi o experiență wysiwyg reală.

Cândva mă gândeam la un proiect interesant – un editor vizual pentru Creare WordPressșablon 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 exact Șablon WordPress s.

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ă 175 de etichete WordPress - vă permite să găsiți rapid elemente Aspect HTML valorile necesare (titlul postării, data, numele autorului).
• Suport pentru pluginuri și funcții PHP - puteți alege nu numai ca parametri pentru elemente Etichete WordPress, dar și setați variabile, adăugați 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. La ieșire obțineți cod PHP/HTML pur, serviciul nu adaugă niciunul elemente suplimentare 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 e-mailul dvs. și sunteți autentificat în sistem.

În setări (pictograma roată) Framework & Plugin Manager pentru index.html, selectați WordPress, apoi descărcați câteva șablon HTML. Apoi, faceți clic pe anumite elemente de aspect și selectați-le pe cele potrivite pentru ele Funcții WordPress. De exemplu: pentru o imagine - the_post_thumbnail, pentru un titlu - the_title, pentru o dată - the_date 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 î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ă.

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 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, pentru că am uitat deja 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
• includere modul ecran întreg, 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 în 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 a 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. Ultimul pas 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, îndoială posibilități largi nu exista modul.

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ă decizie 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 vizual de pagină interesant pentru WordPress. Pluginul Page Builder Sandwich este proiectat pentru editarea simplificată a paginii. Plugin-ul a fost testat pe un număr mare de șabloane WordPress din diferite surse și a 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, 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ând coordonatele lor 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ă. În plus, editorul vizual are un simplu și interfață clară, astfel, chiar și utilizatorii fără experiență își vor putea da seama.

Lucrul cu pluginul Page Builder Sandwich

După instalarea și activarea pluginului, accesați elementul „Utilizatori”, în 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 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 tot ce doriți din mers.

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

În stânga este bara de instrumente. Versiunea gratuită are un număr limitat de instrumente. Î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 se lucrează în prezent munca activă. Poate că în viitor, dezvoltatorii vor oferi multe caracteristici interesante pentru a face lucrul cu editorul vizual mai ușor.

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