witti

Witti – layout pro administraci zdarma

Často si pro své osobní projekty potřebuji vytvořit menší administraci, která slouží čistě jednoúčelově, například pro editaci zpráv na úvodní stránce webu apod. Když k něčemu podobnému dojde, přemýšlím nad rychlým řešení v php a nemám chuť se zabývat tím, jak má ona malá administrace vypadat. Za prvé to není podstatné, protože v drtivé většině případů jsem jediným uživatelem já sám a za druhé na administraci neodkazuji, takže jako taková není indexována vyhledávači. Nevidím tudíž důvod zabývat se příliš validitou nebo designem a v minulosti jsem to vždy nějak „dal do kupy“.

Nicméně poslední dobou mě napadlo, že podobný problém se může dotýkat více lidí, a tak jsem se rozhodl vytvořit jednoduchý layout pro podobný případ. Předem předkládám, že se nejedná o design pro široké redakční administrace nebo systémy e-shopů. Pojmenoval jsem ho Witti a naleznete jej na adrese witti.poho.cz ke stažení v ZIP souboru a volně k použití.

Layout je vytvořen ve validním XHTML a CSS kódu a pokusil jsem se v něm obsáhnout všechny prvky, které by se mohly v malé privátní administraci objevit. Mezi ty řadím především následující:

  • formátování nadpisů, odstavce, citace, oboustranné zarovnání obrázků
  • formátované seznamy
  • tabulka s informacemi, tabulka jako seznam (např. uživatelů)
  • formuláře
  • zprávy (chybová hláška, otázka, zpráva o úspěchu)
  • galerie obrázků

V kódu jsem použil Plaváčkovo řešení formátování formulářů a Pixyho javascriptové řešení „pruhovaných“ tabulek. Díky němu při vytváření tabulek přes php nemusíte myslet na obarvování lichých či sudých řádků, protože javascript udělá vše za vás. Pokud má uživatel vypnutý javascript, nic se neděje, tabulka zůstane neobarvená.

Jestliže vám moje řešení jakkoliv pomůže, budu rád. Pokud Vám něco zásadního v layoutu chybí, dejte mi vědět, pokud to bude možné, pokusím se vám pomoci s řešením.

Sdílejte článek:

Autor

Ondřej Pohorský

Autor poho.cz, tvůrce webů, obyvatel Brna, otec jednovaječných dvojčat a majitel Bromíka.

19 komentářů: „Witti – layout pro administraci zdarma“

  1. Vypadá to hezky, ale to už jsem ti asi 100× říkal na ICQ. 😉

    BTW, až teď jsem si všiml pozadí tohohle blogu, je nádherné.

  2. jej na poho.cz jsem už dlouho nebyl … je to moc pěkné, malinko se od tebe inspiruju v projektu který dělám …

  3. No Ondro, musím tě pochválit.. Pravidelně jsem sledoval dění okolo Poho.cz a jsem jednak rád, že ses uzdravil, ale taky že už vše jede tak jak má…

    Design je v pohodě, teďka navíc dělám projektík do školy v linuxu a i v tomto OS to je úplně ok, tedy že vše jede tak jak má…No nemá smysl to nějak ještě natahovat, prostě dobrá práce. :)…

  4. Vypadá to dobře, právě teď si hraju s jednou administrací, tak to zkusím použít. Díky

  5. Vypada to fakt dobre, az na tu licenci – zadne prilepky jako „bsd licence s podminkou odkazu dole“ nejsou mozny, napriklad takto porusuje GPL redakcni system phpRS.

    A jinak stejne nechapu, k cemu je odkaz v administraci, kdyz se tam zadny vyhledavac vetsinou nedostane 🙂

  6. Třeba pro klienta, kterému děláte jednoduchý cms… 😉

  7. Hi Onrej, pls nemohol by si layout updatnut tak aby sa nedal horizontalne zmensit az na nulu (pod IE6, FF, O)? Kcelo by to nejake min-width, pod ktore sirka neklesne.

    Prikladom byt CMSmadeSimple>> http://demo.opensourcecms.com/cms/

  8. [12] NOX: Ahoj Noxi, problém s úpravou je čas, který mi bohužel schází z důvodů realizace jiných projektů.

    Pokud by jsi chtěl Witti upravit ty, můžeš tak učinit a poslat mi jej upravený na e-mail, rád ho pak na web umístím.

  9. Zdravím, zajímalo by mne, jak je to vlastně s tou licencí. BSD licence musí obsahovat zřeknutí se odpovědnosti, což jsem tedy nikde nenašel.

    Navíc hlavičky v css souborech obsahují větu „All rights reserved“, což IMHO odporuje smyslu jakékoli „free“ licence.

  10. prosim vas, tam pisete ze si z toho mozem vytvorit môj vlastný cms, tak sa teda pýtam že ako? kde sa to edituje a ako? pprosim napiste mi na mail adam.dca@azet.sk lebo sem chodim tak raz za mesiac, dakujem, =)

  11. [15] adam: Witti není hotové CMS, je to jen XHTML a CSS šablona, kterou mohou použít programátoři, když si vyrábějí vlastní CMS a nechtějí ztrácet čas s tím, aby si dělali „design“ vnitřní administrace.

  12. Super věcička, strašně moc ulehčí práci. Já jsem nikdy na design nebyl takže administrace vypadala jak z druhé světové války .) Moc díky.

Napsat komentář

Vaše emailová adresa nebude zveřejněna.