.
ˇ ´I SYSTEM ´ REDAKCN
DOKUMENTACE ´S ˇ WEIS LUKA
AUTOR
[email protected]
´ HRADIST ˇ E, ˇ 17. ledna 2014 UHERSKE
LATEX
Obsah 1 Nˇ ekolik vˇ et o redakˇ cn´ım syst´ emu WordPress
3
2 Struktura a obsah
3
3 Pˇ rihl´ aˇ sen´ı do redakˇ cn´ıho syst´ emu
3
4 Editace pˇ r´ıspˇ evku nebo str´ anky 4.1 Odkazy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4.2 Nahr´an´ı souboru na web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
4 4 5
2
1
Nˇ ekolik vˇ et o redakˇ cn´ım syst´ emu WordPress
WordPress je svobodn´ y open source redakˇcn´ı publikaˇcn´ı syst´em napsan´ y v PHP a MySQL. Je vyv´ıjen pod licenc´ı GNU GPL a je silnˇe podporov´an spoleˇcnost´ı Automattic, jej´ıˇz v´ yvoj´aˇri se WordPressu vˇenuj´ı. WordPress m´ a ˇsirokou uˇzivatelskou a v´ yvoj´aˇrskou komunitu, poˇcet staˇzen´ı verze 3.0 samotn´e dosahuje t´emˇeˇr 10 mili´ on˚ u. WordPress je pouˇz´ıv´an dle ofici´aln´ıch statistik jako CMS na v´ıce neˇz patn´acti procentech cel´eho svˇetov´eho internetu.
2
Struktura a obsah
Struktura a obsah internetov´e str´ anky je tvoˇren z´akladn´ımi tˇremi prvky rubrika, pˇr´ıspˇevek a str´ anka. Rubrika sama o sobˇe nenese ˇz´ adn´ y obsah je tvoˇrena pˇr´ıspˇevky. Konkr´etn´ı pˇr´ıspˇevek m˚ uˇze b´ yt obsaˇzen v jedn´e nebo ve v´ıce rubrik´ ach. Str´ anka tvoˇr´ı samostatn´ y prvek a nem˚ uˇze b´ yt souˇc´ast´ı rubriky Pˇr´ıspˇevek a str´anka jsou jedin´ ymi nositeli obsahu a tak´e jejich obsah je tvoˇren pomoc´ı stejn´ ych n´astroj˚ u. Struktura uk´ azkov´ eho webu ve WordPressu Rubrika A
Rubrika B
Pˇr´ıspˇevek 1
Pˇr´ıspˇevek 2
Str´anka S1
Pˇr´ıspˇevek 2
Pˇr´ıspˇevek 4
Str´anka S2
Pˇr´ıspˇevek 3
Str´anka S3
Obr´azek 1: Sch´ematick´e zn´ azornˇen´ı struktury uk´azkov´e internetov´e str´anky sloˇzen´eho ze dvou rubrik, ˇctyˇr pˇr´ıspˇevk˚ u a tˇrech str´ anek.
3
Pˇ rihl´ aˇ sen´ı do redakˇ cn´ıho syst´ emu
Adresa pˇrihlaˇsovac´ıho formul´ aˇre je sloˇzena z dom´enov´e adresy serveru (napˇr. http://www.atletikauh.cz) a adresy sloˇzky /wp-admin. Cel´a adresa k pˇrihlaˇsovac´ımu formul´aˇri potom m˚ uˇze vypadat takto: http://www.atletikauh.cz/wp-admin. Uˇzivatelsk´e jm´eno a heslo nutn´e k pˇrihl´aˇsen´ı z´ısk´ ate od administr´atora. Po pˇrihl´ aˇsen´ı je vhodn´e si heslo zmˇenit Menu → Profil → Nov´ e heslo.
Obr´ azek 2: Pˇrihlaˇsovac´ı formul´aˇr do syst´emu WordPress.
3
4
Editace pˇ r´ıspˇ evku nebo str´ anky
Nov´ y pˇr´ıspˇevek vytvoˇr´ıme pomoc´ı Menu → Pˇ r´ıspˇ evky → Vytvoˇ rit pˇ r´ıspˇ evek. Potˇrebuji-li jiˇz existuj´ıc´ı pˇr´ıspˇevek upravit nebo odstranit pouˇziji Menu → Pˇ r´ıspˇ evky → Pˇ rehled pˇ r´ıspˇ evk˚ ua potom u pˇr´ısluˇsn´eho pˇr´ıspˇevku pouˇziji Upravit nebo Odstranit. Podobnˇe m˚ uˇzeme vytvoˇrit novou str´ anku pomoc´ı Menu → Str´ anky → Vytvoˇ rit str´ anku. Potˇrebuji-li jiˇz existuj´ıc´ı str´ anku upravit nebo odstranit pouˇziji Menu → Str´ anky → Pˇ rehled str´ anek a potom u pˇr´ısluˇsn´e str´ anky pouˇziji Upravit nebo Odstranit. Novou str´anku m˚ uˇze do menu veˇrejn´e ˇc´ asti internetov´e str´ anky zaˇclenit pouze administr´ator. M˚ uˇzete vyuˇz´ıvat dva zp˚ usoby pr´ ace, mezi kter´ ymi pˇrep´ın´ate kliknut´ım na pˇr´ısluˇsnou z´aloˇzku (Editor a HTML). Vizu´ aln´ı editor (Obr. 3) (tzv. WYSIWYG = What You See Is What You Get) umoˇzn ˇuje jednoduˇse form´ atovat text i bez znalosti HTML a vˇse, co si pomoc´ı dostupn´ ych grafick´ ych ikon naklik´ate, bude ve stejn´e podobˇe zobrazeno i na webu (samozˇrejmˇe s drobn´ ymi rozd´ıly podle definovan´ ych kask´adov´ ych styl˚ u ˇsablony). HTML verze editoru zase umoˇzn ˇuje pouˇz´ıvat kromˇe z´akladn´ıho form´atov´an´ı i vlastn´ı HTML k´ od. HTML verze editoru je urˇcena zkuˇsenˇejˇs´ım uˇzivatel˚ um. Z´ajemc˚ um o studium HTML doporuˇcuji navˇst´ıvit napˇr´ıklad str´anky http://www.jakpsatweb.cz/.
Obr´ azek 3: Vizu´ aln´ı editor, kter´ ym lze vytvoˇrit obsah pˇr´ıspˇevku nebo str´anky.
4.1
Odkazy
Nejprve napiˇsme text, kter´ y chceme pˇrev´est na odkaz, napˇr´ıklad: ”Odkaz na str´ anky Seznamu”. Tento text oznaˇcme a potom kliknˇeme na ikonu Vloˇ zit/upravit odkaz. Otevˇre se nov´e okno, do kter´eho zad´ ame URL adresu, napˇr´ıklad: ”http://www.seznam.cz”. Jako voliteln´ yu ´daj m˚ uˇzeme vloˇzit n´azev odkazu, napˇr´ıklad: ”tento odkaz odkazuje na Seznam”. N´azev odkazu se zobraz´ı po najet´ı kurzoru nad odkaz. D´ ale m´ ame moˇznost zvolit zdali se m´a odkaz otevˇr´ıt v nov´em oknˇe ˇci z´aloˇzce. Odkazuje-li se odkaz na jin´e str´ anky je vhodn´e tuto volbu potvrdit. Odkazuje-li se odkaz na obsah vlastn´ıch str´ anek tuto volbu nepotvrzujme. Nakonec potvrd´ıme nab´ıdku tlaˇc´ıtkem Add link. Funkˇcnost odkazu si ovˇeˇrte v n´ ahledu Sekce Publikovat → N´ ahled.
4
Obr´azek 4: Vloˇzen´ı odkazu do pˇr´ıspˇevku nebo str´anky pomoc´ı vizu´aln´ıho editoru. Pˇrepnut´ım z´ aloˇzky z vizu´ aln´ıho editoru do HTML editoru m˚ uˇzeme vidˇet jak vypad´a zdrojov´ y k´ od n´ami vytvoˇren´eho odkazu (Obr. 5).
Obr´ azek 5: Vloˇzen´ı odkazu do pˇr´ıspˇevku nebo str´anky pomoc´ı HTML editoru. ´ Uplnˇ e stejnˇe jako jsme vytvoˇrili odkaz na internetov´e str´anky Seznamu, m˚ uˇzeme vytvoˇrit odkaz, kter´ y se bude odkazovat na libovoln´ y soubor. Rozd´ıl bude pouze v URL adrese, kter´a m˚ uˇze m´ıt napˇr´ıklad n´asleduj´ıc´ı tvar: ”http://www.atletikauh.cz/wp-content/uploads/dokument.pdf”.
4.2
Nahr´ an´ı souboru na web
Pˇredem upozorn´ım na to, ˇze postup popsan´ y v t´eto kapitole nen´ı vhodn´ y pro nahr´av´an´ı fotografi´ı. Pro nahr´av´an´ı fotografi´ı je nejlepˇs´ı pouˇz´ıt n´astroj Menu → Gallery → ... . Pˇred nahr´an´ım je vhodn´e soubor jednoznaˇcnˇe pojmenovat. Tedy tak, aby se n´azev souboru nemohl opakovat. Pokud bychom soubor pokaˇzd´e pojmenovali jen vysledky.pdf, tak se bude s jejich rostouc´ım poˇctem zhorˇsovat i pˇrehled. Pokud nahrajeme napˇr´ıklad pˇet soubor˚ u s takto shodn´ ym n´azvem, tak druh´ y a kaˇzd´ y dalˇs´ı soubor bude automaticky oˇc´ıslov´an. V´ ysledn´e n´azvy soubor˚ u by pak byly: vysledky.pdf, vysledky1.pdf, vysledky2.pdf, vysledky3.pdf a vysledky4.pdf. D´av´a-li to smysl je vhodn´e v zaˇc´ atku n´ azvu souboru pouˇz´ıt ˇcasov´e raz´ıtko ve form´atu ”yyyy-mm-dd”. N´azev souboru by mˇel obsahovat jen znaky mal´e abecedy ”a-z”, ˇc´ıslice ”0-9”, pomlˇcku ”-”a teˇcku ”.”oddˇeluj´ıc´ı n´azev souboru od koncovky souboru. N´ıˇze je uvedena ˇrada pˇr´ıklad˚ u vhodn´eho pojmenov´an´ı souboru.
5
2012-05-01-hodinovka-uh-propozice.pdf 2012-05-01-hodinovka-uh-vysledky.pdf 2012-05-01-hodinovka-uh-rozpocet.pdf slovacky-beh-propozice-2012.pdf slovacky-beh-vysledky-2012.pdf slovacky-beh-vysledky-1980.pdf soustredeni-vysoke-tatry-informace-pro-ucastniky-2012.pdf soustredeni-vysoke-tatry-zprava-o-urazech-2012.pdf 2012-01-06-jednani-stk-olomouc.pdf Je-li nahr´avan´ y soubor dokumentem ve form´atu jin´em neˇz PDF (Portable Document Format) je vhodn´e tento dokument pˇred nahr´ an´ım pˇrev´est do form´atu PDF. V souˇcasn´e dobˇe existuje cel´ a ˇrada program˚ u, ve kter´ ych lze vytvoˇrit dokument. Kaˇzd´ y s tˇechto program˚ u vytv´aˇr´ı vlastn´ı form´ at souboru. Napˇr´ıklad tento dokument byl vytvoˇren pomoc´ı typografick´eho jazyka LATEX, kter´ y vytv´ aˇr´ı soubory TEX. Um´ıstil-li bych na web soubor ve form´atu TEX, tak k otevˇren´ı tohoto souboru by si musel n´avˇstˇevn´ık webu nainstalovat napˇr´ıklad program MiKTEX. Nechci-li n´avˇstˇevn´ıka webu zatˇeˇzovat instalac´ı nejr˚ uznˇejˇs´ıch program˚ u, tak nahraji dokument na web ve form´atu PDF. Nejvˇetˇs´ı v´ yhodou form´atu PDF je nez´ avislost na softwaru i hardwaru, na kter´em byl dokument vytvoˇren. Dalˇs´ı v´ yhodou je, ˇze se libovoln´ y dokument na vˇsech zaˇr´ızen´ıch zobraz´ı stejnˇe. Vˇetˇsina novˇejˇs´ıch program˚ u umoˇzn ˇuje export do form´ atu PDF. M´ ame-li starˇs´ı program, kter´ y export do PDF neumoˇzn ˇuje, tak m˚ uˇzeme probl´em vyˇreˇsit instalac´ı virtu´ aln´ı PDF tisk´arny. Virtu´aln´ı tisk´arnu napˇr´ıklad PDF Creator m˚ uˇzeme st´ahnout na adrese http://www.pdfforge.org/download. Po instalaci PDF Creatoru staˇc´ı v nastaven´ı tisku (libovoln´eho programu) zvolit jako tisk´arnu PDF Creator a potom dokument vytisknout. V´ ysledkem takov´eho tisku je dokument ve form´atu PDF. Podaˇrilo-li se V´ am vytvoˇrit dokument ve form´atu PDF s vhodn´ ym n´azvem souboru, tak dalˇs´ı kroky budou jednoduch´e. Nepodaˇrilo-li se to nahrajte na web soubor v podobˇe jakou m´ate k dispozici. Samotn´e nahr´ an´ı souboru provedeme pomoc´ı Menu → M´ edia → Nahr´ at soubor → Vybrat soubory. Po u ´spˇeˇsn´em nahr´ an´ı souboru pokraˇcujte do Menu → M´ edia → Knihovna m´ edi´ı ´ a kliknˇete na odkaz nahran´eho souboru. Zobraz´ı se nab´ıdka Uprava medi´ aln´ıho souboru viz. Obr. 6, ve kter´e oznaˇcte celou URL souboru a vloˇzte do pamˇeti pomoc´ı kl´avesov´e zkratky Ctrl+C. Cel´a URL adresa souboru m˚ uˇze vypadat n´asledovnˇe: http://www.atletikauh.cz/wp-content/uploads/2012/02/2012-01-06-jednani-stk-olomouc.pdf. Nyn´ı se pˇresuˇ nme do editace pˇr´ıspˇevku a vytvoˇrme zde odkaz na nahran´ y soubor. URL souboru z´ısk´ame z pamˇeti pomoc´ı kl´avesov´e zkratky Ctrl+V. Samotn´e vytv´ aˇren´ı odkaz˚ u je pops´ano v kapitole 4.1.
Obr´azek 6: URL souboru potˇrebujeme zn´at pro vytvoˇren´ı odkazu na nahran´ y soubor.
6
Administrace WordPress v 3.2.1 cs CZ Samotn´a instalace WordPressu obsahuje n´asleduj´ıc´ı datab´azov´e tabulky: wp_commentmeta wp_comments wp_links wp_options wp_postmeta wp_posts wp_terms wp_term_relationships wp_term_taxonomy wp_usermeta wp_users
Themes - ˇ sablony Twenty Eleven v 1.2 Tato ˇsablona ve verzi 1.3 je nekompatibiln´ı s doplˇ nkem NextGEN Gallery v 1.9.1. Chyba se projevuje tak, ˇze pˇri zobrazen´ı fotky pˇres celou st´ anku je fotka pˇrekryta hlaviˇckou ˇsablony (hlaviˇckov´ y nadpis, hlaviˇckov´ y obr´azek a menu). Domn´ıv´ am se, ˇze chyba je v ˇsablonˇe, protoˇze v jin´ ych ˇsablon´ach jsem podobnou chybu neobjevil.
Pluginy - instalovan´ e doplˇ nky Akismet Akismet m˚ uˇze v´ yraznˇe omezit (nebo i zcela eliminovat) koment´aˇre a trackbacky, kter´e jsou na internetov´e str´anky vkl´ ad´ any v podobˇe spamu. Pokud se vˇsak n´ahodou stane, ˇze nˇejak´ y spam pˇresto proklouzne a Akismet ho nerozpoznal, staˇc´ı ho na str´ance pro moderov´an´ı koment´aˇr˚ u jednoduˇse kliknut´ım myˇsi oznaˇcit jako Spam“. Akismet si to pak automaticky zapamatuje a pˇr´ıˇstˇe uˇz stejnou chybu ” neudˇel´a. Pokud jeˇstˇe nem´ ate sv˚ uj API kl´ıˇc, z´ıskate ho snadno pˇr´ımo na internetov´ ych str´ank´ach Akismet.com a pak uˇz m˚ uˇzete zaˇc´ıt tento uˇziteˇcn´ y plugin pouˇz´ıvat. Your Akismet API key is: b505e4258263 Google Analyticator Doplnˇek umoˇzn´ı sledov´ an´ı n´ avˇstˇevnost internetov´ ych str´anek. NextGEN Gallery v 1.9.1 Doplnˇek pro vytv´ aˇren´ı fotogaleri´ı. Tento doplnˇek vytv´aˇr´ı v datab´azi n´asleduj´ıc´ı tabulky: wp_ngg_album wp_ngg_gallery wp_ngg_pictures Rating-Widget Plugin Doplnˇek umoˇzn ˇuje hodnotit pˇr´ıspˇevky, str´anky a koment´aˇre. Tento doplnˇek ukl´ad´a data do vlastn´ı datab´aze. Jedn´a se o polo-komerˇcn´ı projekt, proto se u hodnocen´ı zobrazuje obr´azek obsahuj´ıc´ı p´ısmeno i“. Nev´ yhodou tohoto ˇreˇsen´ı je z´ avislost na tˇret´ı stranˇe. ” 7
Revision Control ˇ r´ı prostor v datab´ Doplnˇek umoˇzn ˇuje omezit mnoˇzstv´ı reviz´ı jednotliv´ ych pˇr´ıspˇevk˚ u a ˇcl´ank˚ u. Setˇ azi. TinyMCE Advanced Doplnˇek v´ yznamnˇe rozˇsiˇruje funkcionalitu visu´aln´ıho editoru (usnadˇ nuje samotnou editaci pˇr´ıspˇevk˚ u a str´anek). Tento doplnˇek nevytv´ aˇr´ı v datab´azi vlastn´ı tabulky. WP-DB-Backup v 2.2.3 WordPress Database Backup je doplnˇek urˇcen´ y pro z´alohu datab´aze, kter´ y nalezneme v Menu → Nastaven´ı → Backup. Pozor tento doplnˇek pˇri standardn´ım nastaven´ı nez´alohuje datab´azov´e tabulky, kter´e byly vytvoˇreny pluginy. Tento doplnˇek nevytv´aˇr´ı v datab´azi vlastn´ı tabulky. WP-Polls Doplnˇek urˇcen´ y pro tvorbu anket. Tento doplnˇek vytv´aˇr´ı v datab´azi n´asleduj´ıc´ı tabulky: wp_pollsa wp_pollsip wp_pollsq
8
