Co je tedy ve WordPressu 3.0 s označením „Thelonious“ nového? Kompletní seznam novinek si můžete projít třeba na http://codex.wordpress.org/Version_3.0, my se zmíníme pouze o těch zásadnějších novinkách nové verze.

Vlastní typy příspěvků

Běžně může uživatel ve WordPressu vytvářet příspěvky – články a stránky. V nové verzi toto omezení odpadá. Lze si definovat zcela vlastní typ obsahu, který pak může každý uživatel vytvářet. Vezměme si například public relations agenturu, která by ráda na svých stránkách zveřejnila seznam svých klientů. Vytvoří se nový typ obsahu, kde bude jako nadpis název klienta, přidá se pole s poštovní adresou, s adresou webových stránek klienta a další pole podle potřeby. Když pak bude správce stránek „vkládat“ nového klienta, jednoduše vyplní uvedená předdefinovaná pole.

Nová správa menu

Předchozí verze WordPressu měly vždy navigační menu pevně dané podle vloženého obsahu. Měnit menu bylo možné, ale pouze zásahem do zdrojového kódu šablony vzhledu, což rozhodně nebylo ideální. Nyní lze menu spravovat v administraci WordPressu pomocí drag&drop. Odkazy v menu mohou navíc vést na stránky či příspěvky „uvnitř“ WordPressu (nebo i kategorie), je také možné přidávat odkazy na externí webové stránky. Hotové menu se pak vloží na stránky jako tzv. widget. Tuto funkčnost však musí podporovat používaná šablona vzhledu.

Vlastní kategorizace

Novou vlastní kategorizaci obsahu využijí spíše pokročilejší weboví vývojáři. Jde o funkci, která pomůže detailněji třídit obsah, de facto jde o možnost zadávat další metadata k příspěvkům. Dříve šlo určit u každého příspěvku, do jaké kategorie patří, případně jsme mohli přiřadit příspěvku určitý tag – štítek. Nyní tedy můžeme přidávat další typy metadat, kupříkladu můžeme obohatit každý příspěvek o hodnocení (filmu, knihy apod.), kde bude možné zvolit známku „1“ až „5“.

Nová přednastavená šablona vzhledu Twentyten

Ano, máme 2010, proto se nová defaultní šablona jmenuje Twentyten ;-) Právě tato šablona umožňuje naplno využít všechny novinky WordPressu 3.0. Je například možné změnit obrázek v záhlaví stránky, samotná šablona nabízí 8 obrázků. Uživatel může také nahrát svůj vlastní obrázek.

Možné je také měnit obrázek na pozadí stránky, opět lze nahrát vlastní obrázek, nebo můžete definovat pouze barvu pozadí bez toho, že by se využil obrázek.

Víceuživatelský WordPress

Tradičně byl WordPress vydáván v klasické verzi a také paralelně ve víceuživatelské verzi s označením MU (Multi-User). WordPress 3.0 obě uvedené verze sjednocuje do jedné univerzální verze, která může fungovat jako klasický WordPress web nebo lze nastavit instalaci WordPressu 3.0 jako multiuživatelskou. Co to v praxi znamená? Nyní může vlastník WordPress webu provozovat na 1 instalaci více webů, které sdílí instalaci WordPressu, zvenčí se ale tyto weby jeví jako samostatné stránky, které běží buď v podadresářích hlavního webu (např. hosting.cz/shop), na doménách 3. úrovně (shop.hosting.cz) nebo na samostatných doménách 2. úrovně. Stejně jako u vlastní kategorizace obsahu jde o funkci, kterou využijí zkušení uživatelé WordPressu.

Co dál?

Další podstatnou novinkou je možnost zadat administrátorské uživatelské jméno při instalaci. Tato možnost je velice dobrým počinem, který výrazně zvýší bezpečnost instalací systému WordPress. Pamatujte prosím na to a nezadávejte při instalaci uživatele „admin“, zvolte si prostě vlastní jméno. Dříve toto nebylo možné a často docházelo k útokům na systém WordPress právě přes administrátorský účet s uživatelským jménem „admin“.

Novinkou je také možnost využití vlastního tzv. zkracovače URL adres. Přepracování se dočkala také administrace, která se zbarvila, resp. odbarvila do jemně šedých odstínů. Pozornost uživatele tak poutá vlastní obsah. A vo tom to je přece :-)

Co tedy dělat, aby se naše práce, náš web postavený na WordPressu, nestal předmětem útoku hackera?

1. Aktualizujte WordPress na nejnovější verzi, jakmile je dostupná

Vývojáři a uživatelé WordPressu často nacházejí bezpečnostní chyby v systému. Může jít o drobnosti nebo i závažnější problémy. Nové verze systému WordPress se často vydávají proto, aby se „záplatovaly“ bezpečnostní rizika a chyby. Je tedy dobré sledovat vývoj a jakmile je vydána nová verze, tak aktualizovat!

2. Používejte silná hesla

Velká část útoků využívá toho, že hesla administrátora či ostatních uživatelů WordPressu jsou lehce uhádnutelná. Nepoužívejte jako heslo své křestní jméno, ani příjmení, ani jejich kombinaci. Ideální heslo by měla být nesmyslná směsice znaků, tedy písmen malých i velkých a čísel, s délkou 8 a více znaků.

3. Nastavte přísná pravidla pro zápis do souborů

