TinyMCE Advanced na plugin – wordpress text editor. WordPress Visual Editor – TinyMCE Advanced na Plugin

Kamusta kayong lahat!. Ngayon ay pag-uusapan natin ang tungkol sa isang lugar kung saan gugugulin mo ang isang malaking halaga ng oras sa pagba-blog. Ang lugar na ito-! Pagkatapos ng lahat, nasa loob nito na magsusulat ka ng mga bagong post at mai-publish ang mga ito sa iyong blog. Nagbibigay ang WordPress ng dalawang bersyon ng editor - visual at text. Tingnan natin ang mga feature ng bawat isa sa kanila at matutunan kung paano magdagdag ng bagong functionality.

WordPress Visual Editor at Ultimate TinyMCE Plugin

Ang visual editor ng WordPress ay katulad sa hitsura at pag-andar sa Word, na halos lahat ay pamilyar. Sa kasamaang palad, bilang default, ang pag-andar nito ay napakahina, na makabuluhang naglilimita sa iyong mga pagpipilian sa pag-format ng teksto. Ang problemang ito ay perpektong nalutas ng Ultimate TinyMCE plugin, na nagdaragdag ng malaking bilang ng lahat ng uri ng mga bagong button.

Ang plugin ay naka-install bilang standard - i-download ang Ultimate TinyMCE, i-unpack ang archive at i-upload ang folder na may mga plugin file sa server sa wp-content/plugins na direktoryo. I-activate at pumunta sa mga setting nito sa seksyong "Mga Opsyon" - "Ultimate TinyMCE".

Bilang default, ang lahat ng mga button sa WordPress visual editor ay nakaayos sa dalawang row. Upang ipakita ang pangalawang row, gamitin ang button na "Ipakita/Itago ang Karagdagang Panel". Maaari mong hulaan ang functionality ng bawat button sa pamamagitan ng icon dito o sa tooltip na lalabas kapag nag-hover ka ng iyong mouse sa ibabaw nito. Ang Ultimate TinyMCE ay nagdaragdag ng humigit-kumulang 40 pang bagong function at dalawang karagdagang row ng mga button.

Sa katunayan, ang lahat ng mga setting ng Ultimate TinyMCE ay kumukulo sa pagmamarka sa mga button na kailangan mo ng functionality at pagpili ng isang row para sa kanila. Ang paglalarawan sa mga setting ay nasa Ingles, ngunit pagkatapos idagdag ang mga ito sa editor, ang mga tip ay nasa Russian. Bagaman sa karamihan ng mga kaso maaari mong malaman ito nang walang anumang mga pahiwatig.

Isaalang-alang lamang natin ang mga karagdagang opsyon na ipinakita sa pinakailalim ng mga setting:

Baguhin ang kulay ng Editor— binabago ang kulay ng block gamit ang mga button sa visual editor ng WordPress.

Paganahin ang NextPage (PageBreak) Button- nagdaragdag ng NextPage function para sa .

Magdagdag ng ID Column sa page/post admin list— isang bagong column ang idinaragdag sa WP admin page na may mga listahan ng lahat ng artikulo at post, na nagsasaad ng ID ng bawat blog post/page. Mababasa mo.

Payagan ang paggamit ng shortcode sa mga lugar ng teksto ng widget— nagbibigay-daan sa iyong gumamit ng "maikling code" sa widget na "Text". Ang shortcode ay idinisenyo upang mabilis na magdagdag ng code, NextGEN Gallery, at iba pang mga plugin sa teksto ng pahina.

Gumamit ng PHP Text Widget - pinapayagan kang gumamit ng php code sa . Ang code ay binibigyang kahulugan at ang resulta ng trabaho nito ay ipinapakita sa pahina ng blog.

I-enable ang Line Break Shortcode - nagdadagdag ng Break tag sa "Maikling Code", na idinisenyo upang magdagdag ng walang laman na linya sa text.

Paganahin ang Mga Column Shortcode - nagdadagdag ng malaking bilang ng mga tag sa "Mga Maiikling Code" na responsable sa pagbuo ng mga column ng teksto.

Paganahin ang Advanced Insert/Edit Link Button— nagdaragdag ng advanced na kakayahang magsingit/mag-edit ng mga link.

I-enable ang "Div Clear" Buttons – idinaragdag ang Div Clear pareho, kaliwa at kanang button na idinisenyo upang kanselahin ang float ng elemento, na nakatakda gamit ang float property.

Alisin ang mga p at br tag - hindi pinapagana ang awtomatikong pagpapasok ng mga tag na p (talata) at br (line break). Kung ayaw mong manu-manong tukuyin ang p tag para sa bawat talata, mas mabuting huwag hawakan ang opsyong ito.

