Artisteer 2.3: WYSIWYG stavebnice šablon pro redakční systémy

Grafické návrhy šablon pro redakční systémy či blogy lze realizovat různými způsoby. Pokud se nechcete přímo zabývat HTML + CSS kódem a potřebujete vizuální editor šablon, možná se vám bude líbit Artisteer, což je svým způsobem unikátní stavebnice prefabrikovaných částí designů, jejichž jednotlivé části si můžete libovolně zkombinovat a poskládat do jednoho celku.

21.10.2009   Němec Luboš   Webdesign   Článek  




Artisteer patří do kategorie vizuálních editorů, ve kterých si může poskládat šablony s defaultním vzhledem webové stránky pro redakční systém či blog (na bázi RS). Největší předností aplikace je reálný vizuální náhled šablony s blokovými prvky, které nemusíte nijak programovat, nýbrž si je jednoduše necháte navrhnout jako kombinaci vzhledů z různých předdefinovaných šablon. Nemusíte se tedy vůbec zabývat HTML/XHTML kódem či kaskádovými styly, ani technologiemi pro vyhledávání, RSS zdroje apod., to vše za vás do šablony vloží samotný editor.

Aby bylo ovšem předem jasné, Artisteer nefunguje jako reálný WYSIWYG HTML editor, nýbrž opravdu pouze jako klikací stavebnice, ve které si můžete vzhledově, částečně graficky a především barevně přizpůsobit a nastylovat různé defaultní šablony. K dispozici jsou verze Artisteeru pro Windows a Mac OS X, a to ve dvou edicích Home a Standard, nabízených za 50 a 130 USD.

Home nebo Standard Edition?

