Blogování na internetu

Blogování na internetu Maturitní práce

Autor: Jana Laňková Vedoucí práce: Ing. Dana Almášiová Třída: D4 Školní rok: 2011/2012 Škola: SŠ spojů a informatiky, Bydlinského 2474, 390 11 Tábor Studijní obor: Digitální telekomunikační technika

Prohlášení

Prohlašuji, ţe jsem předkládanou ročníkovou práci vypracovala sama za pouţití literatury a zdrojů v ní uvedených.

……..………………………………… podpis

2

Obsah Úvod...................................................................................................................................... 4 1. Obecně o fenoménu blogování .......................................................................................... 5 1.1 Co je to blog? ....................................................................................................... 5 1.2 Kdo bloguje? ........................................................................................................ 5 1.3 Fotoblogy, mikrology a Projekt 365 ...................................................................... 5 2. Historie a současnost blogování ........................................................................................ 6 2.1 Populární české blogy .......................................................................................... 6 3. Tvorba vlastního blogu ...................................................................................................... 7 3.1 Tři základní pravidla ............................................................................................. 7 3.1.1 Obsah .................................................................................................... 7 3.1.2 Forma .................................................................................................... 7 3.1.3 Detaily ................................................................................................... 7 4. Blogovací sluţby ............................................................................................................... 7 4.1 České blogovací sluţby........................................................................................ 7 4.1.1 Bloguje.cz .............................................................................................. 7 4.1.2 Další české blogovací sluţby ................................................................. 7 4.2 Zahraniční blogovací sluţby ................................................................................. 8 4.2.1 Blogger .................................................................................................. 8 4.2.2 Posterous .............................................................................................. 9 4.2.3 Tumblr ..................................................................................................13 4.3 České redakční systémy .....................................................................................15 4.3.1 RS2 ......................................................................................................15 4.4 Zahraniční redakční systémy ..............................................................................18 4.4.1 Wordpress ............................................................................................18 4.4.2 Joomla! .................................................................................................19 4.4.3 Drupal ...................................................................................................20 5. Praktická ukázka – redakční systém Wordpress ...............................................................21 5.1 Zaloţení blogu ....................................................................................................21 5.1.1 Příprava ................................................................................................21 5.1.2 Staţení Wordpressu .............................................................................21 5.1.3 Kopírování na FTP ................................................................................21 5.1.4 Instalace redakčního systému ...............................................................21 5.2 Úprava šablony ...................................................................................................26 5.2.1 Editor šablon .........................................................................................26 5.2.2 Hlavní stránka index.php ......................................................................28 5.2.3 Chybová stránka 404.php .....................................................................28 5.2.4 Komentáře comments.php ....................................................................28 5.2.5 Zobrazení příspěvku single.php ............................................................29 5.2.6 Úprava stylu šablony.............................................................................29 5.3 Widgety ...............................................................................................................33 5.3.1 Nejdůleţitější widgety, které se mohou hodit ........................................33 5.3.2 Vloţení widgetů třetích stran do šablony ...............................................34 5.4 Pluginy ................................................................................................................34 5.4.1 Pár nejlepších pluginů pro Wordpress ..................................................34 5.5 Příspěvky ............................................................................................................35 5.6 Nastavení blogu ..................................................................................................36 5.7 RSS výstup pro blog ...........................................................................................37 Závěr ....................................................................................................................................38 Zdroje ...................................................................................................................................39 3

Úvod Má ročníková práce se zabývá jedním segmentem internetu, kterým je blogosféra a tzv. webové zápisníky (deníky), které ji tvoří. Na počátku vysvětlím, co to vlastně blog je, proč a jakým způsobem vzniká, kdo si můţe blog zaloţit a také bych shrnula historii – jaké blogy vznikaly dříve ve světě i u nás. Následně bych navázala částí, v níţ bodově popíšu vytvoření blogu krok po kroku. V další kapitole se zaměřím na blogovací platformy a redakční systémy – krátce je představím, ke kaţdému v bodech uvedu základní funkce, které nabízí a jejich rozhraní ukáţu na screenshotech. Poslední část bude věnovaná praktické ukázce, v níţ vytvořím blog na redakčním systému Wordpress, budu se věnovat úpravě šablony (v krátkosti syntaxi kódu), přiblíţím rozhraní Wordpressu, jeho nastavení a vysvětlím funkci widgetů a pluginů.

4

1. Obecně o fenoménu blogování 1.1 Co je to blog? „Blog je webová aplikace obsahující příspěvky většinou jednoho editora na jedné webové stránce. Nejčastěji, nikoli však nezbytně, bývají zobrazovány v obráceném chronologickém pořadí, (tj. nejnovější nahoře). … Slovo „blog“ vzniklo stažením anglického „web log“, což v češtině zhruba znamená „webový zápisník“, a zkrácením slova „weblog“.“ („Blog“ na cs.wikipedia.org, zkráceno) Období před pár lety (rok 2000–2005), kdy český internet zaţil největší nával nových blogů, se často označuje jako tzv. „blogerský boom“. Dnes jsme ve fázi, kdy se vykrystalizovaly kvalitní a navštěvované blogy, které fungují dodnes, a řada mladých blogerů se přesunula na sociální sítě (dříve Libimseti.cz, dnes Facebook.com). Před pár lety se stalo mezi internetovými zpravodajskými a odbornými servery módou nabízet čtenářům moţnost si zaloţit blog na subdoméně (př. Aktuálně.cz, Novinky.cz. iDnes.cz, Respekt.cz, z odborných Ţivě.cz a další).

