Jak zlepšit funkce vizuálního editoru wordpress? Ultimate TinyMCE plugin. TinyMCE Advanced - Pokročilý editor WordPress

Mám malou sadu, kterou lze bez obav nazvat „must have“ pro každého blogera, tedy povinnou k použití. Na všechny své blogy instaluji pokud možno téměř stejnou sestavu, což mi umožňuje práci se systémem produktivnější, funkčnější a pohodlnější pro návštěvníky. myslím v další recenze všechny je najdete na stránkách tohoto blogu, o některých modulech jsem již mluvil, ale většina z nich teprve přijde. Dnes budeme mluvit o pokročilém Pokročilý textový editor TinyMCE- velmi cool a praktická věc.

Obecně platí, že v textovém editoru ve skutečnosti většinu času trávíte ve wordpressu – publikování a formátování textu, přidávání značek, vkládání obrázků, občas musíte umístit tabulky atd. Obecně je velmi důležité mít po ruce funkční a kvalitní nástroj. Standardně v systém wordpress má vlastní editor, přesto bych doporučil nainstalovat TinyMCE Advanced. Takto to nyní vypadá v akci v admin panelu blog wordpress uvnitř:

Jak vidíte, ikon je pro jakoukoli akci více než dost. Nebudu srovnávat s tím standardním, protože už jsem i zapomněl, jak vypadá, řeknu vám jen některé detaily v TinyMCE Advanced. Na prvním řádku máme tlačítka:

• formátování (tučné, kurzíva, podtržené atd.)
• vytváření běžných a číslovaných seznamů, stejně jako odsazení textu
• zarovnání textu podél okrajů, středu a celé šířky sloupce
• vytváření a mazání odkazů
• vložení obrázku
• css editace
• vytváření nabídek
• vložte oddělovače na a další stránku
• povolení kontroly pravopisu, vyhledání řádku v textu
• zařazení Režim celé obrazovky a také zobrazení dalšího řádku funkční klávesy pro TinyMCE Advanced textový editor
• poslední tlačítko je vložit.

Druhý řádek je stejně důležitý a obsahuje také řadu zajímavých funkcí:

• výběr písma textu a formátování odstavců
• vložit text, vložit z Wordu, odstranit veškeré formátování
• přidání libovolného znaku do textu a tisku
• a pozadí, vložte emotikony (pro jejich zobrazení je potřeba zaškrtnout políčko vedle položky převodu v nastavení admin panelu v nabídce "Psaní" textové znaky pro emotikony k obrázkům)
• zvýraznění textu jako horní a dolní index
• vložte mediální soubor
• vrácení a obnovení akce, úprava atributů a nápověda.

To, myslím, bude stačit k pochopení, že editor TinyMCE Advanced je prostě super funkční. To je mimochodem jen část jeho schopností, o dalších budu mluvit o něco dále.

Instalace a konfigurace TinyMCE Advanced

Stažení textový editor TinyMCE Advanced je k dispozici s . Je třeba poznamenat, že pro různé verze wordpress (2.6, 2.7, 2.8+), musíte použít svou distribuci. V době psaní Nejnovější verze plugin je 3.2.7.

Instalační standard- po stažení rozbalte a nahrajte na ftp blogu do složky wp-content / plugins. Dále aktivujeme TinyMCE Advanced z administrátorského panelu, poté přejdeme do nabídky „Nastavení“ - „TinyMCE Advanced“, kde jej musíte nakonfigurovat. Posledním akordem je vymazání mezipaměti prohlížeče.

Než budeme mluvit o konfiguraci, ještě pár slov o funkčnosti modulu. Podle popisu na oficiálních stránkách obsahuje až 15 dalších pluginů: Advanced HR, Advanced Image, Advanced Link, Context Menu, Emotions (Smajlíci), Date and Time, IESpell, Layer, Nonbreaking, Print, Search a Vyměnit, Styl, Tabulka, Vizuální znaky a doplňky XHTML. To vše lze získat instalací pouze jednoho TinyMCE Advanced! Až na v angličtině plugin podporuje i některé další lokalizace (němčina, francouzština, italština, španělština, ruština atd.). Obecně o širokých možnostech modulu není pochyb.