Obě edice Artisteeru umí navrhovat a měnit šablony z XHTML + CSS kódu a exportovat šablony pro WordPress, což je jeden obecně z nejrozšířenějších redakčních systémů. Hlavním rozdílem obou variant Artisteeru je současně právě podpora redakčních systémů – varianta Standard Edition podporuje ještě export šablon pro taktéž velmi známé redakční systémy Joomla, Drupal a skiny pro DotNetNuke, export je u dražší verze editoru možný i jako ASP.NET aplikace a ve formátu vhodném pro CodeCharge Studio (C# kód). Dalším rozdílem je pak počet grafických objektů, variant barvových přechodů, palet barev, schémat písem a dalších prvků, které můžete v rámci dané šablony takřka libovolně kombinovat.


Artisteer 2.3 - prostředí editoru šablon s tzv. Ribbon GUI

Novinkou Artisteeru 2.3 (zatím v betaverzi) je například podpora Google Blogger (blogspot.com), pro který můžete publikovat šablony stejně jako pro ostatní redakční systémy. Mezi další novinky patří rozšířená podpora komentářů pro WordPress, nové grafické prvky (tlačítka, textury, ikony) a různé opravy korigující kompatibilitu exportovaných šablon pro jednotlivé redakční/blogovací systémy.


Artisteer 2.3 - nabídka typů šablon pro několik redakčních systémů

Prostředí editoru a úpravy šablon

Po volbě typu šablony pro konkrétní redakční systém „nahodí“ Artisteer jeden z předdefinovaných layoutů, jehož variance můžete snadno měnit klikáním na jedno tlačítko. Editor používá tzv. Ribbon GUI známé z MS Office 2007 i dalších aplikací, ve kterém se pohybujete v jednotlivých záložkách a výsuvných menu. Všechny nabídková menu programu jsou čistě vizuální a na schematickém či reálném náhledu vidíte konkrétní grafické prvky, barvy, písma a další části šablony.


Artisteer 2.3 - přímý výběr barevných variant hlavních segmentů šablony


Artisteer 2.3 - vizuální výběr umístění bloku pro vyhledávání


Artisteer 2.3 - volby stylů pro pozadí šablony


Artisteer 2.3 - obrázky můžete v editoru také různě přebarvit a opatřit několika efekty


Artisteer 2.3 - nastavení rozměrů textových bloků

Pokud se ptáte, kolik variací šablon umí Artisteer vygenerovat a zkombinovat, pak nemám žádné přesné číslo – jsou to určitě stovky a tisíce kombinací barev, barevných přechodů, obrázků, textur, písem, tlačítek, ovládacích menu apod. Vizuálně si můžete přizpůsobit také téměř všechny blokové prvky v šabloně reprezentované například rozmístěním sekcí s daty pro filtrování článků, jejich indexem, vyhledávací lištou, navigačními menu i umístěním samotných článků. Z nabízených grafických a textových prvků si také můžete libovolně nakombinovat tlačítka i styl menu včetně rollover efektů, detailně konfigurovat lze samozřejmě i styly odkazů a většinou dalších textových prvků v šabloně včetně citátů, tabulek, odrážek i záhlaví a patičky stránky.

Export upravené a barevně „odladěné“ šablony je automatizovaný, šablony pak jen stačí aktivovat v daném redakčním systému. Je třeba dbát na přesnou verzi RS, pro kterou jsou šablony určené, v opačném případě nemusí šablona korektně fungovat.


Artisteer 2.3 - záložka s funkcemi pro úpravy vzhledu článků v šabloně


Artisteer 2.3 - editace stylů navigačních menu


Artisteer 2.3 - předvolby pro export šablon pro systém Blogger


Artisteer 2.3 - export HTML šablony

Závěr

Artisteer je hodně šikovný program, který umí věci, o kterých se může jiným specializovaným vizuálním editorům šablon jen zdát. Perfektně (s pomocí ribbon rozhraní) je vymyšleno skládání či spíše záměna a práce s variacemi grafických prvků, barevných schémat, písem a blokových prvků šablony, které se jednoduše mění pouhým klikáním myší. Moc slavné to bohužel není s cenou aplikace, která je i ve své jednodušší verzi pro běžné uživatele stále relativně drahá.

Zkušební verzi Artisteeru si můžete stáhnout zdarma.


Artisteer 2.3 - předvolby pro úpravu textur a obrázků


Artisteer 2.3 - předvolby pro navigační menu


Artisteer 2.3 - volby pro editaci záhlaví v šabloně


Artisteer 2.3 - editace stylů bloků


Artisteer 2.3 - volba ikony pro RSS

Anketa

Autor

Němec Luboš
Zkušený žurnalista se zaměřením na webdesign, grafiku a multimedia. Dlouhodobě se věnuje recenzování produktů a je uznávaným analytikem v oboru.

všechny články autora

Relevantní příspěvky z diskuzních for

4
reakcí

Koncept designu webu SNG

Spracoval som navrh redesignu webu sng.sk. Je k videniu tu: http://www.leland.sk/sng/ rad si vypocujem vase

3
reakcí

Kritika webu www.elektro.prodejce.cz

Dobrý den, předem upozorňuji, že jde o amatérský web vytvořený studentem, opět bazar nábytku a bazar elektrospotřebičů web: [url]http://www.elektro.prodejce.cz[/url] Prosím o kritiku zejména co se týče přehlednosti,

1
reakcí

jaký cms/blog zvolit?

Hezký den, po pár letech bych se rád "vrátil na internet". Můj "snadjednoupodnikatelský" záměr by měl spočívat v založení a spravování blogu/webu snažícího se především pomocí jakýchsi rychlých zpráv mapovat situaci v

1
reakcí

nové designy webů

Ahoj, jak se tak koukám po webech poslední dobou narážím na weby, které jsou tvořeny, tak že hlavním grafickým prvkem je fotografie v pozadí, která se posouvá v závislosti na velikosti otevřeného okna. Když jsem to

6
reakcí

Rozbalovací menu

Prosím potřeboval bych poradit, jak udělat jednoduché rozbalovací menu jako je např. v průzkumníkovi. Nechci tam ale obrázky složek nebo souborů, nic takového ale jen jeden odkaz, který rozbalím na dva pododkazy