Redaktues i avancuar për WordPress - WP Smart Editor. Si të përmirësoni veçoritë e redaktuesit vizual të wordpress? Shtojca përfundimtare TinyMCE

Unë kam një grup të vogël që mund të quhet me siguri "must have" për çdo bloger, domethënë duhet të përdoret. Unë instaloj, nëse është e mundur, praktikisht të njëjtin asamble në të gjitha blogjet e mia, gjë që bën të mundur punën me sistemin më produktiv, funksional dhe më të përshtatshëm për vizitorët. Unë mendoj se në të ardhmen do të gjeni komente për të gjitha ato në faqet e këtij blogu, unë kam folur tashmë për disa module, por shumica prej tyre janë ende për të ardhur. Sot do të flasim për të avancuar redaktori i tekstit TinyMCE Advanced- gjëja është shumë e lezetshme dhe praktike.

Në përgjithësi, në një redaktues teksti, në fakt, ju kaloni pjesën më të madhe të kohës në wordpress - botoni dhe formatoni tekstin, shtoni etiketa, futni fotografi, ndonjëherë duhet të vendosni tabela, etj. Në përgjithësi, është shumë e rëndësishme të kesh një mjet funksional dhe me cilësi të lartë për një tjetër. Si parazgjedhje, wordpress ka redaktorin e vet, por gjithsesi do të rekomandoja instalimin e TinyMCE Advanced. Kështu duket në veprim tani në zonën e administratorit të blogut të WordPress:

Siç mund ta shihni, ka më shumë se ikona të mjaftueshme për të gjitha llojet e veprimeve. Unë nuk do të krahasohem me atë standarde, pasi madje kam harruar se si duket, do t'ju tregoj vetëm për disa detaje në TinyMCE Advanced. Në rreshtin e parë, ne kemi butonat:

• formatimi (i guximshëm, italik, nënvizuar, etj.)
• krijimi i listave të rregullta dhe të numëruara, si dhe indencat për tekstin
• duke rreshtuar tekstin në skajet, qendrën dhe gjerësinë e plotë të kolonës
• krijimin dhe heqjen e lidhjeve
• fut imazhin
• redaktimi css
• krijimi i kuotave
• futni ndarës në dhe faqen tjetër
• duke mundësuar kontrollin drejtshkrimor, gjetjen e një rreshti në tekst
• aktivizimi i modalitetit të ekranit të plotë, si dhe shfaqja e një linje shtesë të tasteve të funksionit për redaktuesin e tekstit të avancuar TinyMCE
• butoni i fundit është futur.

Rreshti i dytë është po aq i rëndësishëm dhe gjithashtu përmban një numër karakteristikash interesante:

• zgjedhja e fontit të tekstit dhe formatimit të paragrafit
• ngjitja e tekstit, ngjitja nga Word, heqja e të gjithë formatimit
• shtimi i një karakteri arbitrar në tekst dhe printimi
• dhe sfondi, futja e buzëqeshjeve (për t'i shfaqur ato, duhet të kontrolloni kutinë pranë artikullit për konvertimin e simboleve të tekstit për buzëqeshjet në foto në cilësimet e panelit të administratorit në menunë "Shkrimi")
• përzgjedhja e tekstit si mbishkrim dhe nënshkrim
• fut skedarin mediatik
• zhbëni dhe rifilloni veprimin, modifikoni atributet dhe ndihmoni.

Kjo, mendoj, do të mjaftojë për të kuptuar se redaktori TinyMCE Advanced është thjesht super funksional. Nga rruga, kjo është vetëm një pjesë e aftësive të saj, unë do të flas për të tjerët pak më tej.

Instalimi dhe konfigurimi i TinyMCE Advanced

Ju mund të shkarkoni redaktuesin e tekstit të avancuar TinyMCE nga. Duhet të theksohet se për versione të ndryshme të wordpress (2.6, 2.7, 2.8+) duhet të përdorni kompletin tuaj të shpërndarjes. Në kohën e këtij shkrimi, versioni më i fundit i shtojcës është 3.2.7.

Instalimi është standard- pasi ta shkarkoni, hiqni atë dhe ngarkoni në blogun ftp në dosjen wp-content / plugins. Tjetra, ne aktivizojmë TinyMCE Advanced nga paneli i administratorit, pas së cilës shkojmë te menyja "Opsionet" - "TinyMCE Advanced", ku duhet ta konfiguroni atë. Akordi i fundit është pastrimi i cache-it të shfletuesit.

Para se të flasim për konfigurimin, disa fjalë më shumë për funksionalitetin e modulit. Sipas përshkrimit në faqen zyrtare, ai përfshin deri në 15 shtojca të tjera: HR i avancuar, Imazhi i avancuar, Lidhje e avancuar, menyja e kontekstit, Emocionet (Smilies), Data dhe Ora, IESpell, Layer, Non Breaking, Print, Search and Replace , Stili, Tabela, Karakteret Vizuale dhe Shtesat XHTML. E gjithë kjo mund të merret duke instaluar vetëm një TinyMCE Advanced! Përveç gjuhës angleze, shtojca mbështet edhe disa lokalizime të tjera (gjermanisht, frëngjisht, italisht, spanjisht, rusisht, etj.). Në përgjithësi, nuk ka asnjë arsye për të dyshuar në aftësitë e gjera të modulit.

Konfigurimi i TinyMCE Advancedështë bërë në panelin e administratorit të blogut në artikullin e menysë me të njëjtin emër. Procesi nuk është i ndërlikuar, por edhe interesant. Në faqe do të shihni 4 rreshta të redaktuesit të tekstit ku mund të vendosni çelësa të ndryshëm funksionesh:

Shihni sa ka ende atje? Do të duhet të thellohesh vetë në detaje, pasi të gjithë elementët janë të firmosur dhe mjaft vizualë. Unë do të theksoja veçmas, ndoshta, një bllok me funksione për të punuar me tabela - do t'ju lejojë të krijoni shpejt dhe me lehtësi, t'i modifikoni ato në tekst. Edhe në TinyMCE Advanced, mund të importoni një skedar të personalizuar të stilit css në redaktues - ai gjithashtu mund të jetë i dobishëm. Në përgjithësi, siç thashë që në fillim të postimit, moduli duhet të ketë!

Shtesa për TinyMCE Advanced

Blogu ka disa artikuj mbi zgjerimin e aftësive të shtojcës:

• duke përdorur modulin TinyMCE Color Grid dhe më shumë. Kjo zgjidhje krijon një gamë të madhe ngjyrash në redaktues + shton një veçori tjetër të dobishme. Gjithashtu në artikull do të gjeni një hak për funksionet.php që ju lejon të zëvendësoni ngjyrat bazë në TinyMCE Advanced me tuajat.
• - duke marrë parasysh detyrën e instalimit të shkronjave të reja të personalizuara në TinyMCE Advanced, si dhe shtimin e shkronjave Google nëpërmjet stileve të rregullta CSS.

Unë mendoj se këto shënime do të jenë të dobishme për ju në punën tuaj. Nëse keni ndonjë pyetje, pyesni ato në komente.

Në këtë artikull, ne do të ndajmë rreth një redaktuesi interesant të faqeve vizive për WordPress. Shtojca "Page Builder Sandwich" është krijuar për redaktimin e thjeshtuar të faqeve. Shtojca është testuar në një numër të madh shabllonesh të WordPress nga burime të ndryshme dhe ka treguar se është në anën e mirë.

Page Builder Sandwich ju lejon të bëni ndryshime në dizajnin e faqeve të faqes menjëherë. Shtesa mund të shkarkohet nga depoja zyrtare e WordPress. Në kohën e këtij shkrimi, shtojca është shkarkuar nga mbi 3,000 përdorues. Vlerësimi për këtë shtesë është 4.4 nga 5.

Le të hedhim një vështrim më të afërt në aftësitë e shtojcës.

Redaktori vizual i faqes Sandwich i ndërtuesit të faqeve

Përparësitë e shtojcës përfshijnë shtimin e thjeshtuar të tekstit. Zgjidhni zonën që dëshironi dhe thjesht filloni të shkruani. Gjithashtu, ekziston një teknologji e lëvizjes (tërhiq dhe lësho) - ky është një funksion i paçmuar që ju lejon të lëvizni objektet e zgjedhura në lidhje me zonën e punës duke përdorur miun. Ju nuk keni pse të vendosni formularë përmes kodit, duke zgjedhur koordinatat e tyre "duke shtypur". Kjo redukton ndjeshëm kohën e funksionimit.

Shtojca ka aftësinë për të zhbërë veprimet. Nëse keni bërë diçka të gabuar, thjesht përdorni kombinimin e tastit ctrl + z dhe do të ktheheni një hap prapa.

Shtojca ju lejon të vendosni shpejt dhe lehtë përmbajtjen në faqe. Nëse keni nevojë të vendosni një video nga, thjesht duhet të kopjoni lidhjen e videos dhe ta ngjisni në zonën e dëshiruar në faqe. Për më tepër, redaktori vizual ka një ndërfaqe të thjeshtë dhe intuitive, kështu që edhe përdoruesit e papërvojë mund ta kuptojnë atë.

Duke punuar me shtojcën Page Builder Sandwich

Pas instalimit dhe aktivizimit të shtojcës, shkoni te artikulli "Përdoruesit", në nën-artikullin "Profili juaj" në pultin e WordPress dhe zgjidhni kutinë pranë kutisë së kontrollit "Trego shiritin e veglave kur shikon faqen". Pas kësaj, kur vizitoni ndonjë faqe në faqen tuaj përmes pjesës së përparme, do të vini re butonin e redaktuesit vizual në krye të djathtë. Është i madh dhe blu, kështu që nuk do të humbisni. Kur klikoni mbi butonin, do të hapet një redaktues, duke ju lejuar të modifikoni menjëherë çdo gjë që dëshironi.

Një avantazh tjetër i këtij suplementi është aftësia për të vëzhguar menjëherë rezultatin.

Në të majtë është shiriti i veglave. Versioni falas ka një numër të kufizuar mjetesh. Me pagesë, është gjithashtu i kufizuar, por ka shumë më tepër prej tyre. Në faqen zyrtare të WordPress, mund të gjeni mësime për të punuar me shtojcën.

Shtojca u lëshua relativisht kohët e fundit dhe aktualisht është duke u punuar në mënyrë aktive. Ndoshta, në të ardhmen, zhvilluesit do të ofrojnë shumë veçori interesante për të lehtësuar punën me redaktuesin vizual.

Mund të mësoni për një redaktues tjetër të WordPress në.

Dikur po shqyrtoja një projekt interesant - një redaktues vizual për krijimin e një shablloni WordPress direkt nga zona e administratorit. Sot do t'ju tregoj për një produkt të ngjashëm, por më funksional dhe më të fuqishëm -. Ky është një version i veçantë i redaktuesit profesional të uebit të desktopit Pinegrow, i cili përdoret për të krijuar faqe me përgjegjshmëri, skripta, Bootstrap dhe veçori të tjera. Pra, Pinegrow WP është një shtesë e veçantë që ju lejon të krijoni vetëm shabllone WordPress.

Karakteristikat kryesore të Pinegrow WP:

• Konvertimi i paraqitjeve statike HTML në temat e WordPress - zgjidhni elementë të caktuar të shabllonit dhe zgjidhni parametrat e duhur për to.
• Krijimi i modeleve WP nga e para duke përdorur një redaktues vizual - thjesht shtoni elementët e nevojshëm në faqe (shiritin anësor, listën e postimeve, etj.)

• Mbështetje për 175 etiketa WordPress - ju lejon të gjeni shpejt vlerat e dëshiruara për elementët e paraqitjes HTML (titulli i postimit, data, emri i autorit).
• Mbështetje për shtojcat dhe funksionet PHP - si parametra të elementeve, ju mund të zgjidhni jo vetëm etiketat e WordPress, por edhe të vendosni variabla, të shtoni funksione PHP.
• Një pamje paraprake në kohë reale e temës së WordPress që po krijohet ju lejon të shihni se çfarë ndodh pas cilësimeve tuaja.
• Shikoni kodin PHP të krijuar për paraqitjen.

Për më tepër, ju mund të punoni drejtpërdrejt me përmbajtjen e faqes suaj të WordPress duke importuar imazhe në Pinegrow WP. Si rezultat, ju merrni kod të pastër PHP / HTML, shërbimi nuk shton asnjë element shtesë në paraqitjen bazë.

Këtu keni një video të shkurtër se si funksionon Pinegrow WP:

Ju mund ta provoni vetë këtë softuer. Për ta bërë këtë, shkarkoni programin nga faqja zyrtare e internetit (ka versione për Windows, Mac dhe Linux). Pas instalimit, kërkoni një çelës të përkohshëm licence falas (për 7 ditë). Futni fjalëkalimin që vjen në postë dhe futeni në sistem.

Në cilësimet (ikona e ingranazheve) Framework & Plugin Manager për index.html, shënoni WordPress dhe më pas ngarkoni disa shabllone HTML. Tjetra, klikoni në disa elementë të paraqitjes dhe zgjidhni funksionet e duhura të WordPress për to. Për shembull: për një fotografi - thumbnail_the_post_thumbnail, për një titull - the_title, për një datë - the_date, etj. Kjo do të thotë, përdoruesi nuk ka nevojë të dijë saktësisht se si të vendosë këtë ose atë element në WordPress, thjesht kërkoni atë në funksionet e disponueshme dhe shtojeni atë në paraqitjen. Duke vendosur të gjitha blloqet në faqe në vlerën e duhur, do të përfundoni me një shabllon funksional të WordPress për eksport. Algoritmi është afërsisht i njëjtë, megjithëse programi Pinegrow WP do të duhet të trajtohet më në detaje (ka shumë funksione dhe cilësime të ndryshme).

Në përgjithësi, Pinegrow WP është shumë i fuqishëm, por jo falas. Licenca personale (për 3 kompjuterë) kushton 99 dollarë. Mund ta përdorni për sa më shumë projekte që dëshironi! Ka licenca për kompanitë dhe ekipet e zhvillimit. Në parim, programi është i nevojshëm për këto qëllime - nëse ju ose kompania juaj angazhoheni profesionalisht në krijimin e faqeve (përfshirë WordPress), atëherë ky softuer do të jetë i dobishëm.

Një njeri i vogël mund të bëjë shumë.

Përshëndetje kolegë!

Ka dy mënyra:

1. Instalimi i shtojcës
2. Instalimi i kodit në skedarin functions.php.

Nëse nuk jeni të fortë në njohuritë e kodeve php, stileve html dhe css, atëherë është më mirë të përdorni një plugin të gatshëm për të zgjeruar aftësitë e redaktorit të wordpress.

Zgjerimi i aftësive të redaktuesit të WordPress me një shtojcë

Shtojca përfundimtare TinyMCE

Unë kam përdorur shtesën Ultimate TinyMCE për rreth katër vjet dhe ende përdor shtesën Ultimate TinyMCE, pavarësisht nga fakti se ka më pak shkarkime se të ngjashmet.

Nuk më ngatërron fakti që nuk është përditësuar për më shumë se dy vjet. Punon shkëlqyeshëm, nuk bie ndesh me të tjerët.
Më pëlqeu sepse kishte një opsion që ju lejon të futni tekst në një sfond me ngjyra të ndryshme. Por WordPress i kërkoi pronarit të shtojcave që ta heqë këtë veçori.

Shtojca është e lehtë për t'u konfiguruar dhe nuk kërkon shumë njohuri. Shpresoj të dini se si të instaloni një shtojcë të re nga paneli juaj i kontrollit të wordpress.

Konfigurimi i shtojcës Ultimate TinyMCE

Pas aktivizimit të shtojcës, në anën e majtë të konsolës, gjeni skedën "Cilësimet" dhe klikoni në "Ultimate TinyMCE".

Do të hapet një faqe e gjatë me butona të ndryshëm me të cilët zgjerojmë aftësitë e redaktorit të WordPress. Pamja e ekranit tregon vetëm një pjesë të faqes.

Shtoni funksionalitetin që dëshironi në redaktuesin vizual të integruar të WordPress dhe mos harroni të ruani ndryshimet tuaja.

Nuk e tregova të gjithë faqen, shikoni vetë. Gjëja kryesore është të bëni cilësimet e duhura. Në kolonën "Aktivizo", kontrolloni kutinë pranë opsionit të dëshiruar dhe në kolonën "Zgjedhja e rreshtit", specifikoni linjën e redaktuesit. Redaktori vizual i WordPress mund të ketë vetëm katër rreshta.

Eksperimentoni dhe gjeni një opsion të përshtatshëm për ju për të vendosur veçoritë e shtuara të WordPress.

Nëse redaktori i integruar i parazgjedhur duket si ky:

Pastaj pas zgjerimit të aftësive të redaktuesit të WordPress, do të duket ndryshe:

Shtojca e vogël MCE e avancuar

Ky plugin është i ngjashëm me atë të mëparshëm, me të vetmin ndryshim se ka më shumë instalime dhe përditësime të vazhdueshme.

Mund ta instaloni nga paneli i administratorit të faqes në skedën "Plugins" ==> "Shto të re".

Aktivizoni shtojcën e instaluar dhe në skedën "Cilësimet" ==> "TinyMCE Advanced", shkoni te cilësimet e redaktuesit të WordPress.

(Klikoni mbi imazhet për t'u zmadhuar.)

Të gjitha cilësimet janë në Rusisht. Varet nga ju që të aktivizoni ose jo menunë e redaktuesit, dhe më pas zgjidhni opsionet që ju nevojiten dhe zëvendësoni ato në redaktues. Ai gjithashtu përmban katër rreshta. Ruani ndryshimet dhe provoni shtesat e redaktuesit të WordPress.

Unë isha me ju, Nikolai Ivanov.

SHKRUAJNI PYETJET TUAJA NE KOMENTE