Magdagdag ng Signoff Shortcode - maaari kang magtakda ng madalas na ginagamit na parirala at ipasok ito sa mga artikulo gamit ang Signoff tag mula sa Shortcode.

WordPress text editor at Post Editor Buttons at AddQuicktag plugins

Itinuturing ng maraming tao na marumi ang code na ginawa sa visual editor ng WordPress, ibig sabihin, naglalaman ito ng mga hindi kinakailangang tag at istilo na dapat na maayos na ilipat sa file ng mga estilo ng tema ng WP na ginamit. Ang tekstong bersyon ng WordPress editor ay nagbibigay sa iyo ng higit na kapangyarihan sa code. Doon, manu-manong ipinapasok ang lahat ng mga tag, maliban sa mga tag ng talata (p) at line break (br), awtomatikong idinaragdag ang mga ito.

Ang lahat ay mabuti, ngunit muli ay walang sapat na pag-andar. Upang makayanan ang problemang ito, maaari mong gamitin ang plugin ng Post Editor Buttons.

I-download ang pinakabagong bersyon ng Post Editor Buttons. Ang plugin ay naka-install bilang pamantayan. Ang mga setting ng plugin ay matatagpuan sa "Mga Parameter" - "Mga Pindutan ng Post Editor".

Ang lahat ay napaka-simple doon:

Caption — ang pangalan ng button na idinaragdag namin;
Bago - pagbubukas ng tag;
Pagkatapos - pagsasara ng tag;
Tanggalin - tanggalin.

Paumanhin, sa aking blog Hindi gumagana ang Mga Pindutan ng Post Editor. Ang mga pindutan na nilikha dito ay hindi idinagdag. Ay isang mahusay na alternatibo AddQuicktag plugin.

I-download ang pinakabagong bersyon ng AddQuicktag. Ang plugin ay naka-install bilang pamantayan, ang mga setting nito ay matatagpuan sa seksyong "Mga Setting" ng parehong pangalan - "AddQuicktag". Nagdagdag ng apat na bagong column ng mga opsyon na hindi ko man lang ginagamit.

Ang mga pangunahing ay pareho pa rin:

Button Label - pangalan;
Start Tag (s) - pambungad na tag;
(mga) End Tag - pansarang tag.

Salamat sa iyong atensyon! Iyon lang. Ingatan mo ang sarili mo.

Ang pagkakaroon ng naunawaan ang pangunahing pag-andar ng admin panel sa WordPress. Pagkatapos mabuo ang batayan ng aming site, ilalaan namin ang pinakamaraming oras sa mga artikulo, ang kanilang pagsulat at pag-optimize. Ang isang editor ay ipinakilala sa pag-type at pag-format ng mga post sa WordPress, ngunit ito ay napakababa sa mga plugin na dalubhasa para sa mga pangangailangang ito. Pagkatapos i-install at i-configure ang Tinymce Advanced na visual at html editor plugin, magiging mas madali ang pag-edit ng mga entry.

Mayroong maraming mga plugin ng text editor, isa sa mga ito ay isang functional na plugin na pinili ng isang malaking bilang ng mga tao - TinyMCE Advanced.

Pag-navigate sa artikulo:

Upang simulan ang paggamit at pagsubok sa TinyMCE Advanced na plugin na ito, kailangan mong i-download at i-install ito, tulad ng ipinapakita sa video tutorial sa ibaba.

Paglalarawan ng TinyMCE Advanced na plugin

Ang TinyMCE Advanced editor add-on na plugin ay matagal nang umiiral at malamang na 90% ng mga gumagamit ng platform ng WordPress ang na-install at ginagamit ito araw-araw.

Ang TinyMCE Advanced na plugin ay napaka-simple, ngunit sa parehong oras ay nagbibigay ito ng lahat ng kinakailangang pag-andar kapag nagtatrabaho sa mga pahina at post.

Salamat sa TinyMCE Advanced, maaari kaming magdagdag sa aming karaniwang editor, na makukuha pagkatapos ng , isang malaking bilang ng mga bagong button na tiyak na magiging kapaki-pakinabang sa iyo.

Ito ay halos imposible na mag-overestimate sa plugin na ito, ito ay ginagamit oras-oras, bawat minimal at pinong pagsasaayos ay magiging simple at naa-access sa TinyMCE Advanced.

Pagsusuri ng video ng TinyMCE Advanced, ang pag-install at pagsasaayos nito

Sa video na ito makikita mo ang mga benepisyong magagamit kapag nag-i-install at nagtatrabaho sa TinyMCE Advanced.

Bakit mas mahusay ang TinyMCE Advanced kaysa sa karaniwan

Para sa mga hindi pa alam ang layunin ng mga plugin, mayroon kaming isang espesyal, ngunit ang natitira ay maaaring bumulusok sa artikulo nang maaga.