1.2 Kdo bloguje? Popularitu blogů mají na svědomí především specialisté v různých oborech lidské činnosti souvisejících s internetem (copywriteři, online marketéři, podnikatelé a tzv. osobnosti českého internetu, které stály u počátků internetu u nás). V posledních letech se stávají blogy oblíbeným marketingovým nástrojem firem (dobrými příklady jsou společnosti: mobilní operátor Vodafone, internetový portál Seznam, banka mBank, poradenská společnost H1, síť online obchodů Internet Mall a další), které skrze své blogy (ve spojení se sociálními sítěmi) komunikují se zákazníky, informují je o novinkách a v neposlední řadě se otevírají veřejnosti a přestavují firmu nikoli jako korporaci, ale funkční tým lidí.

1.3 Fotoblogy, mikrology a Projekt 365 Dalšími variantami blogů jsou tzv. fotoblogy a mikroblogy. Zatímco první zmiňovaný typ se, jak je z názvu jasné, zaměřuje na fotografie (bloger na něj posílá především fotografie), mikroblog je minimalistická varianta blogování – nejznámějším mikroblogovacím nástrojem je americký Twitter – sluţba, kam bloger zasílá krátké statusy o maximální délce pouhých 140 znaků (např. s odkazy na zajímavé články, fotografie apod). Zajímavým způsobem blogování je taktéţ tzv. Projekt 365 – je to celá série blogů různých autorů, kteří na něj zasílají kaţdý den v roce 1 příspěvek/fotografii/básničku/krátký příběh/jednu větu, jednoduše cokoli. Projekt vznikl zcela spontánně a zapojit se do něj můţe kaţdý (jejich přehled na projekt365.cz).

5

2. Historie a současnost blogování V roce 1994 byl vytvořen jeden z prvních blogů na světě – psal ho Justin Hall, student Swarthmore College. Za první blog v ČR můţeme zřejmě povaţovat server Ondřeje Neffa Neviditelný pes, který má ve svém záhlaví dodnes „První český ryze internetový deník. Založeno 23. dubna 1996“. Jaký blog ale odstartoval celosvětový fenomén blogování je nemoţné přesně určit.

Neviditelný pes v roce 2000 (na adrese pes-eunet.cz), Internet Archive Wayback Machine

2.1 Populární české blogy Na českém internetu vzniklo mnoho blogů – některé z nich se staly stálicemi a jejich autoři se díky svým psaným osobním i odborným webovým deníkům stali na internetu i mimo něj veřejně známými osobnostmi. Příkladem mohou být: Ivo Lukačovič (a jeho blog o Seznam.cz), Radek Hulán (a jeho odborný blog o IT My Ego), David Grudl (mj. tvůrce formátovacího nástroje pro blogery Texy!, programovací platformy Nette; a jeho blog La Trine), filmový odborník František Fuka (a jeho česky i anglicky psané blogy – nejen – o filmech) a několik dalších.

6

3. Tvorba vlastního blogu Začít blogovat není v dnešní době vůbec nic sloţitého. Pokud však uţivatel pomýšlí na to, ţe by chtěl své myšlenky zveřejňovat na internetu, měl by se při zakládání blogu drţet 3 pravidel a o dané problematice si trochu něco zjistit, aby dokázal nalézt řešení vhodné přesně pro jeho účely.

3.1 Tři základní pravidla 3.1.1 Obsah 1. Základem je si uvědomit, o čem by blog měl být a jaký účel má plnit (propagace firmy, odborné články, fotoblog nebo jako prostor pro vyjádření osobních názorů a myšlenek). Tento fakt je rozhodující i pro následný výběr tzv. blogovacího nástroje, tj. systému, pomocí něhoţ budeme blog spravovat.

3.1.2 Forma 2. Výběr blogovací platformy (blogovací sluţby, nebo CMS). V případě blogovací sluţby odpadá nutnost instalace systému na svůj webhostingový prostor, protoţe jsou veškeré soubory umístěny na vzdáleném serveru. CMS (redakční systém) se instaluje na vlastní webový prostor skrze FTP a vyuţívá MySQL databázi.

3.1.3 Detaily 3. Následuje nastavení (název blogu, struktura a kategorie, úprava šablony se specifickými značkami redakčního systému), instalace pluginů, přípravu výstupu RSS a mnoho dalšího.

4. Blogovací služby Blogovací sluţby je nejjednodušším způsobem, jak vytvořit vlastní blog. Uţivateli nabízí moţnost upravovat blog jen skrze grafickou administraci, není tedy nutné nijak zasahovat do zdrojového kódu. Další výhodou je, ţe je web hostován na serverech dané blogovací suţby, není tak nutné vlastnit webový prostor. Nakonec uţivatel nemusí registrovat ani doménu, blogu je přidělena adresa (subdoména), např. mujblog.nazevsluzby.cz.

4.1 České blogovací služby 4.1.1 Bloguje.cz Nachází se na něm celá řada blogů, včetně několika hojně navštěvovaných. Jeho zakladatelem a programátorem je Martin Malý, jenţ patří mezi známé české blogery (v současné době však jiţ nebloguje na Bloguje.cz). Za komunitu na Bloguje.cz jmenujme blogy jako CzechTek WebLog o české společnosti nebo blog ostravak.bloguje.cz známého Rudy z Ostravy.

4.1.2 Další české blogovací služby Další české nástroje jen jmenovitě: eStránky.cz, Píše.cz, Webgarden.cz, Mujblog.cz, Blogujem.cz a řada dalších.

7

4.2 Zahraniční blogovací služby 4.2.1 Blogger