Všechny soubory by měly být vlastněny vaším uživatelským účtem a pouze tento účet by měl mít právo zápisu do všech souborů. To platí i o tzv. root adresáři WordPressu, nikdo jiný by neměl mít právo zápisu k těmto souborům. Výjimkou je pouze .htaccess soubor, který by měl být editovatelný WordPressem. Nastavení dalších složek vypadá následovně:

• Složky /wp-admin/ a /wp-includes/ by měly být zapisovatelné pouze daným uživatelským účtem.
• Adresář /wp-content/ je určen k zápisu kýmkoliv, protože obsahuje soubory, které do systému nahrávají uživatelé – správci a editoři.
• Podadresář /wp-content/themes/ by měl být zapisovatelný pouze v rámci skupiny, aby bylo možné editovat vzhledy přímo z WordPressu.
• Další podadresář /wp-content/plugins/ by měl být zapisovatelný pouze uživatelem.
• Na sdíleném hostingu, což bude nejčastější případ, je pak dobré zabezpečit soubor wp-config.php nastavením 750, takže se nikdo nedostane k vašim přístupovým údajům k databázi. Navíc tento konfigurační soubor můžete přesunout o úroveň výše v adresářové struktuře.

4. Používejte administraci pouze přes SSL protokol

Od verze 2.6 lze využívat zabezpečený protokol SSL k přístupu do správy WordPressu.

5. Vypněte funkce, které nepotřebujete

Typickým příkladem je vypnutí registrace uživatelů, kterou nepotřebujete v mnoha případech. Pokud jste jedinou osobou, která se o web či blog stará, není třeba povolovat registraci dalším uživatelům.

6. Pozor na pluginy

Používejte pouze pluginy, které skutečně potřebujete. Všechny pluginy udržujte v nejnovější dostupné verzi. Prověřte pluginy, které vyžadují právo zápisu.

7. Nepoužívejte správcovský účet „admin“

Uživatel „admin“ je přednastaven WordPressem jako hlavní správce systému, od verze 3.0 si však můžete toto uživatelské jméno nastavit sami podle vlastního přání. V předchozích verzích systému je možné toto uživatelské jméno změnit, resp. smazat uživatele „admin“ poté, co založíte nového uživatele s právem administrátora.

8. Přejmenujte tabulky v MySQL databáze

WordPress používá u jména databáze předponu „wp_“. Je dobré změnit tuto předponu na vlastní kombinaci znaků, čímž předejdete určitému procentu útoků na vaši databázi.

9. Uzamčení .htaccess

S využitím souboru .htaccess můžete kompletně „uzamknout“ adresář /wp-admin/ a povolit přístup do administrace pouze vybraným uživatelům z daných IP adres. Soubor .htaccess vypadá následovně:

AuthUserFile /dev/null
AuthGroupFile /dev/null
AuthName "Access Control"
AuthType Basic
order deny,allow
deny from all
#IP address to Whitelist
allow from xxx.xxx.xxx.xxx

Stačí namísto xxx.xxx.xxx.xxx vložit vaši IP adresu, případně přidat další řádky s „allow from“. Pochopitelně tento trik je dobrý pouze v případě, že váš WordPress má jednoho nebo několik málo správců a editorů, kteří na web či blog přispívají.

10. Zálohovat, zálohovat a zálohovat

Ať se děje, co se děje, je dobré zálohovat. Pravidelně zálohovat je třeba data z FTP serveru stejně jako databázi.

Máte nějaké další tipy? Napište je prosím do komentářů.

1. Úprava tzv. nástěnky