Umiiral ang TinyMCE Advanced upang likhain ang iyong mga publikasyon sa maginhawang visual at mga format ng code, upang baguhin at lumikha ng istilo ng pagsulat para sa mga natatanging teksto. Ang editor na inaalok sa pangunahing pakete ng WordPress ay mahirap sabihin, at mayroon lamang mga pangunahing tool.

Tulad ng nakikita namin, bilang kumpirmasyon sa sinabi sa itaas, hindi ka makakarating nang napakalayo sa karaniwang editor, kaya naman tinutulungan kami ng TinyMCE Advanced kasama ang pinalawak na pagpapagana nito.

Sa unang tingin, malinaw na tataas nang malaki ang aming mga kakayahan sa pagpapaandar na ito ng TinyMCE Advanced. Ang sinumang nakatrabaho na sa mga text editor ay madaling maunawaan ang mga icon at kakayahan ng plugin. Para sa mga gustong hindi maghanap ng mga kinakailangang elemento nang random, susuriin namin ang mga pangunahing tampok at setting ng TinyMCE Advanced.

Ang ibibigay sa atin ng TinyMCE Advanced

Kaya, ang paggamit ng TinyMCE Advanced na editor ay magbibigay-daan sa amin na idagdag at gamitin ang mga sumusunod na feature:

Madali at maginhawang paglikha ng mga talahanayan nang direkta kapag nagsusulat ng isang artikulo. Pag-edit at pagpuno na hindi magdudulot sa iyo ng anumang abala.
Advanced at maginhawang pag-format ng istraktura ng pahina. Kakayahang lumikha at ayusin ang paglalagay ng mga layer (
mga bloke).
Magagawa mo ring maglagay ng mga superscript at subscript.
Ang pagpapalit ng kulay ng background ng teksto gamit ang TinyMCE Advanced ay napakadali nang hindi gumagamit ng CSS.
Ang pag-embed ng mga video file ay magiging mas maginhawa sa TinyMCE Advanced na editor.
Baguhin ang laki ng font.
Malawak na seleksyon ng mga pamilya ng font.
Ang isang set ng mga hotkey ay magdaragdag ng bilis sa pagsulat at pag-format ng iyong mga teksto.
Magiging posible na i-clear ang lahat ng pag-format gamit ang isang key.

Ang mga ito at iba pang mga tampok ay makakatulong sa iyong hubugin ang iyong mga nilikha gamit ang WordPress.

Ang plugin ay patuloy na ina-update, na nagpapasaya sa amin, dahil ito ang pangunahing palatandaan na iniisip ng mga developer ang iyong kaginhawaan.

Gamit ang TinyMCE Advanced, isusulat mo ang iyong mga post na may kumpiyansa sa iyong mga kakayahan, nais naming magkaroon ka ng inspirasyon at natatanging mga teksto, magkita-kita tayo sa susunod

Mga posibleng problema sa TinyMCE Advanced at mga pamamaraan para sa paglutas ng mga ito

Ang TinyMCE Advanced na plugin ay nakasulat sa PHP, tulad ng anumang programa, maaaring hindi ito gumana sa isang kadahilanan o iba pa. Nasa ibaba ang mga problema na kadalasang nararanasan ng mga user. Ano ang mali sa editor para sa WordPress?

Hindi gumagana ang WordPress TinyMCE Advanced na visual editor

Kung, kapag nagkokonekta ng isang plugin, hindi mo ito mai-edit, gumamit ng mga icon, magdagdag o magbago ng mga setting, subukan ang sumusunod na operasyon:

Suriin ang functionality ng iba pang mga plugin na pinamamahalaan mo mula sa admin panel, kung gumagana ang kanilang mga pindutan ng mga setting, pagkatapos ay lumipat sa susunod na punto. Kung lumitaw ang mga problema sa iba pang mga add-on, kailangan mong hanapin ang mga dahilan para sa mga panloob na setting, at hindi sa plugin mismo.
I-update ang WordPress sa pinakabagong bersyon.
Ganap na i-uninstall ang plugin at i-download ang TinyMCE Advanced mula sa opisyal na website.
Pagkatapos ng pag-install, i-activate ito at suriin ang pag-andar nito.

Kung hindi ito makakatulong sa iyo, ang mga problema ay maaaring nauugnay sa iba pang mga plugin, kung minsan maaari silang magkasalungat, subukang huwag paganahin ang lahat ng mga plugin at suriin kung ang sitwasyon ay nagbago. Kung hindi gumana ang TinyMCE Advanced at kailangan mong maghanap ng mas malalalim na problema sa isang "malinis" na makina, dapat kang makipag-ugnayan sa isang programmer.

Sa pahina ng administrasyon: Ang mga pindutan ng TinyMCE ay hindi pinagsunod-sunod, hindi sila gumagalaw, walang laman ang toolbar, iba pang mga error sa pahina

