Cílem diplomové práce je demonstrovat postupy pro tvorbu grafického rozhraní a šablon v Elementor a Elementor Pro a jejich možné využití při výuce webových stránek. Praktickým výstupem bude plugin sloužící k upravení a rozšíření stávajících Elementor Widgetů a také bude zveřejněn ke stažení na GitHub. Součástí výstupu bude také popis postupů pro vytvoření základních grafických prvků jako je Header, Footer, tělo stránky (šablony) a práce se základními Widgety pluginu Elementor.
Annotation in English
The goal of the diploma thesis is to demonstrate the procedures for creating graphical interfaces and templates in Elementor and Elementor Pro and their possible use in web design lessons. The practical output will be a plugin used to modify and extend existing Elementor Widgets and the plugin will be published for download on GitHub. The output will also include a description of the procedures for creating basic graphic elements such as Header, Footer, page body (templates) and working with the basic Widgets of the Elementor plugin.
Keywords
Elementor, WordPress, redakční systém, UI/UX, web, učitelství
Keywords in English
Elementor, WordPress, cms, UI/UX, web, teaching
Length of the covering note
75 s. (99 705 znaků)
Language
CZ
Annotation
Cílem diplomové práce je demonstrovat postupy pro tvorbu grafického rozhraní a šablon v Elementor a Elementor Pro a jejich možné využití při výuce webových stránek. Praktickým výstupem bude plugin sloužící k upravení a rozšíření stávajících Elementor Widgetů a také bude zveřejněn ke stažení na GitHub. Součástí výstupu bude také popis postupů pro vytvoření základních grafických prvků jako je Header, Footer, tělo stránky (šablony) a práce se základními Widgety pluginu Elementor.
Annotation in English
The goal of the diploma thesis is to demonstrate the procedures for creating graphical interfaces and templates in Elementor and Elementor Pro and their possible use in web design lessons. The practical output will be a plugin used to modify and extend existing Elementor Widgets and the plugin will be published for download on GitHub. The output will also include a description of the procedures for creating basic graphic elements such as Header, Footer, page body (templates) and working with the basic Widgets of the Elementor plugin.
Keywords
Elementor, WordPress, redakční systém, UI/UX, web, učitelství
Keywords in English
Elementor, WordPress, cms, UI/UX, web, teaching
Research Plan
Prostudujte a stručně představte redakční systém (CMS) Wordpress.
Popište hlavní možnosti jeho úprav promocí šablon, pluginů a dalších možností customizace.
Seznamte se s pluginy Elementor a Elementor PRO a popište jejich hlavní funkcionalitu.
V rámci praktické části popište způsob návrhu webu pomocí CMS Wordpress a pluginu Elementor na vybraný způsob užití.
Navrhněte a implementujte vlastní plugin sloužící k úpravě či rozšíření stávajících Elementor widgetů.
Research Plan
Prostudujte a stručně představte redakční systém (CMS) Wordpress.
Popište hlavní možnosti jeho úprav promocí šablon, pluginů a dalších možností customizace.
Seznamte se s pluginy Elementor a Elementor PRO a popište jejich hlavní funkcionalitu.
V rámci praktické části popište způsob návrhu webu pomocí CMS Wordpress a pluginu Elementor na vybraný způsob užití.
Navrhněte a implementujte vlastní plugin sloužící k úpravě či rozšíření stávajících Elementor widgetů.
Recommended resources
MCNULTY, Scott. WordPress: efektivní publikování na webu. Brno: Zoner Press, 2009. Encyklopedie webdesignera. ISBN 9788074130427.
WILLIAMS, Brad. Professional WordPress : design and development. Third edition. Indianapolis: Wrox a Wiley Brand, 2015. ISBN 978-1-118-98724-7.
ŠESTÁKOVÁ, Lucie. WordPress: vlastní web bez programování. Brno: Computer Press, 2013. ISBN 9788025138328.