Jakmile se přihlásíte do administrace WordPressu (v našem případě na http://www.hosting.cz/wp-admin/), je vhodné upravit si úvodní stránku tak, aby obsahovala pouze informace, které jsou pro vás relevantní, a umožňovala akce, které budete skutečně provádět. Úpravu provedeme pod odkazem „Nastavení zobrazených informací“.

2. Úprava základního nastavení

Je dobré vyplnit všechna základní nastavení na http://www.hosting.cz/wp-admin/options-general.php, zejména „URL adresa instalace WordPressu“ a „URL adresa webu“ (u nás v obou případech http://www.hosting.cz), dále je dobré nastavit časové pásmo a formáty data (vlastní: j. n. Y) a času, případně nastavit první den v týdnu na pondělí.

3. Nastavení čtení (http://www.hosting.cz/wp-admin/options-reading.php)

Pokud nechcete návštěvníka stránek zaplavit na úvodní stránce novinkami, můžete vyrobit vlastní stránku, kterou pak nastavíte jako úvodní. Takové nastavení je zvlášť vhodné pro firemní webové stránky, kdy WordPress slouží jako redakční systém (CMS) a ne jako blogovací systém.

4. Nastavení trvalých odkazů (http://www.hosting.cz/wp-admin/options-permalink.php)

Výchozí nastavení trvalých odkazů není ideální. Vaše články bude snazší najít ve vyhledávačích, pokud zvolíte možnost „Rok, měsíc, název“, kdy se název příspěvku objeví v tzv. URL adrese tohoto příspěvku.

5. Doplňte pluginy (http://www.hosting.cz/wp-admin/plugins.php):

• Akismet je obsažen v instalaci WordPressu, chrání před tzv. komentářovým spamem. Při aktivaci pluginu budete potřebovat tzv. API klíč, který získáte na http://akismet.com/get/.
• All in One SEO Pack zajistí lepší viditelnost webu ve vyhledávačích. Jistě znáte tu magickou zkratku SEO. Na začátek nepotřebujete SEO mága, stačí tento plugin.
• Google XML Sitemaps dá vědět světu, že vaše stránky existují, navíc řeknou Googlu a spol., co na svém webu máte. Opět jde o pomůcku pro snazší vyhledání vašeho webu na internetu.
• Google Analytics for WordPress vloží do stránek měřící kód služby Google Analytics (www.google.com/analytics/), která (zadarmo) zjišťuje návštěvnost vašich stránek.
• Disqus Comment System je vhodný pro pokročilejší uživatele WordPressu, kteří chtějí usnadnit návštěvníkům vkládání komentářů. Zároveň je možné komentáře publikovat na Facebooku a ostatních sociálních sítích. Disqus je navíc dostupný v češtině.
• WP Super Cache zrychlí vaše stránky, protože nejčastěji navštěvované stránky uloží do tzv. cache. Tento plugin je také dobré instalovat, pokud se vaše stránky pyšní obrovskou návštěvností, dojde pak ke snížení zátěže serveru.

6. Vylaďte vzhled stránek (http://www.hosting.cz/wp-admin/themes.php)

WordPress obsahuje po instalaci 2 základní témata – vzhledy. Je však dobré se aspoň trošku lišit, proto není od věci najít vhodné téma, které bude odpovídat vašim konkrétním potřebám, případně firemnímu designu. Na internetu lze najít velké množství vzhledů zdarma, některé kvalitní vzhledy pak lze koupit. Za všechny jmenujme třeba Woo Themes. Drtivá většina těchto témat – vzhledů je v angličtině, takže při nasazování je nejdříve nutné téma přeložit. Vyhnout se tomu dá tak, že si najmete webdesignéra, který vytvoří téma podle vašeho zadání a pochopitelně v češtině.

7. Obsah je král

Ano, často se říká, že obsah je král. Platí to stále a to i v dobách uživatelsky generovaného obsahu. Obsah stránek je to, proč návštěvníci na vaše stránky zavítají. Proto mu věnujte mimořádnou pozornost. Pište novinky a myslete na to, že čtenáře zajímá v první řadě to, jaké výhody plynou z toho, že si přečte váš článek nebo použije vaši službu či výrobek. Kvalitní obsah je velice drahý a jeho tvorba je běh na dlouhou trať. Nakonec je to ale právě obsah, který zaručí, že vy, resp. vaše stránky přežijí.

Tedy co udělat, aby peníze investované do firemního webu nebyly vyhozené a aby výsledek – webové stránky či webová aplikace za něco stály. Je to poměrně složité, ale pokud se budete držet následujících rad, tak můžete dojít úspěšně do cíle.

Proč
Odpovězte si na otázku, proč web vlastně dělat? Základní jsou 2 možnosti: informovat návštěvníka stránek (poskytnout mu hledanou informaci, vzdělávat ho apod.) nebo zprostředkovat nějakou transakci (typicky elektronický obchod, aukce, seznámení a podobně). Máte odpověď? Pokud ano, tak je to dobrý začátek.

Pro koho?
Komu bude náš web určen? „Všem“ je totéž co „nikomu“, tudy ne. Zřejmě to budou naši zákazníci, partneři, potenciální pracovníci, zástupci médií, kdo ještě? Jaká bude motivace, aby členové těchto cílových skupin navštívili náš web? Ano: chtějí od nás něco koupit, potřebují poradit s výrobkem či službou, kterou od nás koupili. Nebo u nás chtějí pracovat, případně o nás napíší do novin. Pěkně se nám to „segmentuje“, každý chce něco jiného. Mimochodem, znáte skvělý „TED Talk“ Malcolma Gladwella o špagetové omáčce?

Co a jak?
Pomalu se začínáme blížit k závěru úvodní části. Nyní budete potřebovat někoho, komu nejsou cizí zkratky IA a UI. Bude totiž třeba definovat, jaké informace se na webu objeví, proto to IA. Druhým krokem bude určit, jakým způsobem budou vybrané informace prezentovány, resp. jakým způsobem bude návštěvník webu s informacemi a potažmo stránkami pracovat. UI dyzajnér nám poradí. Výsledkem této fáze bude tzv. drátěný model webu, který můžeme podrobit prvnímu hrubému a základnímu testování uživateli.

Doladit obal
Máme hotový model webu, teď potřebujeme grafika, aby nám „obalil“ model webu atraktivní grafikou. Takovou, která neruší a která ideálně neklade uživateli klacky pod nohy tím, že by byla dekorativní a plná ornamentů. Neb ornament je zločin, jak říká Adolf Loos. Vzhled pak „rozřežeme“ a z „odřezků“ vyrobíme HTML šablonu opepřenou o stylování pomocí CSS souboru. Anebo to vše za nás udělá kodér.

Přihodíme back-end
K obalu potřebujeme dodat ještě nějaký nástroj na správu obsahu webu, česky CMS. Ve většině případů stačí „nahodit“ WordPress, který umí česky a je zadarmo. HTML šablonu, kterou vytvořil náš kodér, lze přetavit v tzv. WordPress šablonu. Do WordPressu pak nahrajeme potřebné pluginy, třeba pro lepší SEO nebo pro měření návštěvnosti a dílo je hotovo. Tak asi z poloviny :) Pokud tápeme, požádáme o radu nějakého péhápéčkaře.

Plníme a spouštíme
Druhou chybějící polovinou je vlastní obsah webu. Takže jdeme plnit web texty, obrázky, videem atd. atd. Mimochodem, víte, jak psát pro web? Že ne? Najměte si copywritera. No a jakmile máme naplněno, můžeme opět zkusit, co na web řeknou uživatelé v rámci dalšího kola testování. Jak poznáme, že jsou naši uživatelé spokojení? Rozhodně ne tak, že je budeme poslouchat! Budeme pozorovat, co skutečně dělají, a zjišťovat, jak rychle a pohodlně na našem webu nakoupí, získají požadovanou radu či informaci apod. Významné zpětné vazby při testování tzv. použitelnosti webu dosáhnete s pouhými 5 uživateli, tvrdí odborník na použitelnost Jakob Nielsen. Jakmile jsou všichni uživatelé spokojení, tak můžeme naši loďku spustit na volné moře. Rozuměj web do ostrého provozu.

Doplněno (díky Filosofovi za komentář):
Podle dalšího UI specialistu Steve Kruga si vystačíte pouze se 3 uživateli. Údajně tři jsou optimální počet pro kvalitní testování webu.

Měřit, měřit, měřit …
Nezapomeňte měřit návštěvnost webu, nejlepší je využít Google Analytics. Služba je zdarma a řekne nám mnoho užitečností o návštěvnících webu. Výsledky měření návštěvnosti jsou pak podkladem pro další vylaďování webu. Chceme-li si s webem skutečně vyhrát, a máme-li navíc mnoho návštěvníků, můžeme využít také Google Website Optimizer. Pak provozujeme něco, čemu se říká A/B testing. Prakticky to znamená, že v maličkatých krůčcích „iterujeme“ webovou prezentaci či aplikaci až k totální dokonalosti, resp. snažíme se jí přiblížit.

Myslíte-li to tedy s webem skutečně vážně, sami vidíte, že máte o zábavu na další měsíce a roky vystaráno. Tím pádem peníze nebyly vyhozeny za zbytečnost :)

Napadá vás ještě něco, co by mělo v návodu zaznít? Napište komentář, smysluplné návrhy doplním do článku spolu se jménem a odkazem na autora.

Rádi bychom proto navázali na školení, které jsme uspořádali (zdarma) pro uživatele redakčního systému MůjNovýWeb na podzim loňského roku. Tentokrát se zaměříme na uživatele komplexního redakčního systému eZ Publish, workshopy probíhají tento měsíc.

Klienti mají v rámci školení možnost individuálně konzultovat své dotazy a také mohou získat konkrétní doporučení ke tvorbě webu s použitím systému eZ Publish. Zájem o školení je ze strany zákazníků velký, stále je však možné registrovat se na poslední termín 24.2. 2010 na adrese http://www.active24.cz/cz/akce/skoleni-ez-publish/.

Pořadí nejpopulárnějších článků tohoto roku na hosting.cz je následující:

1. Jak vytvořit webové stránky rychle, jednoduše a za dobrou cenu – 3941 shlédnutí
2. Doména a web na rok zdarma! Pro všechny fanoušky Active 24 na Facebooku – 3344 shlédnutí
3. Facebook, Twitter a další útočí. Jenže jak na ně? – 1012 shlédnutí

Jak se k nám návštěvníci dostali?

1. zadáním „hosting.cz“ do adresního řádku prohlížeče – 25% návštěv
2. díky vyhledávání na seznam.cz – 18%
3. přes hledání na Google – 15%
4. z webu www.active24.cz – 11%
5. z webu www.weblogy.cz – 10%

Zajímavá jsou také klíčová slova, která byla zadána do vyhledávačů, které přesměrovaly návštěvníky na tento blog:

1. jak vytvořit webové stránky – 21%
2. hosting – 9%
3. twitter – 4%
4. facebook.cz – 3%
5. jak vytvorit webove stranky – 2%

Například na 98. místě se umístila fráze „co je to“, díky níž přišlo z vyhledávačů na hosting.cz celkem 5 návštěvníků, kteří zde strávili v průměru 9 vteřin. Zřejmě nenašli, co je to :-)

Všechny uvedené údaje pochází ze statistik návštěvnosti Google Analytics.

Program začíná v 10 hodin, přednášky trvají do 16 hodin. Cílem konference je zprostředkovat platformu k diskusi o rozvoji Wikipedie a tím navázat na podobné akce organizované v zahraničí. Přestože se v názvu konference nachází označení Wikipedie, není konference věnována pouze diskusi o tomto tématu. Další informace o konferenci včetně programu najdete na adrese www.wikikonference.cz. Vstup na konferenci je zdarma.

Pořadatelem konference je sdružení Wikimedia Česká republika, které spolupracuje s americkou nadací Wikimedia Foundation. Cílem sdružení je především propagace a podpora svobodné tvorby na území České republiky se zaměřením na projekty nadace Wikimedia.

Jinak web české Wikimedie běží na wiki systému Mediawiki. Ano, jak správně tušíte, web je hostován u Active 24. Hezký wikikend :-)

Jaké jsou podmínky účasti?

Tříletý program WebsiteSpark je určen pro firmy zaměřené na vývoj a design webů s maximálně 10 zaměstnanci. Za účast v programu WebsiteSpark se nic neplatí. Po 3 letech firma z programu vystupuje a musí zaplatit jednorázový poplatek 100 dolarů. Což není žádná hrůza :-) Během prvního půl roku od vstupu do programu musí firma vytvořit a hostovat aspoň 1 novou webovou prezentaci vytvořenou a provozovanou na technologiích Microsoftu.