Ito ay kadalasang sanhi ng iba pang mga plugin na nagdaragdag ng mga hindi tugmang JavaScript library sa lahat ng page, hindi lang kung saan kinakailangan. Ang solusyon para dito ay subukang alamin kung aling mga plugin ang gumagawa nito, pansamantalang hindi paganahin ang natitirang mga plugin hanggang sa lumitaw ang lahat ng mga pindutan ng TinyMCE, at paganahin ang mga ito nang paisa-isa, tinitingnan ang mga pagbabago sa mga setting.

Kung hindi ito makakatulong, subukan ang ilang pangkalahatang pag-troubleshoot ng Javascript: i-clear ang cache, subukan ang isa pang browser, subukan ang ibang computer kung maaari, tanggalin at muling i-download ang lahat ng mga file ng plugin, at sa wakas ay i-install ang Firefox gamit ang Firebug o Opera, tandaan ang unang sanhi ng JS. mga error (mahalaga) at i-post ito sa ibaba o maghanap online upang malaman kung ano ang sanhi nito.

Inayos ang mga pindutan at nai-save ang mga ito, ngunit walang pagbabago sa visual editor sa pahina ng mga post

Mag-click sa pindutang "Tanggalin" (sa tabi ng pindutang I-save) at pagkatapos ay sa "Magpatuloy". Pagkatapos ay i-off at i-activate muli ang plugin. Ire-reset nito ang lahat ng mga setting na nakaimbak sa database.

Nawawala ang ilang button sa menu ng TinyMCE, o hindi lumalabas ang ilang tool, o kakaiba ang pagkilos ng TinyMCE pagkatapos i-install ang plugin

Halos lahat ng mga problemang ito ay sanhi ng cache ng browser, o cache ng network. I-clear ang cache ng iyong browser, isara ang iyong browser, pagkatapos ay ilunsad ito at subukang muli. Kung magpapatuloy ang problema, subukang i-reload ang pahina sa pamamagitan ng pagpindot sa Ctrl (sa IE) o Shift (sa Firefox) upang sabihin sa browser na i-reload ang pahina mula sa server. Ito rin ay maaaring sanhi ng isang network cache sa isang lugar sa pagitan mo at ng iyong web host. Maghintay lang ng ilang oras para mawala ang problema.

Wala akong nakikitang mga istilong na-import sa dropdown na menu na "estilo."

Ang mga istilong ito (mga klase lang) ay ini-import mula sa editor papunta sa style.css file ng iyong kasalukuyang tema. Gayunpaman, ang ilang mga tema ay hindi kasama ang file na ito. Sa kasong ito, sundin ang mga tagubilin sa pahina ng mga setting ng TinyMCE Avdanced upang idagdag ang iyong sariling style.css editor file sa iyong tema. Kapag tinutukoy ang mga istilo, tandaan na ang TinyMCE ay mag-i-import lamang ng mga pangalan ng klase:

My_class()

My_other_class()

Kakainstall ko lang ng TinyMCE Avdanced plugin pero walang nangyari

Ihinto ang WordPress, i-clear ang cache ng iyong browser, i-restart ang iyong browser at subukang muli. Kung hindi ito gumana, maaaring mayroong proxy caching o isang network cache sa isang lugar sa pagitan mo at ng iyong host. Maaaring kailanganin mong maghintay ng ilang oras para mag-expire ang cache na ito.

Kapag nagdagdag ako ng "emoticon" hindi sila lumalabas sa editor

Ang Emoji button sa TinyMCE ay nagdaragdag ng mga emoji code. Ang aktwal na mga imahe ay idinagdag ng WordPress kapag tinitingnan ang isang post/pahina. Tiyaking may check ang opsyong "I-convert ang emoji tulad ng :-) at :-P sa mga larawan" sa menu ng Mga Setting/Pagsulat.

Ang plugin ay hindi nagdaragdag ng anumang mga pindutan, walang mga tab na "Visual" at "HTML text".

Tiyaking ang checkbox na "Huwag paganahin ang Visual Editor" sa ilalim ng "Mga User"/"Iyong Profile" ay hindi naka-check.

Mayroon akong isang maliit na set na ligtas na matatawag na "dapat magkaroon" para sa bawat blogger, iyon ay, ipinag-uutos para sa paggamit. Kung maaari, nag-install ako ng halos parehong pagpupulong sa lahat ng aking mga blog, na ginagawang mas produktibo, gumagana at maginhawa para sa mga bisita ang pagtatrabaho sa system. Sa palagay ko sa hinaharap ay makakahanap ka ng mga pagsusuri sa lahat ng mga ito sa mga pahina ng blog na ito Napag-usapan ko na ang tungkol sa ilang mga module, ngunit karamihan sa mga ito ay darating pa. Ngayon ay pag-uusapan natin ang tungkol sa advanced text editor na TinyMCE Advanced– ang bagay ay napaka-cool at praktikal.