Ukázkový web: http://blog.najja.net/ Velmi oblíbený blogovací systém společnosti Google, původně vytvořen společností Pyra Labs, kterou Google roku 2005 koupil. Do května 2010 blogy hostovaly na subdoméně blogpost.com, od tohoto data však uţivatelé mají moţnost publikovat blog na své vlastní doméně. Google platformu zasadil a integroval mezi své další sluţby, a tak spolu tvoří skvělý blogovací systém s řadou sociálních sluţeb. V roce 2010 Google redesignoval celý svůj web, včetně rozhraní pro správu blogu. Při psaní tak pomáhá detailně propracovaný WYSIWYG editor, do příspěvků je moţné vkládat multimediální obsah (fotogalerie a jednoduše i Youtube videa), přístupy k webu jsou sledovány a zpracovány do podrobných statistik návštěvnosti za pomoci Google Analytics atp. Blogger umoţňuje propojení s další sluţbou Googlu, AdSense, která blogerům umoţňuje vloţit na blog reklamu, a tak mohou vydělávat publikováním na blogu. Samozřejmostí je i napojení na Google+ (tedy plusování příspěvků a sdílení s na Googe+), sdílení na Twitteru a Facebooku apod.

Funkce systému Blogger:          

Publikace skrze e-mail Integrace reklamního systému Google AdSense Rozhraní v češtině Detailní statistiky díky Google Analytics Kvalitní WYSIWYG editor Provoz blogu na vlastní doméně Statické stránky a seznam oblíbených odkazů Moţnost přidávat a odebírat redaktory blogu s právy k psaní příspěvků Tagování příspěvků Publikování do budoucnosti

8

4.2.2 Posterous Ukázkový web: http://xnajja.posterous.com/

Systém, jenţ funguje od roku 2009 a v květnu 2012 ho zakoupila společnost Twitter. Je jako řada dalších, ale nabízí moţnost publikovat jednoduše přes e-mail. Text e-mailu se zobrazí na blogu jako článek, soubory v příloze se do něj vloţí – dokumenty pomocí prohlíţeče .doc a .docx s názvem Scribd, audio a video skrze interaktivní přehrávač (nebo nahráním na Youtube), obrázky vytvoří fotogalerii.

Jaké soubory zvládá?

Posterous má i vlídnou mobilní aplikaci pro psaní z mobilu. Ve webovém prohlíţeči je moţné blog spravovat přes Posterous Spaces, coţ je komunitní nástroj, díky němuţ se mohou autoři blogů přátelit, odebírat příspěvky na spřátelených posterous blozích a mnoho dalšího. Posterous má dokonce vlastní zkracovač post.ly.

Funkce systému Posterous:           

Komunitní funkce Provoz blogu na vlastní doméně WYSIWYG editor Moţnost publikovat skrze e-mail Autopost příspěvků na sociální sítě Přednastavené šablony a moţnost upravovat design v kódu (HTML i CSS) Moţnost přidávat a odebírat redaktory blogu s právy k psaní příspěvků Statické stránky a seznam oblíbených odkazů Informace a základní statistiky Tagování příspěvků Publikování do budoucnosti

9

Správa vlastních blogů v síti Posterous Spaces

WYSIWYG editor pro psaní nového článku a uploď multimediálních souborů skrze web. rozhraní

10

Jak vypadá celý článek na blogu

11

Správa příspěvků na blogu

Volba šablony

12

4.2.3 Tumblr Ukázkový web: http://xnajja.tumblr.com/

Další sluţba, nemálo podobná Posterousu. Slouţí k publikaci textu, fotek, citací, odkazů, rozhovorů, audia a videa. Od roku 2007 zde mohou uţivatelé zakládat tzv. tumblelogy, tak vzniká celá komunita a okruhy přátel, kteří sledují blogy ostatních.

Jak vypadá rozhraní Tumblr Uţivatelé jej velmi často srovnávají s konkurenční sluţbou Posterous. Mikroblogování se díky těmto dvou sluţbám stalo ještě oblíbenější neţ kdy jindy. Jakoţto mikrolog je Tumblr určen k publikování čehokoli, co jeho majitele zaujme – proto obsahuje přednastavené funkce pro publikaci nejen textu, audia a videa, ale například i odkazů a citací. Stačí okamţik a můţete veřejnosti ukázat, co jste před okamţikem našli a chcete sdílet. Díky katalogům tumblelogů není těţké najít blog, který se strefí přesně do vašeho vkusu a koníčků. Naleznete-li zajímavý příspěvek, stiskem odkazu Reblog jej můţete uveřejnit i na Vašem blogu. Stejnou věc mohou učinit Vaši čtenáři.

13

Založení nového blogu, 1 uživatel jich může mít několik

Úprava designu a dalšího nastavení blogu

14

Funkce systému Tumblr:           

Provoz blogu na vlastní doméně Komunitní funkce WYSIWYG editor Moţnost publikovat skrze e-mail Autopost příspěvků na sociální sítě Přednastavené šablony a moţnost upravovat design v kódu (HTML i CSS) Moţnost přidávat a odebírat redaktory blogu s právy k psaní příspěvků Statické stránky a seznam oblíbených odkazů Informace a základní statistiky Tagování příspěvků Publikování do budoucnosti

4.3 České redakční systémy Českých redakčních systémů není mnoho, a uţ vůbec ne těch pod volnou licencí. Většinou vznikají tak, ţe je vytvoří český programátor a pracuje na nich zdarma ve svém volném čase. Tak vznikl RS2. Stále častěji však vznikají i soukromé placené redakční systémy a především pak redakční systémy vytvořené firmami na zakázku pro osobní potřebu, nebo naopak k další distribuci a k dalšímu prodeji.