Konfigurace TinyMCE Advanced provedené v administračním panelu blogu ve stejnojmenné položce nabídky. Postup není náročný, spíše zajímavý. Na stránce uvidíte 4 řádky textového editoru, kam můžete umístit různé funkční klávesy:

Podívejte se, kolik je ještě na skladě? Budete se muset ponořit do detailů sami, protože všechny prvky jsou podepsané a docela vizuální. Vyzdvihl bych snad blok s funkcemi pro práci s tabulkami - umožní vám je rychle a jednoduše vytvářet a měnit v textu. I v TinyMCE Advanced můžete importovat vlastní css soubor styly - mohou se také hodit. Obecně, jak jsem řekl od samého začátku příspěvku, modul must have!

Doplňky pro TinyMCE Advanced

Blog obsahuje několik článků, které hovoří o rozšíření možností pluginu:

• pomocí modulu TinyMCE Color Grid a dalších. Toto řešení vytvoří v editoru mohutnou paletu barev + přidá další užitečná funkce. V článku také najdete hack pro functions.php, který vám umožní nahradit základní barvy v TinyMCE Advanced vlastními.
• — s ohledem na úkol instalovat nové vlastní písma také v TinyMCE Advanced přidání google Písma přes normální CSS styly.

Myslím, že tyto poznámky se vám budou hodit ve vaší práci. Pokud máte nějaké dotazy, zeptejte se jich v komentářích.

Malý člověk dokáže hodně.

Ahoj kolegové!

Existují dva způsoby:

1. Instalace pluginu
2. Instalace kódu do souboru functions.php.

Pokud nejste silní ve znalostech php, html a css styly, pak je lepší použít již hotový plugin pro rozšíření možností wordpress editoru.

Rozšíření WordPress Editoru o plugin

Ultimate TinyMCE Plugin

Už asi čtyři roky používám plugin Ultimate TinyMCE, i když má méně stažení než jiné podobné pluginy.

Nevadí mi, že nebyl aktualizován déle než dva roky. Funguje skvěle, nekoliduje s ostatními.
Líbilo se mi to, protože to mělo možnost, která umožňuje vložit text na pozadí jiné barvy. WordPress však požadoval, aby vlastník pluginu tuto funkci odstranil.

Plugin se snadno nastavuje a nevyžaduje mnoho znalostí. Doufám, že víte, jak nainstalovat nový plugin z ovládacího panelu wordpress.

Konfigurace Ultimate TinyMCE Plugin

Po aktivaci pluginu najděte na levé straně konzole záložku „Nastavení“ a klikněte na „Ultimate TinyMCE“.

Otevře dlouhá stránka S různá tlačítka, kterým rozšiřujeme možnosti editoru WordPress. Snímek obrazovky zobrazuje pouze část stránky.

Přidat do vizuálního vestavěného editoru Je vyžadován WordPress fungujete a nezapomeňte uložit své změny.

Neukázal jsem celou stránku, podívejte se sami. Hlavní je udělat správné nastavení. Ve sloupci „Povolit“ zaškrtněte políčko vedle požadovanou možnost a ve sloupci "Výběr řádku" zadejte řádek editoru. Vizuální editor wordpress může mít pouze čtyři řádky.

Experimentujte a najděte umístění přidaných funkcí WordPress, které je pro vás výhodné.

Pokud výchozí vestavěný editor vypadá takto:

Po rozšíření možností editoru WordPress bude vypadat jinak:

TinyMCE Advanced Plugin

Tento plugin je podobný předchozímu, jen s tím rozdílem, že má více instalací a neustálé aktualizace.

Můžete jej nainstalovat z administračního panelu webu na kartě "Pluginy" ==> "Přidat nový".

aktivovat nainstalovaný plugin a na záložce "Nastavení" ==> "TinyMCE Advanced" přejděte do nastavení editoru WordPress.

(Kliknutím na obrázky zvětšíte.)