Kde a jak takový web hostovat?

Active 24 nabízí v rámci programu WebsiteSpark výhodný pronájem virtuálního dedikovaného serveru. Za 599 korun měsíčně zákazník získá VDS server o operačním systémem Windows 2008 s těmito parametry:

• počet domén: 5
• velikost HDD: 30 GB
• paměť RAM: 512 MB
• počet databází MS SQL: 5 (max. 1250 MB)
• datové přenosy: domácí do NIXu neomezeně, do zahraničí 100 GB měsíčně
• ASP/ASPX skriptování
• NET Framework verze 2.0/3.0/3.5 s podporou AJAXu

Jaký software dostanu zdarma?

Díky programu WebsiteSpark získá každý účastník nejen software, ale také přístup k online školením, technické podpoře a možnostem vlastního zviditelnění. Jde například o:

• 3 licence Microsoft Visual Studio 2008 Professional Edition
• 2 licence Microsoft Expression Web 3
• 1 licence Microsoft Expression Studio 3
• 2 produkční licence Microsoft Windows Web Server 2008 nebo R2 (až bude dostupný)
• 2 produkční licence Microsoft SQL Server 2008 Web Edition
• nástroj pro administraci webů DotNetPanel
• 2 zásahy technické podpory
• přístup ke komunitní podpoře a neomezenému přístupu k diskusím na MSDN.