Sa pangkalahatan, sa isang text editor, sa katunayan, ginugugol mo ang pinakamaraming oras sa Wordpress - pag-publish at pag-format ng teksto, pagdaragdag ng mga tag, pagpasok ng mga larawan, kung minsan kailangan mong maglagay ng mga talahanayan, atbp. Sa pangkalahatan, napakahalaga na magkaroon ng functional, mataas na kalidad na tool sa kamay. Bilang default, may sariling editor ang WordPress, ngunit irerekomenda ko pa rin ang pag-install ng TinyMCE Advanced. Ito ang hitsura nito sa aksyon ngayon sa admin area ng WordPress inside blog:

Tulad ng nakikita mo, mayroong higit sa sapat na mga icon dito para sa lahat ng uri ng mga aksyon. Hindi ko ito ihahambing sa karaniwang isa, dahil nakalimutan ko na ang hitsura nito, sasabihin ko lang sa iyo ang tungkol sa ilang mga detalye sa TinyMCE Advanced. Sa unang linya mayroon kaming mga pindutan:

pag-format (bold, italic, underlined, atbp.)
paglikha ng mga regular at may bilang na listahan, pati na rin ang mga indentasyon para sa teksto
pag-align ng text sa mga gilid, gitna at buong lapad ng column
paggawa at pagtanggal ng mga link
paglalagay ng larawan
pag-edit ng css
paggawa ng mga quotes
pagpasok ng mga separator sa at susunod na pahina
pagpapagana ng spell checking, paghahanap ng linya sa text
pagpapagana ng full screen mode, pati na rin ang pagpapakita ng karagdagang linya ng mga function key para sa TinyMCE Advanced na text editor
ang huling pindutan ay ipasok.

Ang pangalawang linya ay hindi gaanong mahalaga at naglalaman din ng isang bilang ng mga kagiliw-giliw na pag-andar:

pagpili ng font ng teksto at pag-format ng talata
i-paste ang text, i-paste mula sa Word, alisin ang lahat ng pag-format
pagdaragdag ng arbitrary na karakter sa teksto at pag-print
at background, paglalagay ng mga emoticon (upang ipakita ang mga ito, kailangan mong lagyan ng tsek ang kahon sa tabi ng opsyon upang i-convert ang mga text character para sa mga emoticon sa mga larawan sa mga setting ng admin sa menu na "Pagsulat")
pag-highlight ng teksto bilang superscript at subscript
paglalagay ng media file
pagkansela ng isang aksyon at pagpapatuloy nito, pag-edit ng mga katangian at tulong.

Ito, sa palagay ko, ay magiging sapat na upang maunawaan na ang TinyMCE Advanced na editor ay sobrang gumagana. Sa pamamagitan ng paraan, ito ay bahagi lamang ng mga kakayahan nito;

Pag-install at pag-configure ng TinyMCE Advanced

Maaari mong i-download ang TinyMCE Advanced na text editor mula sa . Dapat tandaan na para sa iba't ibang bersyon ng WordPress (2.6, 2.7, 2.8+) kailangan mong gamitin ang iyong sariling pamamahagi. Sa oras ng pagsulat, ang pinakabagong bersyon ng plugin ay 3.2.7.

Karaniwang pag-install– pagkatapos mag-download, i-unzip ito at i-upload ito sa FTP ng blog sa wp-content/plugins folder. Susunod, ina-activate namin ang TinyMCE Advanced mula sa admin panel, pagkatapos ay pumunta kami sa menu na "Mga Pagpipilian" - "TinyMCE Advanced", kung saan kailangan mong i-configure ito. Ang huling hakbang ay i-clear ang cache ng browser.

Bago pag-usapan ang tungkol sa setup, ilan pang salita tungkol sa functionality ng module. Ayon sa paglalarawan sa opisyal na website, kabilang dito ang 15 iba pang mga plugin: Advanced HR, Advanced na Larawan, Advanced na Link, Context Menu, Emotions (Smilies), Petsa at Oras, IESpell, Layer, Nonbreaking, Print, Search and Replace , Estilo, Talahanayan, Mga Visual na Character at XHTML Extras. Ang lahat ng ito ay maaaring makamit sa pamamagitan ng pag-install lamang ng isang TinyMCE Advanced! Bilang karagdagan sa English, sinusuportahan din ng plugin ang ilang iba pang mga localization (German, French, Italian, Spanish, Russian, atbp.). Sa pangkalahatan, walang duda tungkol sa malawak na kakayahan ng modyul.

Pagse-set up ng TinyMCE Advanced ay ginagawa sa admin panel ng blog sa menu item ng parehong pangalan. Ang proseso ay hindi kumplikado, sa halip ay kawili-wili. Sa pahina makikita mo ang 4 na linya ng isang text editor kung saan maaari kang maglagay ng iba't ibang mga function key:

Nakikita mo ba kung gaano karaming mga bagay ang nakaimbak pa doon? Kakailanganin mong suriin ang mga detalye sa iyong sarili, dahil ang lahat ng mga elemento ay may label at medyo malinaw. Malamang na i-highlight ko ang isang hiwalay na bloke na may mga function para sa pagtatrabaho sa mga talahanayan - ito ay magbibigay-daan sa iyo upang mabilis at madaling lumikha at baguhin ang mga ito sa teksto. Maaari ka ring mag-import ng custom na css style na file sa editor sa TinyMCE Advanced - maaari rin itong magamit. Sa pangkalahatan, tulad ng sinabi ko sa simula pa lang ng post, ang module ay dapat na mayroon!

Mga Add-on para sa TinyMCE Advanced

Mayroong ilang mga artikulo sa blog na nagsasalita tungkol sa pagpapalawak ng mga kakayahan ng plugin:

gamit ang TinyMCE Color Grid module at higit pa. Ang solusyon na ito ay lumilikha ng isang mabigat na paleta ng kulay sa editor + nagdaragdag ng isa pang kapaki-pakinabang na tampok. Gayundin sa artikulo ay makakahanap ka ng isang hack para sa functions.php, na nagbibigay-daan sa iyong palitan ang mga batayang kulay sa TinyMCE Advanced ng iyong sarili.
— Isinasaalang-alang ko ang gawain ng pag-install ng mga bagong custom na font sa TinyMCE Advanced, pati na rin ang pagdaragdag ng Google Fonts sa pamamagitan ng mga regular na istilo ng CSS.

Sa tingin ko ang mga tala na ito ay magiging kapaki-pakinabang sa iyo sa iyong trabaho. Kung mayroon kang anumang mga katanungan, tanungin sila sa mga komento.

(Huling na-update: 01/20/2019)

Magandang araw! Simula sa linggong ito, magtutuon ako ng pansin hangga't maaari sa paksa - ang pinakakapaki-pakinabang at kinakailangang mga plugin para sa WordPress. Ang mga kinakailangang i-install kaagad pagkatapos gumawa ng website/blog, mababasa mo ang tungkol sa ilan sa mga ito sa blog na ito. Ngayon ay ituon ko ang iyong pansin sa isang WordPress plugin TinyMCE Advanced. Ang module na ito ay kabilang sa kategorya - pag-install kung maaari, iyon ay, sa iyong kahilingan o kung hindi man ay inirerekomenda. Bagaman maaari itong maiuri bilang - dapat na mai-install para sa mahusay na disenyo ng mga artikulo. May ganyan.

Klasikong WordPress Editor

Una, mga kababaihan at mga ginoo, bago tayo makarating sa pangunahing paksa ng artikulo - ang pag-install at pag-configure ng TinyMCE Advanced na editor para sa wordpress, kailangan mong magsagawa ng mga karagdagang hakbang. Para saan? Sa WordPress 5, sa halip na ang klasikong editor, ang bagong Gutenberg block editor ay ipinakilala. Ang bagong editor ng Gutenberg ay tiyak na cool, ngunit nangangailangan ng oras upang makabisado at masanay dito. Samakatuwid, ang unang bagay na kailangan nating gawin ay ibalik ang klasikong editor, iyon ay, ang lumang editor ng WordPress kung saan nakasanayan na nating lahat. Bagama't hindi ito kailangan.

Kung gusto mong ipagpatuloy ang paggamit ng dating (classic) na editor sa WordPress 5.0 at mas bago, may opsyon ang TinyMCE Advanced na palitan ang bagong editor ng nauna. Kung mas gusto mong magkaroon ng access sa magkabilang editor na magkatabi o payagan ang mga user na lumipat ng mga editor, mas mabuting i-install ang Classic Editor plugin. Ang TinyMCE Advanced ay ganap na katugma sa Classic Editor.

Pakitandaan na ang TinyMCE Advanced na plugin ay gumagana sa parehong klasiko at bagong mga bloke ng Gutenberg.

Mas gustong manatili sa magandang lumang classic na editor? Walang problema! Hindi nakakagulat na higit sa 1 milyong mga gumagamit ang na-install na ang lumang editor. Ang Classic Editor plugin ay mananatiling suportado sa WordPress hanggang 2021.

Plugin ng Classic na Editor

Ang Classic Editor ay isang opisyal na plugin mula sa WordPress development team na nagpapanumbalik ng lumang klasikong bersyon ng editor at screen sa pag-edit ng post. Upang i-install ito, pumunta sa Mga Plugin - Magdagdag ng bago - Ilagay ang pangalan ng plugin. Sa pahina ng mga module, mag-click sa button na "I-install" sa tabi ng Classic Editor.