4.3.1 RS2 Ukázkový web: http://rs2.najja.net/

Hlavní stránka s novinkami z vývoje a upozorněním

15

Vytvořil ho člověk na internetu vystupující výhradně pod nickem juneau. Píše svůj osobní weblog reality-show.net, jenţ si za svůj ţivot našel poměrně širokou čtenářskou základnu. Blog je samozřejmě poháněn jeho redakční systémem, a kromě něho i další desítky českých blogů.

Výběr šablony

Na systému se stále pracuje a jeho autor se snaţí vychytat všechny chyby, přidávat nové funkce a velmi rychle reaguje na podněty uţivatelů – coţ je samozřejmě velkou výhodou tohoto systému, jeho autor sám připomíná, ţe není problém si napsat o integraci poţadovaných funkcí.

16

Editace článku

Funkce systému RS2:       

V češtině, s moţností komunikovat s tvůrcem i komunitou skrze oficiální fórum Správa obrázků v administraci Moţnost umístit soubory do sekce dokumenty (ke staţení návštěvníkům) Moţnost registrovat se na web Správa redaktorů a nastavení přispívání Velmi detailní nastavení blogu Reporty dění na webu a v administraci

17

4.4 Zahraniční redakční systémy 4.4.1 Wordpress

V současné době se jedná o vůbec nejpouţívanější redakční systém a obecně platforma pro správu obsahu webových stránek. Dle webu w3techs.com je právě Wordpress na celých 15,9 % webů (z těch, které w3techs.com sleduje) a mezi redakčními systémy má podíl 53,7 % (data jsou aktuální k 21. březnu 2012). Proč je právě Wordpress tím nejoblíbenějším? Nejspíše díky své propracovanosti, dobré reklamě a široké komunitě, která se do jeho vývoje zapojuje, a tak pro něj vytvořila celou řadu volně staţitelných (i placených) šablon, pluginů (doplňků pro rozšíření funkcí) a neustále pracuje na překladech systému do mnoha světových jazyků, včetně češtiny. Je vyvíjen společností Automattic, ačkoli roku 2010 vznikla nezisková organizace The WordPress Foundation, která nyní spravuje ochrannou známku. Nové verze Wordpressu jsou vydávány poměrně často, vývojáři na opravě chyb pracují téměř neustále. Z dřívějších verzí je nutné vypíchnout především verzi 3.0, která byla přelomová tím, ţe spojila Wordpress a Wordpress MU pro správu více webů za pomoci jedné instance Wordpressu, od té doby je tato moţnost standardní funkcí Wordpressu.

Funkce systému Wordpress:            

Čeština ke staţení Pohodlná administrace, kterou si uţivatel můţe uspořádat dle potřeby Podpora pluginů a jejich vyhledávání a instalace přímo skrze administraci (bez nutnosti nahrávat soubory na FTP) Moţnost registrovat se na spravovaný web Aktualizace přes administraci Správa více webů přes jednu administraci Detailní nastavení Revize textů a jejich historie Galerie, multimediální obsah v článcích Správa více redaktorů Moţnost tvorby nejen blogu, ale po vytvoření šablony i plnohodnotného portálu A celá řada dalších funkcí…

Poznámka: screenshoty v praktickém příkladu (kapitola 5).

18

4.4.2 Joomla! Joomla!, jejíţ název vznikl jako přepis svahilského slova jumla, coţ znamená „všichni dohromady“ (tak se chtěl vývojářský tým zavázat svým uţivatelům a slíbit jim svou plnou péči). Jedná se o systém vyvinutý z interního CMS australské firmy Miro Corporation, jménem Mambo (vznik 2000). Vývoj vázl a zdrojové kódy byly uveřejněny, roku 2005 se komunita rozpadla, a tak se otevřela cesta k tvorbě nového systému – Joomla! Jedná se o velmi oblíbený systém, díky teoreticky nulovým nákladům na jeho nasazení je oblíbený například u neziskových organizací a vládních webů. Velmi jej oceňují i firmy, protoţe je jeho úprava jednoduchá, ale je zároveň velmi flexibilní a kromě blogu je moţné na něm vytvořit i e-shop či webový portál.

Funkce systému Joomla!:             

Obrovská flexibilita a moţnost úprav Podpora pluginů Šablony vzhledu Detailní nastavení Moţnost tvorby nejen blogu, ale po vytvoření šablony i plnohodnotného portálu Čeština ke staţení Galerie, multimediální obsah na webu Čeština ke staţení Moţnost registrovat se na spravovaný web Aktualizace přes administraci Balíky pro e-shop, galerii, portál Revize textů a jejich historie A další…

19

4.4.3 Drupal Holandský student Dries Buytaert potřeboval efektivní nástroj, jak sdílet obsah s ostatními studenty. Vytvořil tak systém, zprvu nazvaný Drop, později přejmenovaný na Drupal. Ten staví především na modularitě, a tak díky celé řadě pluginů můţeme na Drupalu provozovat blog, e-shop, fórum nebo firemní webovou prezentaci a portfolio. Drupal vyuţívá celá řada firem a organizací, kupříkladu americký Bílý dům, oficiální prezentace města Londýn, MTV UK, z českých webových stránek je jím poháněna prezentace televizní stanice Prima.

Funkce systému Drupal          