Další detaily ohledně programu WebsiteSpark naleznete na http://www.active24.cz/cz/akce/websitespark a http://msdn.microsoft.com/cs-cz/ee524792.aspx.

1. V prohlížeči si najedeme na stránku http://www.facebook.com/pages/manage/ a klikneme na požadovanou Facebook stránku. U nás to bude http://www.facebook.com/active24cz.
2. Pod profilovou fotkou je menu, kde je třetí položka „Add Fan Box to your site“ (resp. analogicky v češtině), na kterou klikneme.
   
3. Nyní si můžeme tzv. Fan Box přizpůsobit. Je možné zobrazit novinky (volba „Include stream“) a fanoušky („Include fans“). Pro naše potřeby bude lepší zobrazit pouze fanoušky. Napravo vidíme aktuální náhled Fan Boxu.
   
4. Následně musíme zvolit, kam chceme Fan Box vložit. V případě vlastních webových stránek zvolíme tlačítko „Other“.
5. Pod tlačítky se nám objeví kód, který je třeba zkopírovat a vložit na požadované místo do HTML kódu vlastních webových stránek.
6. Aktualizovanou stránku nahrajeme na server. A to je vše :-)

Pokud chcete obohatit své webové stránky o Twitter zprávy, pak se podívejte na náš předchozí návod Twitter – jak ho vložit na stránky.

Ráno si dávám svou obvyklou kávu, čtu u toho zprávy přes Google Reader. Možná bych si u toho mohl pustit nějakou muziku, prozkoumám last.fm, co zrovna letí mezi kamarády.

Vyrážím do víru velkoměsta, cestou posílám pár tweetů z mobilu. Včera jsem udělal několik zajímavých fotek, nesmím to dnes zapomenout „postnout“ na flickr. Dorazil jsem do kanclu, další den přede mnou.

Pouštím počítač, rychle vyřizuji došlé „requesty“ o propojení na LinkedIn. Jo, tohohle člověka znám, včera jsme byli na pracovním obědě. Kdosi mi posílá odkaz na sdílenou tabulku, abych zrevidoval údaje za poslední čtvrtletí. Že by se skutečna začala projevovat krize?

Pak se dívám do Basecampu, co mě dnes vlastně čeká. No to snad né, musím dodělat tu prezentaci, pozítří mám přednášet o využití sociálních sítí pro Vaši značku. Vaši značku, naši značku, samý plky, dnes je expert na sociální média úplně každý :-)

Mezitím mi z Facebooku přichází ty nemožný pozvánky do ještě nemožnějších aplikací, kvízů a stránek. Poctivě to vše projíždím, hodina, dvě, a zase to sakra vypadá, že tu prezentaci nestihnu. Facebook by měli zrušit, má produktivita jde dolů. Před obědem se ještě dívám na mapy, jak se dostanu na ulici .. hmm, Vítězného února se už nejmenuje. Asi tam sjedu tramvají.

Během pozdního odpoledne nahrávám na SlideShare aspoň jakýsi polotovar prezentace, možná to ještě doladím později. Jo, taky jsem se mihl kolem pár zajímavejch odkazů, dal jsem je na delicious pro jistotu, ať se to neztratí.

Potřebuji teď rychle něco zveřejnit na webu, jak na to? Aby to bylo rychlý a nenásilný. Vím, tyhle soukromý věci bych měl asi dělat doma a ne v práci, víme ale, jak to chodí, ne? Jo, zkusím to poslat emailem na post@posterous.com, to by mělo fungovat. Hele, vono to funguje, je to tam! Posterous „růluje“! Ještě v rychlosti projedu FriendFeed – hlavní stream a Best of day a pak už ale vážně valím domů.

Konečně doma, zase totálně vyřízenej, z ničeho přitom. Odemykám vchodové dveře. Jen si teď nejsem jistej, jestli jsem něco neměl koupit cestou domů. No jo, zapomněl jsem na mlíko. Malá bude zase bez krupičky, to je průser! No co už. Doma řeknu, že ho neměli.

A jaké jsou Vaše oblíbené webové aplikace?

Předpokládejme, že už svůj účet na Twitteru máte (Active 24 má!) a že byste chtěli ukázat to, co píšete na Twitteru, na svých webových stránkách. Lze to udělat poměrně jednoduše.

Pokud se přihlásíte na twitter.com, můžete najít návod na adrese http://twitter.com/widgets/html_widget. Tzv. widget, tedy kousek kódu, který zajistí zobrazení Twitter zpráv na vašich stránkách, si lze přizpůsobit. Můžete zadat počet posledních zpráv, které se mají zobrazit, a dále nadpis v hlavičce, který můžete případně skrýt. Uvedený kód si zkopírujete a následně vložíte do html kódu vašich stránek (na požadované místo). Kód bude vypadat následovně:

<div id="twitter_div">
<h2 class="sidebar-title">Twitter zprávičky</h2>
<ul id="twitter_update_list"></ul>
<a href="http://twitter.com/active24cz" id="twitter-link" style="display:block;text-align:right;">Sledujte Active 24 na Twitteru</a>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/active24cz.json?callback=twitterCallback2&amp;count=5"></script>

Aby se vaše stránka načetla i v případě, že služba Twitter bude právě nedostupná nebo přetížená, je dobré umístit poslední 2 řádky kódu začínající <script type="text/javascript".. na konec vaší html stránky, bezprostředně před značku </body>.

Pokud zvládáte úpravu vzhledu stránek pomocí CSS, můžete si jednoduše upravit design widgetu – Twitter zpráviček podle vlastní potřeby. A určitě si nezapomeňte přidat Active 24 mezi své „tvítující“ přátele :-)

• Tomáš Janda
• Dalibor Šimáček
• Gianluca Turturro

Uvedení výherci získávají za své tipy kompletní balíček eZ Publish Professional na 1 rok zdarma. Součástí balíčku je také webhosting s prostorem o velikosti 2 GB, emailové řešení Business mail na platformě Hosted Exchange s prostorem 1 GB a doména.

Výherci budou vyrozuměni prostřednictvím zprávy na Facebooku nebo emailem. Gratulujeme! :-)

Pokud máte co do činění s tvorbou webových stránek a aplikací, jistě jste slyšeli zkratky UI (User Interface = uživatelské rozhraní) a UX (User eXperience). Obě disciplíny, jakkoliv se vzájemně protínají, nabývají na významu při tvorbě moderních webových služeb. Technologie se stále více přizpůsobuje uživateli, což platí i o webových stránkách. Cílem pak je uspokojit uživatele či zákazníka, umožnit mu rychle a snadno najít požadovanou informaci, uskutečnit nákup zboží či služby nebo ho/ji jen příjemně pobavit.

Prvotní návrhy webů však bohužel velice často spadají do kompetence grafiků nebo dokonce i programátorů. Výsledkem pak je v prvním případě leták či plakát (nebo tzv. Flashové „intro“), ve druhém pak design, který se nápadně podobá správě SQL databáze. Řešením je obrátit se na designéra uživatelských rozhraní nebo na informačního architekta. Mnoho napoví také pozorování uživatelů, kteří pracují s vašimi webovými stránkami. I pozorování pouhých 2 osob může mít za následek výrazné zlepšení použitelnosti vašich stránek (tzv. Usability). Na konkrétním příkladě z praxe to ukazuje Jakob Nielsen v jednom z jeho posledních článků.

Průzkum obsahoval otázku, zda-li by měla webová stránka nabízet možnost zvětšení či zmenšení velikosti písma nebo by se měl tvůrce stránky spolehnout na schopnosti uživatele, kteří najdou vestavěnou funkci prohlížeče. Na dotaz odpovědělo 12 osob zabývajících se interaktivním designem, přičemž většina z nich nabídla svůj osobní názor či vlastní preferenci. Celkem 6 odpovědí obsahovalo komentář, co by bylo nejlepší pro ostatní uživatele, z nichž 2/3 byly odhady, zbylá 1/3 byla založena na pozorování uživatelů. Výsledky byly následující:

Odhady:

• „Dnes většina lidí ví, jak v prohlížeči změnit velikost písma.“ CHYBA
• „Lidé, kteří potřebují změnit velikost písma, to dělají pomocí funkce prohlížeče. Není to těžké.“ CHYBA
• „Není rok 1995, ne všichni uživatelé starší 50 let jsou nováčci, kteří neví, jak změnit velikost písma v prohlížeči.“ CHYBA
• „Potřebu měnit velikost písma mají většinou lidé starší 65 let, kteří s velkou pravděpodobností neví, jak to provést.“ SPRÁVNĚ

Empirická data:

• „Musel jsem to nastavit svým rodičům v prohlížeči. Skryté funkce jako změna velikosti písma jsou mimo ně.“ SPRÁVNĚ
• „Díval jsem se na testování použitelnosti na webech, které obsahovaly pomůcky pro změnu velikosti písma. Většina uživatelů netušila, k čemu to je.“ SPRÁVNĚ

Obecné doporučení je používat relativní velikost písma, které umožňuje změnu jeho velikosti. Přednastavená velikost písma by pak měla být relativně velká, tak, aby ho i starší uživatelé, kteří většinou neví, jak měnit velikost písma, pohodlně přečetli.