Pag-install ng klasikong editor

Pagkatapos ng pag-install, i-click ang "I-activate". Pagkatapos nito, pumunta sa Mga Setting - Pagsusulat. Dito, itakda ang Default na Editor sa Classic na Editor at Payagan ang mga user na lumipat ng mga editor sa Oo (maaari kang lumipat sa block editor at vice versa):

Pag-set Up ng Pag-publish sa WordPress

Lahat! Ngayon, upang magdagdag ng mga bagong feature para sa mga editor, kailangan namin ang sumusunod na plugin.

TinyMCE Advanced na plugin

Ipinakilala ng TinyMCE Advanced ang Classic Paragraph Block at Hybrid Mode para sa Bagong Block Editor (Gutenberg)

TinyMCE advanced - editor para sa WordPress. Ang Bersyon 5.0 ay isang pangunahing update sa TinyMCE Advanced. Ipinakilala nito ang mga karagdagang button at setting para sa mga Rich Text toolbar sa Block Editor. Katulad ng mga toolbar ng Classic Editor, karamihan sa mga button ay maaaring idagdag, alisin, o muling ayusin.

Paglalarawan ng plugin

Ipinakilala ng plugin ang Classic Paragraph block at Hybrid Mode para sa bagong Gutenberg block editor. Kung hindi ka pa handang lumipat sa Block Editor, mas mainam na gamitin ang Classic Paragraph block at Hybrid Mode. Binibigyang-daan ka nitong ipagpatuloy ang paggamit ng pamilyar na editor ng TinyMCE para sa karamihan ng mga gawain, habang binibigyan ka ng ganap na access sa lahat ng mga bloke at mga bagong feature sa block editor.

Ang plugin ay magbibigay-daan sa iyo na magdagdag, mag-alis, at maglagay ng mga button na lumalabas sa visual editor toolbar sa classic na paragraph at classic na mga bloke sa bagong block editor, pati na rin sa classic na editor (kung pinagana ng plugin). Doon, maaari mong i-customize ang hanggang apat na row ng mga button, kabilang ang Laki ng Font, Pamilya ng Font, mga kulay ng teksto at background, mga talahanayan, at marami pa.

Ang ilang mga tampok

Hybrid mode na nagbibigay-daan sa iyong gamitin ang pinakamahusay sa parehong mga editor.
May kasamang Classic Paragraph block na maaaring gamitin sa halip na o kasabay ng default na paragraph block.
Sinusuportahan ang pag-convert ng karamihan sa mga default na bloke sa mga "classic" na talata at mula sa mga klasikong talata pabalik sa mga default na bloke.
Suporta para sa paggawa at pag-edit ng mga talahanayan sa Classic Blocks at Classic Editor.
Mga karagdagang opsyon kapag naglalagay ng mga listahan sa mga klasikong bloke at sa klasikong editor.
Hanapin at palitan ang mga klasikong bloke at ang klasikong editor.
Kakayahang magtakda ng pamilya ng font at laki ng font sa mga klasikong bloke at sa klasikong editor.
At marami pang iba.

At kaya, idinagdag namin ang pag-andar ng editor ng WordPress.

Pag-install at pag-configure ng TinyMCE Advanced na plugin

Ang pag-install ng plugin ay karaniwan, sa pamamagitan ng WordPress admin panel. Mga Plugin - Magdagdag ng bago at ilagay ang pangalang TinyMCE Advanced sa field ng paghahanap:

Pag-install at pag-activate ng plugin

Pagkatapos ng matagumpay na pag-install at pag-activate ng advanced na TinyMCE, sa seksyong "Mga Setting" ay makikita mo ang isang subsection na may parehong pangalan ng module - TinyMCE Advanced, i-click. At dinala kami sa pahina ng mga setting upang magdagdag ng mga pindutan sa panel ng editor at iba't ibang mga tampok sa iyong klasikong editor at block editor (Gutenberg). Tab na TinyMCE Classic na Editor:

Mga Setting ng WordPress Editor

Ang proseso ng pag-set up ng visual classic na editor ay hindi naman kumplikado. Ang lahat ay ganap sa Russian. Tulad ng nakikita mo mayroon kang apat na mga patlang at Mga Hindi Nagamit na mga pindutan. Sa isang simpleng pag-click ng mouse, ilagay/i-drag ang mga pindutan sa panel o i-drag ang mga ito upang baguhin ang kanilang pagkakasunud-sunod.

Medyo mas mababa sa pahina, i-configure ang Mga Setting, Mga Advanced na Setting at Pamamahala.

Pagse-set up ng bagong editor ng Gutenberg

Siyempre, hindi ko ipapakita sa iyo kung paano magtrabaho sa mga pindutan, ngunit ikaw mismo ang mas nakakaalam kaysa sa akin. Mapapansin ko lamang na ngayon ay madali mong maipasok ang isang talahanayan sa artikulo. I-configure ito at itakda ang mga kinakailangang parameter:

At ang pindutan ng Anchor (nabigasyon sa artikulo) ay kapaki-pakinabang - maraming mga blogger ang gumagamit nito nang lubos. Ang pindutan ng artikulo ay isa ring kapaki-pakinabang na bagay. Iyon lang siguro para sa araw na ito. Magiging cool na ang pakikipagtulungan sa bago at lumang editor. Gamit ang mga bagong feature, makakakuha ka ng mga artikulong maganda ang disenyo.

At nagpapaalam ako sa iyo. Hanggang sa muli. Bye everyone and good luck.

Wika ng interface: Ingles na Ruso Uri: Plugin

WordPress Text Editor ay isang madaling gamitin at mahalagang tool para sa lahat, ito man ay isang editor o isang web developer. Gayunpaman, paano nagpapabuti ang isang bersyon ng isang text editor na may karanasan ng user para sa bawat user?

WP Smart Editor nag-aalok sa iyo at sa iyong mga kliyente ng custom na karanasan na may kakayahang i-filter ang mga tool na magagamit para sa bawat tungkulin ng user, o kahit na bawat user. Bilang karagdagan, ang plugin ay nilagyan ng mga tool sa pagtitipid ng oras tulad ng: table manager, file manager, custom na estilo at editor ng button, mga bullet na listahan at tool sa pagbubuod.

Mga Tungkulin ng Gumagamit at Mga Profile ng WordPress. Nag-aalok ang WP Smart Editor ng mga natatanging tampok para sa bawat tagalikha ng nilalaman. Mayroon kang pagkakataon:

Lumikha ng maramihang mga profile ng gumagamit;
Pumili ng isang hanay ng mga tool sa editor na ilalapat sa bawat profile;
Ilapat ang mga profile sa isa o higit pang mga user o mga tungkulin ng user;
I-export/i-import ang mga profile ng user mula sa isang website patungo sa isa pa.

Pagpili ng mga tool. Ang WP Smart Editor ay may kasamang malakas na hanay ng mga tool sa editor na kapaki-pakinabang at nakakatipid ng oras para sa pag-edit ng nilalaman, kabilang ang:

Column Manager: Lumikha at mag-customize ng mga layout ng column nang hindi gumagamit ng HTML code;
Button manager: idisenyo, i-save at muling gamitin ang iyong mga button mula sa editor;
Tagapamahala ng Listahan: Lumikha ng iyong mga listahan gamit ang mga icon, i-save at muling gamitin ang mga ito sa iyong website;
Buod: Lumikha ng awtomatikong nilalaman na may mga link batay sa istraktura ng pamagat ng nilalaman;
Tooltip Manager: Magdagdag ng AJAX tooltip sa loob ng iyong content.

Tagapamahala ng file. Pamahalaan ang mga file gaya ng mga PDF file o ZIP file gamit ang karaniwang WordPress media manager. Naglalaman ang WP Smart Editor ng magaan na bersyon ng makapangyarihang WP File Upload plugin para makapag-upload ka, mamahala at makapag-update ng mga file.

Tagapamahala ng Mesa. Ang paglikha ng isang talahanayan sa editor ng WordPress ay nangangailangan ng kaalaman sa HTML/CSS, at halos imposibleng pamahalaan ang talahanayan sa mga editor ng nilalaman. Kasama sa WP Smart Editor ang isang magaan na bersyon ng malakas na plugin ng WP Table Manager, na nagbibigay-daan sa iyong lumikha, mamahala, at mag-customize ng mga talahanayan mula sa iyong editor na parang gumagamit ka ng Excel.

Custom na istilo ng HTML para sa mga user. Ang WP Smart Editor ay may espesyal na tool para sa paglikha ng mga custom na istilo ng CSS at pagbibigay ng mga ito sa mga user. Bilang isang web designer, lumikha ng iyong sariling istilo ayon sa tema ng WordPress, pangalanan ito at hayaan ang editor ng nilalaman na gamitin ito kapag kinakailangan.

Editor ng template. Gamit ang tool na tagapamahala ng template, maaari mong i-save ang iyong mga layout, lahat ng nilalaman at istraktura ng HTML na iyong na-type sa iyong editor, at gamitin ang mga ito sa ibang pagkakataon sa ibang pahina.

Pinahusay na editor ng code. Kasama sa WordPress ang mga view ng text/HTML bilang default sa editor nito. Pinahusay namin ang bersyon ng pag-highlight ng code ng HTML gamit ang paghahanap/palitan, paghahanap ng salita o expression at idinagdag namin ito sa lahat ng iyong nilalaman.

Ang plugin ng WP Smart Editor ay perpektong pinagsama sa: