Jak vložit zajímavé ikonky do editoru bloků Gutenberg?

V březnu tohoto roku byl vydán zajímavý plugin, který umožňuje jednoduše vložit ikonky do editoru Gutenberg kamkoliv chcete a to jen pomocí tlačítka. Plugin se jmenuje JVM Gutenberg Rich Text Icons a přišel s ním vývojař Joris van Montfort.

https://cs.wordpress.org/plugins/jvm-rich-text-icons/

Plugin je založen na ikonkách knihovny Font Awesome, verze 4.7, ale pokud jste vývojař, tak si můžete ikonky nahradit svojí vlastní sadou. Velkou výhodou tohoto pluginu je, že tlačítko pro vložení ikonky se nachází v horní liště panelu nástrojů a nejdete ho mezi zarovnáním textu a ikonkou B (tučně). Můžete tak ikonku vložit kamkoliv a to i mezi text nebo před/za nadpis.

Další zajímavostí tohoto pluginu je, že velikost či barva ikonky zůstane stejná při vložení do stejného bloku okolního textu. Tzn., vložíme-li ikonku například do tlačítka s modrým obrysem a textem o velikosti 16px, zdědí ikonka stejné parametry.

Autor pluginu také poskytl háčky, takže vývojaři třetí stran mohou implementovat vlastní sasu ikonek Font Awesome prostřednictvím souboru JSON. K dispozici je také možnost nahrát nebo přepsat vlastní šablony stylů a tříd.

Nové projekty: Spustili jsme pár nových webů na WordPressu

Bodyness.cz

Během jarního měsíce jsme pracovali na redesignu webových stránek Bodyness.cz, který je postaven na redakčním systému WordPress. Klientky původní web byl postaven na šabloně a neumožňoval přidání vlastních sekcí, byl nebezpečný, neaktualizovaný a vykazoval řádu bezpečnostních chyb. My jsme se proto rozhodli web postavit zcela na míru na vlastní responzivní šabloně. Výsledkem je moderní bezpečný web, který má přehlednou administraci a bezpečný kód.

Prohlédnout si web online

Fonokarta.cz

Naším dalším projektem je osobní projekt klienta s názvem Fonokarta.cz. Jak už název napovídá, jedná se o pohlednice, které mají zalisovanou stopu do fólie na jejím povrchu. Fonokarty byly v minulosti vyráběný společně s gramofonovými deskami. Naším úkolem bylo navrhnout přehlednou grafiku, vypořádat se s velkým množstvím fonokaret na jedné stránce, mít možnost přidat zvukový záznam k detailu fonokarty a postavit celý web na redakčním systému WordPress.

Prohlédnout si web online

Vegamenu.cz

Projekt Vegamenu začal již před rokem a půl, kdy se klient odmlčel a tak se zdálo, že projekt nadobro skončil. Nakonec se klient těsně před Vánoci ozval s tím, že chce web dokončit a v únoru letošního roku jsme ho také spustili. Jedná se o firemní web vegetariánské restaurace sídlící v Olomouci. Web byl vytvořen zcela na míru, má originální grafiku ve firemních barvách odstínů zelené a je postavený na redakčním systému WordPress.

Prohlédnout si web online

Kouzelný kratom

Na začátku ledna tohoto roku jsme byli oslovení abychom převedli grafiku projektu Kouzelný Kratom na WordPress. Nutno na začátku dodat, že podklady od grafika byla ve špatné kvalitě. Museli jsme se tak s tímto problémem vypořádat. Nejdříve jsme všechny grafické podklady převedli do responzivních HTML/CSS/JS šablon, které jsme pak dále napojili na redakční systém WordPress. Všechny texty a obrázky na webu jsou plně editovatelné.

Prohlédnout si web online