Z výše uvedených 12 odpovědí bylo tedy:

• 100% odpovědí založených na pozorování správných
• jen 25% odpovědí založených na osobní preferenci či odhadu správných.

V důsledku to znamená, že 75% odhadů bylo chybných. Než hádat, hoďte si raději mincí :-)

Tento článek je překladem sloupku „Guesses vs. Data as Basis for Design Recommendations“.

Jak postupovat?

1. Jděte na úvodní stránku našeho blogu a přihlaste se přes Facebook (modré tlačítko “Connect with Facebook” v sekci “Návštěvníci” v pravém sloupci nahoře).
2. Zadejte komentář pod tento článek a uveďte v něm Váš tip, kdy bude u Active 24 zaregistrována doména CZ s pořadovým číslem 100 000. Uvádějte vždy datum a čas, např. „Můj tip je 2.6. 13:00“ (ponechte zaškrtnuté políčko “Publikovat tento komentář na Facebooku”). Každý účastník tipovací soutěže má možnost zadat pouze 1 tip.

Jakmile překročíme hranici 100 000 registrovaných CZ domén, bude tato skutečnost oznámena v tomto článku. Autoři 3 časově nejbližších tipů získají od nás kompletní balíček eZ Publish Professional na 1 rok zdarma. Součástí balíčku je také webhosting s prostorem o velikosti 2 GB, emailové řešení Business mail na platformě Hosted Exchange s prostorem 1 GB a doména s koncovkou cz, com, net, org, eu, name, info nebo biz. Výherci budou vyrozuměni prostřednictvím zprávy na Facebooku.

P.S. Můžete se stát fanouškem naší firmy na Facebooku :-)

UPDATE: 100 000 domén CZ překonáno, vítězové známi.

Firma Active 24 má na Facebooku svou vlastní stránku, kde se každý uživatel Facebooku může stát naším fanouškem. Co za to? Doménu a hosting s předinstalovaným redakčním systémem na rok zdarma.

Jak postupovat?

1. Staňte se fanouškem Active 24 na http://www.facebook.com/pages/ACTIVE-24-sro/57951845090.
2. Vyberte si volnou doménu s koncovkou eu, com, biz nebo info.
3. Proveďte objednávku domény, zvolte přitom roční fakturační období a platbu převodem na účet.
4. Jakmile Vám přijde výzva k platbě, můžete nárokovat 100% slevu tak, že vložíte komentář s variabilním symbolem platby pod článek, kde nabízíme doménu a web zdarma.
5. Jděte na úvodní stránku našeho blogu a přihlaste se přes Facebook (modré tlačítko „Connect with Facebook“ v sekci „Návštěvníci“ v pravém sloupci nahoře).
6. Zadejte komentář a uveďte v něm prosím variabilní symbol z výzvy k platbě (ponechte zaškrtnuté políčko „Publikovat tento komentář na Facebooku“). Můžete napsat např.: „Prosím zřiďte mi web zdarma pro VS 89675896″.
7. Po překontrolování objednávky a ověření všech podmínek bude podle variabilního symbolu stornována výzva k platbě, která Vám byla předtím zaslána (doména bude přitom registrována na vás).
8. K doméně si poté můžete v Zákaznickém centru zdarma aktivovat redakční systém eZ Publish Express, pomocí něhož si jednoduše vyrobíte webové stránky.
9. Po přihlášení si zobrazíte seznam domén (sekce „Domény“) a u požadované domény kliknete na ikonku „eZ“ a poté na tlačítko „Spustit eZ Publish Express“.
10. O zřízení služby eZ Publish Express budete informováni e-mailem (další informace o systému eZ).

Nabídka domény a webu zdarma pro fanoušky Active 24 na Facebooku platí do 30.6.2009 a vztahuje se na jednu registraci nové domény s koncovkou eu, com, biz nebo info na 1 rok pro 1 fanouška.

<div class="fieldOuter">

<div class="inner">

<div class="field">Toto je pole číslo 1</div>

</div>
<div class="errorBar">

<div class="icon"><img src="icon.png" alt="icon" /></div>
<div class="message"><span>Toto je chybová hláška</span></div>

</div>

</div>

<div class="fieldOuter">

<div class="inner">

<div class="field">Toto je pole číslo 2</div>

</div>
<div class="errorBar">

<div class="icon"><img src="icon.png" alt="icon" /></div>
<div class="message"><span>Toto je chybová hláška</span></div>

</div>

</div>

Tolik ukázka kódu. Teď si představte, že uvedený formulář má mnohem více polí než uvedená dvě pole. Pak se nám zdrojový kód stránky pěkně natáhne. Nebylo by jednodušší napsat pouze toto:

<div class="field">Toto je pole číslo 1</div>
<div class="field">Toto je pole číslo 2</div>
<div class="field">Toto je pole číslo 3</div>
<div class="field">Toto je pole číslo 4</div>
<div class="field">Toto je pole číslo 5</div>

Ono to možné je, jen se musí přidat trošku jQuery kouzla:

$(document).ready(function() {

$('.field').before('<div class="fieldOuter"><div class="inner">'); $('.field').after('</div><div class="errorBar"><div class="icon"><img src="icon.png" alt="icon" /></div><div class="message"><span>Toto je chybová hláška</span></div></div></div>');

});


Uvedený postup nelze paušálně použít ve všech případech. Obecně se hodí tam, kde se v kódu opakují bloky stejného či podobného obsahu. Ty lze pak výrazně redukovat a kód doladit až po načtení dokumentu pomocí jQuery.