Všechna nastavení jsou v ruštině. Zda povolit nabídku editoru nebo ne, rozhodněte sami a poté vyberte požadované možnosti a nahraďte je v editoru. Obsahuje také čtyři řádky. Uložte změny a otestujte rozšíření editoru WordPress.

Nikolaj Ivanov byl s vámi.

OTÁZKY PIŠTE DO KOMENTÁŘŮ

Igore. Aktualizace: 27. prosince 2016 .

Dobrý den, milí čtenáři tohoto blogu! Je zřejmé, že funkcionalita editoru WordPress (jak jeho vizuální, tak textová část), standardně vestavěná, nestačí maximální pohodlí aniž by byl rozptylován dalšími pohyby těla.

Dnešní příspěvek je proto věnován pluginům WordPress, které rozšiřují možnosti tohoto nástroje, jelikož si s ním vývojáři dali záležet. Řeč bude především o TinyMCE Advanced, který nahradí nativní vizuální editor (záložka „Visual“), zejména od rané verze WP to ne vždy funguje správně a dává chyby.

A za druhé se podíváme na nastavení AddQuicktag, které dokáže do sekce „Text“ přidat chybějící sadu HTML tlačítek. Mimochodem, pro mě to byl tento plugin, který konečně naklonil misku vah ve prospěch použití textového editoru, protože s jeho pomocí můžete přidat téměř jakékoli znaky jazyka hypertextové označení(nejen značky).

TinyMCE Advanced plugin pro WordPress - nastavení a použití

Pokud tedy i přes všechen ten „tanec s tamburínami“ ve WordPressu nefunguje vizuální editor, ale přesto se rozhodnete v budoucnu používat pouze záložku „Visual“, jelikož není chuť ani čas se tahat s tagy, pak zkuste zmíněný TinyMCE Advanced.

Dá se stáhnout z oficiálních stránek, odkud mimochodem doporučuji vzít si všechny potřebné pluginy. Nainstalujte rozšíření podle známého schématu (v najdete popis všech akcí s WP pluginy).

Pak v části "Nastavení" - "TinyMCE Advanced" najdete dva bloky (nahoře je aktuální sada tlačítek, která budou standardně nainstalována, a dole je "náhradní" arzenál):

Nastavení spočívá v přetažení požadovaných tlačítek zdola nahoru. A naopak, pokud některé možnosti nepotřebujete, můžete je bezpečně umístit níže. Nabídku, která je ve výchozím nastavení povolena, můžete také zakázat jednoduchým zrušením zaškrtnutí políčka.

Pokud necháte nabídku aktivní, nemusíte alespoň zpočátku nic dále konfigurovat, protože funkčnost chybějících tlačítek naleznete v rozbalovacích seznamech sekcí nabídky. Na stránce vizuálního editoru to bude vypadat takto:

Řekněme, že pokud potřebujete podtrhnout text a požadované tlačítko není ve výchozím nastavení, lze tento nedostatek vyplnit, výběrem "Podtržené" z rozevíracího seznamu "Formát".. Přirozeně musíte nejprve zvýraznit požadované slovo nebo frázi:

Nebo můžete do textu vložit nějaký chemický vzorec. V tomto případě ve stejné sekci vyberte "dolní index" a použijte jej na symbol, který bude předmětem této akce:

Ve výchozím nastavení také není možnost "Zdrojový kód". Najdeme to v sekce "Nástroje" kliknutím na příslušný řádek:

Proč je to vůbec potřeba? Faktem je, že pokud pracujete ve vizuálním editoru, přejděte do oblasti HTML editor WordPress, pak a někdy je to nutné. No, například formátujeme název některé podsekce článku:

Pokud nyní přejdete z karty „Vizuální“ na „Text“, bude obrázek vypadat následovně:

Po použití Tlačítka zdrojového kódu stejný fragment po přepnutí na kartu textového editoru najde chybějící značky:

Doufám, že je to jasné, pojďme dál. V zásadě je účel všech formátovacích tlačítek intuitivní, zejména proto, že plugin TinyMCE Advanced je velmi dobře přeložen do ruštiny. Když najedete kurzorem na libovolné tlačítko, jak v nastavení, tak v okně samotného pokročilého editoru, zobrazí se popisky.

Stačí říci, že TinyMCE Advanced vám umožňuje:

Z tohoto důvodu nemá smysl podrobně rozebírat všechny funkce. Zaměřím se pouze na ta výchozí tlačítka, která mohou začínajícím uživatelům způsobovat potíže, ale která mohou být velmi užitečná.

Pokud aktivujete tlačítko "Vložit jako text", veškerý zkopírovaný obsah bude vložen v čisté podobě. To se může hodit, pokud chcete doplnit to, co jste napsali, úryvkem, ze kterého jste zkopírovali wordový dokument a vložte jej bez formátování:

V případě potřeby stiskněte odpovídající tlačítko „Libovolný symbol“:

V zobrazeném dialogovém okně vyberte požadovaný znak, který bude vložen do okna editoru TinyMCE Advanced:

No, ještě jedna možnost, kterou vám pokročilý editor WordPress umožňuje použít, je s požadovaným počtem buněk vertikálně a horizontálně:

Pokud kliknete na ikonu otázky, dostanete seznam "horkých kláves" jako alternativní, který vám pomůže zobrazit znaky, které potřebujete.

Pokročilá nastavení TinyMCE

Toto rozšíření má několik dalších možností v nastavení, které jsem ponechal jako výchozí. Myslím, že velká většina také nepotřebuje změnu. Nemohu je ale úplně ignorovat, protože by to možná někdo mohl potřebovat.

Proto si tento aspekt trochu rozebereme. Takže pod hlavními možnostmi jsou tři bloky, první z nich je "Možnosti":

V zásadě je zde vše správně přeloženo do ruštiny a intuitivně srozumitelné. Pouze ve výchozím nastavení povoleno položka "Seznam nastavení stylu", který přináší zpestření tvorby odrážkových a číslovaných seznamů, což je docela užitečné pro všechny bez výjimky.

Jen jsem to zkusil aktivujte druhou položku shora ale nativní kontextová nabídka Stejný Chrome se mi líbil víc.

Volba "Alternate Link Dialog" umožňuje přidat tam atribut nofollow, ale to lze také provést přidáním odpovídajícího tlačítka, jak je uvedeno výše. Zde si tedy každý rozhodne sám, o kolik je to pohodlnější.

Poslední odstavec tohoto bloku vám umožní nahradit stávající velikost písma jedním ze zde uvedených.

Druhá jede blok "Další parametry":

Také ne úplně zbytečné nastavení. Například aktivovaná možnost "Vytvoření nabídky třídy CSS" umožňuje načíst soubory , které jsou obsaženy v souboru editor-style.css a slouží k zobrazení prvků umístěných na stránce editoru.

"Zachovat značky odstavce". Obvykle se při přechodu z textového editoru na vizuální editor a naopak značka odstavce p a značka spojovníku
nejsou uloženy. Tato volba zachová celý hypertextový značkovací kód. Když ale tuto funkci povolíte, musíte být opatrní a nejprve otestovat správnost jejího fungování.

"Povolit vkládání zdrojový kód Snímky"- Tuto možnost jsem ani netestoval, protože je vhodná pouze pro nejmenší obrázky a také nefunguje v mém oblíbeném Google Chrome(přečtěte si o instalaci a nastavení tohoto prohlížeče).

No, třetí blok - "Řízení", kde můžete importovat a exportovat nastavení, zkontrolovat vylepšení editoru (která jsou však již ve výchozím nastavení povolena) a kdykoli obnovit výchozí nastavení:

Na konci této části článku velmi kvalitní video, které vám pomůže spolehlivěji vstřebat materiál na toto téma:

Přidání chybějících formátovacích tlačítek do textového editoru WordPress pomocí AddQuicktag

Myslím, že jsem již více než jednou zmínil, že na samém začátku mého podnikání v oblasti internetového blogování na WordPressu jsem byl frustrován kartou „Vizuální“, protože její použití způsobilo určité nepříjemnosti spojené s chybami při zobrazování obsahu stránky.