Modularita, pluginy a jejich velká databáze na stránkách Drupalu Šablony vzhledu Čeština ke staţení Aktualizace přes administraci Moţnost tvorby galerie, fóra, portfolia i e-shopu Detailní nastavení Vysoká priorita zabezpečení stránek Povolení registrací na webu Několik přispěvovatelů A mnoho dalších výhod

20

Další zahraniční redakční systémy CMS je za našimi hranicemi mnoho. Některé jsou tvořeny pod volnou licení GNU GPL, jiné jsou tvořeny firmami na zakázku pro pouţití v komerčních projektech. Z dalších větších redakčních systémů můţeme jmenovat phpRS a vBulletin,

5. Praktická ukázka – redakční systém Wordpress 5.1 Založení blogu 5.1.1 Příprava Nejprve je důleţité si zajistit webhosting a doménu. Webhosting je webový prostor, který si můţeme pronajmout na cizím serveru. Je důleţité, aby hostitelský server podporoval technologie:  

PHP 5.2.4 nebo vyšší (skriptovací jazyk pro běh webových aplikací a skriptů embeddovaných na webových stránkách) MySQL 5.0 nebo vyšší (databázový systém, v němţ jsou flexibilně uloţena data, komunikuje jazykem SQL, správa dat v databázi se provádí přes rozhraní phpMyAdmin či Adminer).

Celý systém Wordpress je směs HTML, CSS a PHP kódu. HTML tvoří kostru, CSS vzhled a PHP skripty zajišťují funkce a sahající do databáze. MySQL databáze obsahuje uloţené nastavení, texty, komentáře a celkově většinu uţivatelem generovaného obsahu.

5.1.2 Stažení Wordpressu Soubory redakčního systému stáhneme zkomprimované z webových stránek Wordpress.org. Vţdy stahujeme nejnovější verzi a je dobré zkontrolovat, zda server našeho poskytovatele webhostingu splňuje všechny kritéria pro hladký běh CMS.

5.1.3 Kopírování na FTP Skrze FTP klienta se za pomoci přihlašovacích údajů (adresa FTP serveru, uţ. jméno a heslo) připojíme k FTP serveru. Uvidíme základní adresáře vytvořené poskytovatelem webhostingu či námi. Do kořenového adresáře (nebo do adresáře subdomény, kterou jsme vytvořili v administraci webhostingu) nakopírujeme extrahované soubory ze staţeného RARu (sloţky wp-admin, wp-content, wpincluded a 17 dalších PHP souborů).

5.1.4 Instalace redakčního systému Navštívíme-li adresu našich stránek, kam Wordpress instalujeme, uvidíme zde první stránku instalace. Nejspíše nás bude informovat o absenci souboru wp-config.php (konfigurace databáze), ten můţeme nechat vytvořit automaticky a vyplňovat údaje v prohlíţeči, nebo na FTP přejmenovat wp-config-sample.php na wp-config.php a vyplnit údaje přímo do něj.

21

Dále nás instalace bude informovat o všech údajích, které je nutné znát: 1. 2. 3. 4. 5.

Database name – jméno databáze Database username – uţivatelské jméno do databáze Database password – heslo do databáze Database host – hostitel databáze Table prefix (if you want to run more than one WordPress in a single database) – prefix tabulky, pakliţe chceme v jedné databázi provozovat více instancí Wordpressu

Tyto údaje můţeme vyplnit na další straně (jen v případě, ţe na FTP stále existuje soubor wp-config-sample.php, pokud jsme stáhli soubor wp-config-sample.php, vyplnili údaje a nahráli zpět pod názvem wp-config.php, pak tento krok instalace přeskočí).

Nastavení databáze ručně a s pomocí instalátoru

22

Na další stránce od nás instalace vyzví údaje jako název blogu, uţivatelské jméno administrátora (s plnými právy), jeho heslo a lze zde zakázat přístup robotů (vyhledávačů), aby se stránka neindexovala a tak byla pro vyhledávače neviditelná (lze učinit později manuálně v souboru robots.txt na FTP a v administraci).

Nastavení základních informací

23

Na další stránce nás instalátor informuje o úspěšné instalaci systému.

Nyní se můţeme přihlásit a Wordpress nás uvítá svou Nástěnkou (hlavní informace o webu, rady pro začátečníky a přístup k navigaci celého CMS).

24

Nástěnka 25

5.2 Úprava šablony 5.2.1 Editor šablon Jedná se o prostředí Wordpressu, v němţ můţeme upravovat CSS a PHP soubory šablon k obrazu svému, a to nejen vzhled (CSS), ale i funkcionality (PHP). U základních šablon (jako je Twenty Eleven) můţeme řadu vlastností nastavit skrze administraci (Nastavení – Vzhled) a příslušné volby (obrázek na pozadí, obrázek záhlaví, sestavit si odkazy menu v postranním panelu, přidávat do postranního panelu widgety apod.). Podporu takových úprav skrze nastavení šablon však nemusí podporovat všechna témata vzhledu.

Vpravo v editoru nalezneme seznam všech souborů šablony, které můžeme upravit

26

Možnosti šablon Šablona je tvořena několika soubory, kaţdý z nich obsahuje kód pro jinou část webu. Namátkou vyjmenujme index.php (hlavní stránka), 404.php (chybová stránka), search.php (stránka s výsledky vyhledávání pomocí vyhledávacího formuláře) apod. Kaţdý soubor obsahuje HTML, případně PHP kód. Nenahraditelný je pak soubor style.css s kaskádovými styly definujícími vzhled, barvy, obrázky a umístění prvků na celém webu. Soubory index.php a style.css jsou povinné, bez nich šablona nejde aktivovat. Druhy PHP funkcí:

Smyčky (loop) Většinou něco vypisují. Jedná se o kus kódu, který proběhne, dokud je splněna určitá podmínka. Kupříkladu kód v single.php vypisující příspěvky se provede, pokud nějaké příspěvky jsou (podmínka if). Je-li příspěvek, vypíše se jeho obsah, do jaké spadá kategorie, odkaz na jeho úpravu, samozřejmě obsah (content) a seznam jeho štítků (tagů).

Není-li splněna podmínka a dle zadaných kritérií není moţné vypsat ţádný příspěvek, provede se druhá větev podmínky, která vypíše např. chybovu hlášku (v tomto případě se vezme ze souboru notfound.php).

Tagy šablony (template tags) Jsou specifické tagy, které má Wordpress definované ve svém jádře. Z horního kódu například: ', '

'); ?> Zde je edit_post_link názvem funkce Wordpressu, která definuje odkaz pro upravení příspěvku. V závorce se nacházejí její parametry (znění „Upravit“ a fakt, ţe má být v samostatném odstavci). Takových funkcí můţe být celá řada, jejich plný výpis nalezneme v dokumentaci Wordpressu (http://codex.wordpress.org/Template_Tags). Důleţité jsou například: het_header, get_footer, get_sidebar, get_bloginfo, single_post_title, the_content a řada dalších…

27

Tagy podmiňující (conditional tags) Podmínkové tagy obvykle vypíší text/provedou funkci dle nějakých podmínek. Např. pokud je k dispozici příspěvek, vypiš obsah.

5.2.2 Hlavní stránka index.php Důleţité například je získat záhlaví (header), který je v souboru header.php (provedeme Include tagem): V index.php je definováno, co uţivatel uvidí na hlavní stránce.

5.2.3 Chybová stránka 404.php Chyba 404 – stránka nenalezena, je dobré ji vytvořit vizuálně přitaţlivou, umístit informaci, ţe se stala chyba a stránka nemůţe být zobrazena, vyhledávací formulář, uţitečné odkazy (např. na hlavní stránku, kontaktní formulář apod.) Vyhledávací formulář vypíšeme Include tagem:

5.2.4 Komentáře comments.php V tomto souboru se například definuje, jak bude vypadat text informující o počtu komentářů, jenţ je vypsán na stránce příspěvku nad komentáři: " První část (text „No responses {název textu}“) vypíše text, kdyţ nejsou ţádné komentáře. Kód s textem „One respond to {název textu}“ se zobrazí, kdyţ je pod příspěvkem jeden komentář. A nakonec v případě, ţe je komentářů více, se vypíše „% Responses to {název textu}“, za „%“ se dosadí počet získaných komentářů. Pod textem je také moţné komentáře zakázat, pak se namísto formuláře pro komentář vypíše text, jeho znění zajišťuje kód:

28

5.2.5 Zobrazení příspěvku single.php V tomto souboru můţeme například přidat/odebrat navigace mezi příspěvky na stránce příspěvku (obvykle na levé straně bývá odkaz, kterým se přesuneme na předchozí napsaný příspěvek, napravo naopak na novější publikovaný text) v základní šabloně Wordpressu Twenty Eleven: <span class="nav-previous"> ← Previous', 'twentyeleven' ) ); ?> <span class="nav-next">→', 'twentyeleven' ) ); ?>

Zde například kód, jenţ vypíše obsah příspěvku:

5.2.6 Úprava stylu šablony V souboru style.css můţeme nastavit barvy, rozmístění a celkově vzhled našich webových stránek. Styly se upravují úplně stejně jako u statické webové stránky. Identifikátory a třídy určují vţdy jednu část webu, kterou upravují. Některé názvy třída identifikátorů se „standardizovaly“, a tak není těţké poznat jejich funkci.