Tahejte jQuery od Googlu

Google poskytuje hosting pro nejrůznější knihovny a jednou z nich je jQuery framework. Můžete tedy ve své stránce přímo odkazovat na jQuery knihovnu takto:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>


Aktuální adresu pro referenci najdete na http://code.google.com/intl/cs/apis/ajaxlibs/documentation/index.html. Výhody tohoto řešení jsou dvě: kód se „tahá“ z rychlé CDN sítě Googlu a navíc ve většině prohlížečů je tato knihovna uložena v cachi, to za předpokladu, že daný uživatel používá některou ze služeb Googlu. Celkově tak dochází ke zrychlení práce se stránkou.

Případné jQuery pluginy spojte do jednoho min souboru

Velice často se používá jQuery ve spojení s dalšími pluginy, které využívají jQuery API. Snadno, a hlavně zdarma, tak programátor získá dodatečnou funkcionalitu. Pokud je takových pluginů více, je dobré spojit je všechny do jednoho javascriptového souboru a ten následně „minimalizovat“. Opět tímto postupem dosáhnete zrychleného načítání stránky.

Napište prosím do komentářů, jestli by Vás zajímaly i další tipy týkající se jQuery. Ještě pár jich je k dispozici :)

Doplnění – pokračování článku najdete na http://www.hosting.cz/2010/06/aby-vase-jquery-bylo-jeste-rychlejsi/

Webové stránky si může vytvořit kdokoliv, kdo ovládá textový editor, ať už jde o Microsoft Word nebo jiné alternativy. Stačí napsat text, vložit do textu obrázky, případně do něj umístit také odkazy na další stránky či internetové adresy. Dokument se pak „uloží jako“ ve formátu HTML. Ano, je to zadarmo, ale protože není rok 1999, tak tuhle variantu raději pusťte z hlavy. Výsledek by případné návštěvníky takto vytvořených stránek spíše odradil.

Moderní webová prezentace se vyznačuje tím, že ji lze snadno rozšiřovat a měnit – editovat. Pokud se nám nechce platit webdesignérskou firmu, pak existují dvě hlavní možnosti, jak ke stránkám přijít:

1. Varianta „trocha práce a lepší výsledek“ v sobě zahrnuje využití softwaru zdarma a placeného hostingu.
2. Varianta „žádná práce a použitelný výsledek“ v sobě zahrnuje využití placeného hostingu s již instalovaným systémem pro tvorbu a správu webových stránek.

Trocha práce a lepší výsledek – WordPress

První varianta, jak už bylo řečeno, využívá některý z tzv. open-source (tzn. jsou zdarma) programů na tvorbu a správu webových stránek. Od uživatele se předpokládá základní znalost práce s FTP. Zřejmě nejpoužívanějším systémem na tvorbu a správu webu je systém WordPress (anglicky). Dostupné jsou také informace v češtině.

Nejdříve je nutné systém WordPress stáhnout k Vám do počítače z adresy http://wordpress.org/latest.zip. Následně asi bude dobré mít systém přeložen do češtiny, existuje pěkný návod, jak WordPress „naučit česky“. Dále se Vám mohou hodit následující návody:

• Postup při instalaci WordPress
• Jak nahrát WordPress na hosting přes FTP
• Video-návod k instalaci WordPressu

Věc vypadá na první pohled komplikovaně, vše lze ale zvládnout během 15 minut. Volitelně pak můžete měnit vzhled svých stránek a to tak, že jednoduše si změníte tzv. téma v systému. Témata jsou volně dostupná na internetu. Málem bych zapomněl. Potřebujete ještě webhosting, tedy místo, kam systém WordPress nahrajete a kde budou umístěné Vaše webové stránky. A od toho jsme tady my :-)

Budete potřebovat následující ingredience z naší objednávky:

• Operační systém Linux
• Diskový prostor 150 MB (za 39 Kč měsíčně)
• Databáze MySQL (69 Kč/měsíc)
• Skripty – podpora PHP úroveň 2 (59 Kč/měsíc)

Hosting bude stát celkem 167 Kč měsíčně (bez DPH). Mimochodem, stránky Hosting.cz využívají také WordPress, viz. odkazy dole v zápatí.

Žádná práce a použitelný výsledek – Můj Nový Web

Zkusme to teď naopak a začněme cenou: zaplatíte měsíčně 99 korun a o nic se nemusíte starat. Nemusíte nic stahovat ani instalovat, nemusíte umět používat FTP. Systém Můj Nový Web si můžete zdarma vyzkoušet, případně si přečtěte popis služby. Se systémem Můj Nový Web můžete okamžitě začít vytvářet své stránky, také je možné individuálně nastavovat vzhled díky šablonám vzhledu. Je to stejně jednoduché jako třeba změna tapety ve Vašem mobilu.

Obě výše uvedené varianty jsou dobře použitelné pro osobní i firemní webové stránky, pro stránky neziskových organizací nebo pro nejrůznější fan-kluby, de facto pro jakýkoliv typ prezentace. Můj Nový Web je jednodušší, na ovládání i rozsahem funkcí, a ve srovnání s WordPressem se hodí spíše pro méně rozsáhlé weby. Naproti tomu WordPress lze téměř neomezeně přizpůsobovat vlastním potřebám, využívají ho i mnohé velké světové webové portály.