Proto jsem po několika neúspěšných pokusech o nápravu okamžitě začal ovládat textovou verzi (záložka Text) editoru WP, což urychlilo získání dovedností v praktickém vývoji hypertextového značkovacího jazyka (přečtěte si, co je HTML).

Výchozí textová verze, stejně jako verze vizuální, však z hlediska funkčnosti kritice neobstojí, protože sada formátovacích tlačítek je velmi vzácná a pro pohodlnou práci při psaní článků zjevně nestačí. Mimochodem, akce tlačítek, která jsou standardně nastavena, jsem již popsal.

Z tohoto důvodu jsem začal hledat vhodný plugin, který dokáže rozšířit možnosti WordPress editoru a jeden jsem našel v osobě AddQuicktag. Toto rozšíření jsem si okamžitě oblíbil, protože umožňuje zadat libovolné znaky, které se vám líbí, pokud jsou platné ve vztahu ke kódu webové stránky.

Po instalaci AddQuicktag ( a kdy popis wordpressu TinyMCE Advanced jsem uvedl odkaz na materiál, ve kterém jsou veškeré informace o postupu instalace a vše možné akce s pluginy), přejděte na jeho konfiguraci:

Názvy tlačítek formátovacího panelu zadáváme tak, aby pro vás bylo pohodlnější je identifikovat. Můžete určit nadpis (popisek), který se zobrazí po uložení nastavení, když najedete na lištu formátování v okně editoru (není to však nutné):

K dispozici je také možnost „Přístupový klíč“ (hotkey), což není nic jiného než možnost definovat „horké klávesy“. Ale bohužel to z nějakého důvodu nefunguje, takže jsem například toto pole nechal prázdné.

Poté definujeme sériové číslo umístění tlačítka na panelu a vyplňte zaškrtávací políčka, z nichž každé odpovídá určitému typu záznamů. To znamená, že můžete určit, kam budou tlačítka formátování přidána:

• "Vizuální" - do vizuálního editoru WordPress;
• příspěvek - vlastně v záložce "Text" pro psaní článků na stránky příspěvků;
• stránka - do textového editoru při plnění statických stránek obsahem;
• příloha - pro připojení webových stránek;
• komentář – pro formulář pro komentáře, který uživatelům usnadní zadávání zpráv;
• upravit komentář - pro úpravu komentářů v admin panelu;
• widgety - k naplnění obsahem widgetu.

Zde ale musíme mít na paměti, že ve výchozím nastavení budou tlačítka fungovat pouze pro příspěvky, statické stránky a formuláře komentářů.

Pro ostatní případy potřebujete speciální hacky, které musíte umístit do souboru functions.php vašeho WordPress motivu (vše, co s tím souvisí, najdete v souborové zařízení a interakce enginu se šablonami). Ve většině případů však tato funkce stačí.

V zásadě lze zaškrtnout všechna zaškrtávací políčka, horší to rozhodně nebude. Chcete-li to provést jedním tahem, stačí zaškrtnout sloupec ✔:

Zde je příklad provedeného nastavení, které je při psaní příspěvků snad nejžádanější:

Plugin AddQuicktag vám umožňuje přidávat nejen tlačítka značek, ale také jakýkoli krátký kód, který často používáte na svých stránkách zdrojů. Navíc máte skutečnou příležitost doplnit funkčnost textového editoru umístěním fragmentu na panel prostý text nebo kód.

Například používám obsah podsekcí pro téměř každý objemný příspěvek, takže jsem si řekl, že by bylo vhodné umístit tento kus kódu na formátovací řádek a vložit jej jedním kliknutím:

Nyní, když přejdete do textového editoru a kliknete na tlačítko "div class="ogl"", šablona obsahu se objeví v editačním okně:

Zbývá mi pouze zadat nadpisy sekcí článku a uvést potřebné odkazy. Mimo jiné při psaní příspěvků často používám typografické uvozovky, proto jsem do panelu HTML editoru přidal toto formátování:

Ahoj všichni!

Dnes vám povím o pluginu Ultimate tinyMCE, který vám umožňuje výrazně rozšířit funkce standardního vizuálního editoru wordpress.

S pluginem Ultimate tinyMCE si můžete vybrat vhodné textové písmo, určit jeho velikost, zpracovat obrázky a videa funkčněji.

Při psaní článku odkládejte různé emotikony na správná místa a mnoho dalšího. A i když nejste zastáncem extra pluginů, pak v tomto případě bude pro vás článek užitečný, protože. v něm vám ukážu, jak implementovat některé funkce pomocí normálních kódů.

Takže, začněme! Každý, kdo pracuje s wordpress enginem, moc dobře ví, jak vypadá pracovní panel standardního vizuálního editoru:

To zahrnuje minimální sada funkce, které webmasterům umožňují psát a publikovat užitečný materiál na svém blogu. Osobně jsem se standardní sadou funkcí WordPress editoru celkem spokojen, ale ne každému vyhovuje a raději používá jiné editory nebo programy.

Ultimate TinyMCE plugin. Vylepšení vizuálního editoru wordpress

Můžete si stáhnout plugin Ultimate TinyMCE. Dále jej nainstalujte na svůj blog a aktivujte jej. Kdo neví, jak se instalují pluginy, . Po instalaci a aktivaci pluginu se na administrativním panelu vašeho zdroje objeví další karta Ultimate TinyMCE:

Přejděte na kartu a uvidíte působivý seznam různých tlačítek, z nichž každé je vybaveno specifickou funkcí. Nyní můžete vylepšit svůj vizuální editor o kteroukoli z chybějících funkcí, které jsou v pluginu přítomny.

Nebudu popisovat každé tlačítko, protože. většina z nich byla přeložena do ruštiny a každý z vás si s nimi poradí sám. Jediné, co stojí za zmínku, je jejich implementace na blogu.

Aby se určité tlačítko zobrazilo v pracovní panel vizuální editor, stačí naopak ve sloupci „Povolit“. požadované tlačítko nastavte zaškrtávací políčko. Kromě toho vám plugin nabízí, abyste si sami vybrali umístění tlačítek, což lze provést ve sloupci „Výběr řádku“:

Jak jste si jistě všimli, všechna tlačítka v panelu editoru jsou umístěna ve dvou řádcích, ale díky Ultimate tinyMCE můžete zvýšit počet řádků na čtyři, ale ne více. Tomu napomáhá hodnota „ROW“, což v překladu znamená „Řádek“.

Ve výchozím nastavení je každá položka nastavena na "ŘÁDEK 1". Pokud vše ponecháte beze změny, funkce v podobě tlačítka bude pokračovat na prvním řádku panelu vizuálního editoru a zobrazí se až na úplném konci, za všemi standardními funkcemi.

Pokud vyberete ze seznamu např. hodnotu „ŘÁDEK 3“, přesune se tlačítko s funkcí na třetí řádek. Myslím, že je to pochopitelné! Aktivace všeho doplňkové funkce(Napočítal jsem 53) a rozházel je podél čar, dostal jsem tento obrázek:

Působivé, že? A zapomněl jsem zmínit, že při přidávání nebo odebírání jakékoli funkce nezapomeňte stisknout tlačítko „Update Buttons Options“ úplně dole v pluginu pro uložení nastavení.

Jak rozšířit funkčnost vizuálního editoru wordpress o kód

Jaké funkce lze tedy přidat pomocí kódu a jak to udělat?

1. Můžete přidat "Rodinu písem", tzn. můžete si ze seznamu vybrat písmo, které potřebujete, a napsat s ním celý příspěvek nebo krátkou pasáž. Chcete-li implementovat tuto funkci, otevřete soubor functions.php pro úpravy (cesta k souboru: /wp-content/themes/theme (šablona) název/functions.php).

Pozor: před úpravou souboru functions.php to udělejte, abyste předešli nesprávným akcím!

Po otevření souboru najděte značku na samém konci: ?> a těsně před něj vložte tento kód:

Uložte soubor a přesuňte jej zpět do složky motivu blogu, kde nahraďte starý.

2. Přidejte tlačítka vodorovného oddělovače, tlačítka horního a dolního indexu, velikost písma, změnu stylů a barvu pozadí. Chcete-li to provést, přidejte do stejného souboru functions.php před stejnou značku?> následující sekci kódu:

Poté soubor znovu uložíme a přesuneme zpět na server, kde nahradíme starý. Aktualizujeme stránku pomocí vizuálního editoru a uvidíme, co máme:

To je pro mě vše a nyní také víte, jak přidat funkční tlačítka do editoru wordpress a rozšířit tak jeho standardní funkce! Přeji vám všem hodně štěstí! Nashledanou a brzy na viděnou!

Jak se vám článek líbí? Možná znáte další možnosti, jak zlepšit standardní funkce vizuálního editoru WordPress? Sdílejte je se čtenáři blogu jako komentáře k tomuto příspěvku.

Vývojáři WordPressu neustále pracují na nových funkcích pro vylepšení tohoto redakčního systému. Nejprve se ale tyto funkce uvolní jako rozšíření, která se vyvinou samy, mimo jádro WordPressu, a teprve poté se stanou součástí systému. Jednou z takových budoucích funkcí je plugin Front-end Editor, který si můžete nainstalovat na svůj web hned teď.

Problémy s výchozím vizuálním editorem WordPress

Na tento moment, pro vytváření příspěvků ve WordPressu rozhodně musíte přejít do standardního vizuálního editoru kliknutím na tlačítko „Přidat“ v horní části obrazovky nebo výběrem příslušné položky v administračním panelu. S touto metodou jsou spojeny některé problémy. Nejprve musíte opustit hlavní stránku a načíst novou. Za druhé, upravený obsah se bude poněkud lišit od toho, jaký bude skutečný výstup článků.

I když se vizuální editor WordPress nazývá WYSIWYG (co vidíte, to dostanete), jeho obsah nevypadá jako na vašem webu – v rámci vašeho motivu.

Samozřejmě si vždy můžete zkontrolovat, jak bude upravený obsah příspěvků skutečně vypadat, kliknutím na „Zobrazit“ a přechodem na domovská stránka tvoje stránka. Problém je ale v tom, že jakékoli úpravy budete muset provést poslepu, přes admin panel, a pak se vrátit k tomu hlavnímu. To vše je docela jednoduché, ale zabere to spoustu času, zvláště pokud s tím musíte pracovat velké množství příspěvky.

Použití Visual Front-end Editoru

Instalace bezplatný plugin Front-end Editor, získáte možnost vytvářet a upravovat příspěvky přímo na vašem hlavním webu. Už nemusíte chodit na stránky, abyste mohli vytvářet a upravovat příspěvky, a pak se vracet na web, abyste zkontrolovali jejich výstup na stránce.

Vytvořte stránku nebo článek

Obvykle vás kliknutím na tlačítko Přidat přesměrujete do editoru wysiwyg na hlavním panelu WordPress. Plugin Front-end Editor vám umožňuje zůstat na hlavním webu a umožňuje vytvořit stránku přímo na něm. Jednoduše zadáte požadovaný název tam, kde je napsáno „TITLE“, a obsah na místo nápisu „Stačí napsat ...“. Pokud na tento nápis jednou kliknete, zobrazí se trvalý odkaz na stránku, který lze ve vyskakovacím okně změnit.

Vytváření příspěvků pomocí Front-end Editoru je podobné, ale s možností přidat kategorii. Chcete-li to provést, klikněte na místo, kde se ve vaší šabloně zobrazují nadpisy. Poté se před vámi objeví okno, ve kterém můžete označit potřebné kategorie pro příspěvky a také vytvořit nové a vybrat pro ně nadřazené kategorie.

Přidávání obsahu

Když kliknete kamkoli do pole pro zadání obsahu záznamů, zobrazí se před vámi tlačítko. Přidat blok". Umožňuje umístit bloky, ve kterých se provádí výstup. různého obsahučlánky. Mezi tyto bloky patří:

Pokud tyto bloky umisťovat nechcete, můžete začít psát. Chcete-li znovu zavolat výstup tlačítka Přidat blok, stačí provést zalomení řádku. Kromě toho můžete kterýkoli z bloků odstranit a také jej vyjmout a vložit jinam, pokud má nějaký obsah. Vezměte prosím na vědomí, že bloky, které zůstanou bez obsahu, budou nakonec vypadat jako prázdná místa na hlavním webu.

Formátování textu

Při vytváření článků můžete kdykoli formátovat textový obsah. Chcete-li to provést, jednoduše vyberte požadovanou větu nebo ji vytvořte dvojklik na správné slovo. Poté se zobrazí malé okno, kde můžete vybrat následující typy formátování:

• Tučné písmo;
• Kurzíva;
• Přeškrtnutí;
• Odkaz;
• Citát;
• Nadpisy H2 a H3.

Bohužel plugin nemá jiné typy formátování, ale pro rychlou opravu záznamů to docela stačí. Navíc vám nic nebrání přejít do standardního vizuálního editoru WordPress, který má rozšířenější seznam značek.

Připojení médií

Když do textu článků přidáte blok s mediálními soubory, otevře se vám knihovna, kde můžete vybrat stávající soubory nebo nahrát nové. Tento standardní obrazovka přidávání mediálních souborů do wordpressu, aby měl vše požadované funkce, jako jsou: vytvoření galerie, nastavení náhledu obrázku, vložení z adresy URL, nahrání souborů, změna nastavení obrázku.

Po vložení obrázku na něj můžete kliknout a nastavit zarovnání. Případně můžete vybrat tužku pro přístup k možnostem obrázku, které se zobrazí ve vyskakovacím okně. Podobně plugin umožňuje provádět úpravy v galerii obrázků.

Přepnutí na standardní vizuální editor

Díky možnostem, které plugin Front-end Editor přináší, lze většinu změn textu příspěvků provést přímo na hlavní stránce, s výjimkou SEO nastavení, stejně jako některé HTML tagy. Ale bez ohledu na to, kde se na webu nacházíte, vždy můžete přejít do pokročilého vizuálního editoru kliknutím na tlačítko „Upravit v admin“ v nabídce úprav příspěvku.

V případě, že se chcete vrátit ke změně obsahu záznamů přímo na hlavní stránce, stačí kliknout na „Zobrazit“. Tím se dostanete na příslušnou stránku, ale nebudete moci hned změnit obsah. Chcete-li pokračovat v opravě textu, budete muset kliknout na "Upravit" nebo "Upravit",

Ukládání a publikování

V nabídce úprav záznamů v horní části obrazovky je můžete uložit nebo publikovat. V tomto případě, bez ohledu na to, jakou položku vyberete, zůstanete ve stejném okně a obdržíte upozornění. Můžete tak nadále provádět změny v textu příspěvků a zároveň se dívat na výstup výsledku.

Jaká je budoucnost Front-end Editoru

Pravděpodobně jednoho dne bude tento plugin zabudován do WordPressu jako základní funkce. Do té doby jej můžete používat, abyste mohli mít skutečný režim wysiwyg nezávisle na nainstalovaná šablona. Výstup článků budete moci vidět tak, jak skutečně budou vypadat, protože je vytvoříte přímo na hlavní stránce webu. To vám ukáže, jak obrázky a textový obsah uvidí uživatelé, aniž by museli provádět zbytečné přechody, což jistě urychlí proces psaní příspěvků.

Závěr

Na rozdíl od velký počet Plusy, plugin Front-end Editor má několik nevýhod. V zásadě jsou spojeny s nějakými chybami, které však nebrání jeho fungování. Problémy jsou například s ukládáním a publikováním příspěvků při aktivaci některého ze standardů WordPress šablony, stejně jako drobná selhání při změně obsahu. Ať už je to cokoliv, je to skvělý plugin, který vám může ušetřit obrovské množství času při vytváření obsahu a také vám poskytne skutečný wysiwyg zážitek.