Komentáře U Wordpressu můţeme v šabloně detailně nastavit i to, jak chceme zobrazovat komentáře (jejich výpis, ale i vzhled kaţdého komentáře): .commentlist { margin:0 0 20px 0; list-style:none; } .comment-body { padding:20px; margin-top:2.85%; background:#f3f3f3; box-shadow:0 0 3px #ccc; } .comment .avatar { float:right; 29

padding:3px; margin:0 0 20px 20px; box-shadow:0 0 3px #ccc; background:#e9e9e9; } Poslední třída nastavuje zobrazení avatara (malý obrázek, který si nastaví autor komentáře). K tomuto účelu slouţí např. sluţba Gravatar.com (obrázek se tedy můţe načítat odtud, sluţbu musí podporovat šablona).

Obsah Obsah (tedy prostor, kde se zobrazují texty, komentáře, navigace – není zde obsaţena navigace, tj. pravý/levý sloupec) obvykle nastavuje identifikátor #content. Celý prostor mezi hlavičkou (header) a patičkou (footer) zase definuje identifikátor #main. #main { clear: both; padding: 1.625em 0 0; } #content { margin: 0 34% 0 7.6%; width: 58.4%; }

Stránka Vedle příspěvků, které se řadí za sebe, můţeme ve Wordpressu vytvořit stránku, jejíţ pevný odkaz bude umístěn do navigace. Sem se nejčastěji uvádí informace o stránce, autorovi, obecné údaje, které by měly být přístupné z jakékoli části webu, ale potřebují samostatný prostor. Stránka má identifikátor #page. Další příklady CSS vlastností:  

.post-title, .comment-title, .page-title – názvy příspěvků, komentářů a stránek .entry-meta – doplňující informace příspěvků (bývají zde tagy, rubriky, datum publikování)

30

Některé základní CSS vlastnosti:

Odkazy Nastavení barev, efektů a dalších moţností u odkazů globálně pro celou šablonu se nastavují tagem a: a { color: blue; text-decoration:none; } Přidáme li za tag pseudotřídu :hover, můţeme nastavit vlastnosti odkazu, nad kterým máme právě myš: a:hover { color: red; text-decoration: underline }

Nadpisy Samozřejmostí je nutnost udrţovat jistou strukturu textů, a to nejlépe nadpisy (jsou dobré nejen pro čtenáře, ale i vyhledavače z hlediska SEO, tj. optimalizace pro vyhledávače). Nadpisy h1 mají nejvyšší prioritu, čím je číslo vyšší, odkaz je „méně důleţitý“ (menší): Nejprve můţeme nastavit vlastnosti globálně všech nadpisů, následně velikost, barvu a dekoraci kaţdému zvlášť: h1, h2, h3, h4, h5, h6 { margin-bottom:18px; font-weight:bold; line-height:1.62em; } h1 { font-size:32px; } h2 { font-size:24px; }

31

Tabulky Definovat můţeme i vzhled tabulky kdekoli na stránce: table { width:100%; border-collapse:collapse; text-align:center; margin-bottom:24px; } table tr:nth-child(even) { background:#F0F0F0; } table th, table td { padding:6px 0; } table th { font-weight:bold; }

Seznamy Tagy ul a li nastaví seznamy (ul je tag pro nečíslovaný odráţkový seznam, li obtéká jednu poloţku seznamu): ul { list-style-type:disc; margin-left:30px; margin-bottom:24px; } ul li { margin-top:4px; }

Tvoříme-li šablonu, je nutné definovat v CSS stylech všechny moţnosti. Pokud tedy plánujeme moţnost uţivateli nabídnout, aby si nastavil sloupec (sidebar) kam chce (vlevo/vpravo), musíme v šabloně ošetřit obě moţnosti, z nichţ se následně pouţije definice jen té, která je nakonec zvolena. Chceme-li vytvořit novou šablonu, pomůţe nám dokumentace na Wordpress.org, v níţ nalezneme informace o souborové struktuře šablon, pouţitelné tagy, funkce a návody.

32

5.3 Widgety Do sidebaru webové stránky můţeme vkládat různé widgety a obsah menu tak poskládat.

5.3.1 Nejdůležitější widgety, které se mohou hodit:      

Rubriky – seznam kategorií, do kterých jsme příspěvky zařadili. Prázdné rubriky zůstávají skryté Menu – můţeme vytvořit libovolné menu Archiv – archiv dle měsíců a roků, díky kterému můţeme filtrovat příspěvky dle data vydání Text – sem můţeme napsat jakýkoli text, nebo HTML kód Nejnovější příspěvky a Nejnovější komentáře Odkazy – seznam odkazů, které chceme čtenářům doporučit (vytváří se v administraci – Odkazy)

Tyto widgety způsobem drag&drop poskládáme do panelů Hlavní postranní panel, Postranní panel Showcase, První sloupec zápatí, Druhý sloupec zápatí a Třetí sloupec zápatí (pokud tyto volby podporuje šablona). Následně se nám na webu v těchto částech objeví vybrané widgety.

33

5.3.2 Vložení widgetů třetích stran do šablony Widget třetí strany je miniaplikace, která se zobrazuje na webu, ale načítá se odjinud. Jedná se např. o pole s posledními přehrávanými písničkami z Last.fm, posledními tweety na Twitter.com, „banner“ s odkazem na Facebook profil a podobně. Necháme si vygenerovat od dané sluţby zdrojový kód, ten následně vloţíme do widgetu Text v administraci Wordpressu a umístíme tam, kde jej chceme nechat zobrazit.

5.4 Pluginy Pluginy jsou velkou výhodou Wordpressu. Jedná se o add-ony, tj. miniaplikace, které CMS doplňují o celou řadu funkcionalit. Jejich katalog nalezneme na stránkách Wordpress.org (vyhledávat v pluginech je moţné i administrace Wordpressu pod příslušnou volbou v menu.

5.4.1 Pár nejlepších pluginů pro Wordpress Akismet Tento plugin se stal pro uţivatele Wordpressu téměř nutností. Wordpress je sice bezpečný, ale weby na něm běţící jsou tu a tam napadnuté spammery, jejichţ roboti zde vytvářejí hromadné reklamní komentáře. Takových komentářů se mohou ze dne na den objevit na webu stovky aţ tisíce. Filtruje komentáře a pomáhá objevovat a mazat ty podvodné.

34

All in One SEO Pack Plugin, s jehoţ pomocí můţeme web velmi snadno optimalizovat pro vyhledávače. Postará se o korektní nastavení názvu a keywords webu, nadpisů, názvů článků, meta description, URL na webu a mnoho dalšího.

Sociable V dnešní době, kdy je velmi moderní se pohybovat na sociálních sítích, je třeba drţet krok, k čemuţ slouţí plugin Sociable. Bez zdlouhavého nastavování vloţí na poţadované místo webu záloţky (ikonky) pro sdílení na sociálních sítích (Facebook, Twitter, Digg a další). České linkovací sluţby je moţné integrovat s pomocí podobného pluginu s všeříkajícím názvem České a slovenské linkovací sluţby.

NextGEN Gallery Jednoduše umoţní přispěvovatelům vkládat do článků efektní galerie s tzv. efekty Lightbox, Thickbox a další. Jedná se o JavaScriptové či AJAXové galerie v příjemném designovém provedení, které se na webových stránkách stávají čím dál oblíbenější. Alternativou můţe být plugin Lightbox.

Další pluginy       

Contact Form 7 – tvorba kontaktních formulářů Google Analytics for WordPress – nástroj pro statistiky a sledování provozu Google Analytics a jeho integrace do Wordpressu WPML Multilingual CMS – několikajazyčné mutace jednoho webu Similar Posts – umoţňuje vloţit na stránku výpis článků podobných tomu, který čtenář právě prohlíţí WP-PostRatings – přidá pod článek moţnost hodnocení 4Avatars – podpora pro Gravatary WP Thread Comment – vlákna v komentářích pro šablony, které to nepodporují

5.5 Příspěvky Co najdeme v menu Příspěvky:    

Seznam příspěvků s moţností dělat hromadné úpravy, je moţné je upravovat, zařazovat do rubrik a další Vytvořit příspěvek – odkaz na WYSIWYG editor nových příspěvků Rubriky – zde se spravují rubriky, do nichţ řadíme příspěvky dle jejich tématu Štítky – správce tagů, kterými označujeme příspěvky dle tématu

WYSIWYG editor (What You See Is What You Get) je editor, v němţ můţeme psát bez pouţívání HTML tagů. Jedná se o grafické rozhraní, v němţ pracujeme podobně jako v kaţdém textovém editoru.

35

Správa příspěvků ve Wordpressu

5.6 Nastavení blogu Nejdůleţitější volby se skrývají v administraci pod menu Nastavení.

Kategorie Nastavení:       

Obecné – název webu, popis, adresa, časové pásmo a další Publikování – nastavení pole v editoru, rubriky a další Zobrazování – jaký obsah se objeví na úvodní stránce, kolik poloţek bude v RSS, nastavení kódování textu na webu (defaultní je UTF-8) Komentáře – veškeré nastavení komentářů, upozorňování mailem, schvalování komentářů, nastavení avatarů (sluţba Gravatar) Média – velikost obrázků, nastavení uploaderu médií a další Viditelnost – viditelnost webu pro vyhledávače Trvalé odkazy – formát odkazů na příspěvky

36

5.7 RSS výstup pro blog Technologie RSS umožňuje uživatelům Internetu přihlásit se k odběru novinek z webu, který nabízí RSS zdroj (RSS feed, též RSS kanál, RSS channel). Tento zdroj se většinou vyskytuje na stránkách, kde se obsah mění a přidává velmi často (například zpravodajské servery). („RSS“ na cs.Wikipedia.org). RSS výstup je tedy, jak je jasné z jeho definice, vhodný i pro pouţití na blogu. Čtenáři blogu si mohou adresu XML souboru uloţit do RSS čtečky (např. Google Reader) a budou pravidelně informováni o nových příspěvcích. Ve Wordpressu můţete jednoduše vytvořit RSS kanálů hned několik, a to pro:    

Nové články Nové komentáře Jen pro určitou rubriku (a články v ní) Jen pro určitý štítek (a články jím otagované)

Jak vypadá soubor XML soubor RSS (příspěvky)

37

Závěr Doufám, ţe má práce byla poučná a moţná někoho inspirovala a přesvědčila, ţe blog je v dnešní době velmi prospěšnou cestou, jak můţe jednotlivec komunikovat s internetovým světem, firma se svými zákazníky apod. Nejprve jsme zjistili, co je to vlastně blog, jak tento útvar vznikl, kdo jej nejčastěji píše, seznámili jsme se s českými nejznámějšími blogy. Poté jsme si vyjmenovali, co by měl správný blog mít a jak by měl uţivatel postupovat a přemýšlet při jeho zaloţení. Následně jsme se seznámili s některými zahraničními i českými blogovacími platformami a redakčními systémy, jejich historii, funkcemi a zajímavostmi. Rozhraní jsme viděli na přiloţených screenshotech. Poslední část práce se zabývala popisem instalace redakčního systému Wordpress, úpravami šablon, widgety, pluginy, rozhraním editoru pro psaní příspěvků a základním nastavením. Pro účely blogování mohu doporučit blogovací platformy pro psaní jednoduchého, přehledného blogu, pakliţe nepotřebujete detailní nastavení, vlastní šablonu a další pokročilé funkce. Posterous, Blogger a Tumblr jsou skvělou volbou pro nenáročného uţivatele. Z redakčních systémů se pro blogování hodí nejvíce Wordpress, který nabízí celou řadu nastavení, detailní editor šablon, pluginy, widgety. Oproti tomu Drupal a Joomla! Jsou CMS, které sází spíše na co nejširší paletu vyuţít, proto jsou tzv. modulární (je moţné do nich nainstalovat moduly, které umoţní jejich nasazení na portály, e-shopy a fóra). Wordpress se vydal jinou cestou, která vyhovuje cíleně právě blogerům. Není divu, ţe mnoho z nich sáhlo právě po tomto redakčním systému.

38

Zdroje Webové zdroje:    

Lupa.cz cs.Wikipedia.org Neviditelnypes.cz Web.archive.org

Oficiální stránky redakčních systémů s dokumentací:    

Wordpress.org Drupal.org Joomla.org rs.reality-show.net

Oficiální stránky blogovacích systémů a dokumentací:    

Posterous.com Tumblr.com Blogger.com Bloguje.cz

Neoficiální webové zdroje:   

JoomlaPortal.cz Cwordpress.cz Drupal.cz

Literatura: WordPress – Podrobný průvodce tvorbou a správou webů (wpkniha.cz)  

Computer Press, 2010 EAN 9788025127346

39