Bikeři.cz

To, co sem napíšete, bude v adrese článku. Mají to být klíčová slova bez diakritiky, malými písmeny spojená pomlčkou.

Rubriky

Vždy je zaškrtnuta nějaká základní rubrika, tu nastavují administrátoři. Tu odškrtněte a zaškrtněte si tu, do které zapadá téma vašeho článku.

Tlačítka publikovat atp.

Tlačítko Publikovat pošle článek rovnou na titulní stránku. Pokud nemáte dostatečná práva, pošle ho ke schválení administrátorovi. Tlačítko Uložit článek uloží a vy si jej můžete později upravit, smazat, cokoliv. Bude pak v horní části stránky v políčku Koncepty.

Ještě jedna věc zbývá – zaškrtnutí Sticky znamená, že článek bude na prvním místě titulní stránky, i když nebdue nejnovější.

Zdrojový kód této stránky

V ráměčku níže je text, který zplodil tuto stránku. Může vám to ozřejmit některé nejasnosti.

[HTML] Čtete návod na používání redakčního systému Wordress pro web Bikeři. Předme říkám, že cokoliv napíšete, zveřejníte, můžete hned potom upravovat, mazat, doplňovat. Můžete do udělat jenom vy nebo ten, kdo má vyšší práva než vy (to je technický správce webu).

Pokud se na Bikery zaregistrujete, automaticky je vám přiřazena nejnižší z pěti rolí. Podle ní pak máte v redakčním systému práva. Ta první vám umožňuje měnit si svůj osobní profil. Pro psaní článků, například tréninkového deníku, potřebujete vyšší práva (ta dostanete). Pokud byste je měli maximální, vaše menu v administraci by vypadalo takto (klepněte na zvětšení):

Seznam témat

• Píšeme článek
• Odstavce
• Seznamy
• Odkazy
• Tučné, kurzíva
• Citace
• Obrázky
• Pokračování
• Heslo
• Upravený název
• Rubriky
• Publikovat
• Jak byla napsána tato stránka

Jako první řeknu jednu věc. ve WordPressu existují dva typy editorů pro psaní článků. Zde popisuji ten jednoduchý, který sám používám. ten druhý, bohatší, si zapnete ve svém profilu:

Tento editor je vskutku pohodlný, uvidíte sami. Nemusíte používat žádné značky z jazyka XHTML. Vážne to zkuste. Pokud potkáte nějaké problémy, podívejte se do tohoto návodu. Já sám jej nepoužívám, protože internetový editor ještě nemůže být tak dobrý jako MS Word, a proto dělá občas chyby. Práce, jak ji popisuji níže, není o nic náročnější.

Píšeme článek

V menu si najeďte na Publikovat a rovnou se vám načte stránka pro psaní článku. K dispozici je i odkaz na psaní stránky. Stránky se na Bikerech zobrazují ve vodorovném modrém menu (originální téma). My ale chceme psát článek. Vyplňte Titulek stránky a do pole Obsah stránky začněte psát text. Každý článek může mít obrázky, seznamy, citace, text tučný nebo v kurzívě a je dělený na odstavce. Vůbec, odstavce jsou důležité! Říká se, že dlouhé odstavce čtenáře nudí. Lepší je proto psát ve více odstavcích.

Odstavce

Tvoří se odenterováním. Mezi odstavci je řádek bez textu. Na obrázku jsou tři odstavce:

Seznamy

Používají se pro výčet položek. Nyní se dostáváme k tomu, že internetové stránky se píší v určitém jazyku (XHTML). Není to programování, ale spíš popisování, jak se má text zobrazit. Používáme určité značky (anglicky tagy), které prohlížeči řeknou, že má zobrazit… seznam. Podíváme se na výsledek našeho snažení:

Vy však budete psát toto:

Struktura kódu tedy je:

• První
• Druhá
• Třetí položka

Jak vám s tím pomůže WordPress (náš redakční systém)? Napíši nyní postup, který bude pak pro jiné elementy stránky (např. text kurzívou) stejný. Napište si pod sebe vytoužený seznam položek. Každou z nich, postupně, označte myší (vyberte text) a zmáčkněte příslušné tlačítko, zde položka seznamu. Vyleze vám z toho <li>První položka</li>. Až je budete mít všechny označené, vyberte je všechny a klepněte na a) seznam b) číslovaný seznam (podle toho, jestli chcete mít před položkami stejné značičky, nebo čísla od jedné do X.

Tučný text, kurzíva

Máte větu a chcete nějaké/á slovo/slova zvýraznit.

.

Nyní klepněte na příslušné tlačítko (tučně, kurzíva).

Nadpis

Pokud chcete mít dobrý článek, tak byste jej měli strukturovat. Třeba ztučňovat klíčová slova nebo dávat jméno odstavcům nadpisy. jak je vytvořit? Vyberete si text (jedno až pár slov) a klepnete na tlačítko nadpis. Bude lepší, když vzniknutý text <h3>První položka</h3> bude mít nad i pod sebou volný řádek (jako odstavce).

Obrázek

Pozor: V Internet Exploreru se může stát, že vožíte obrázek, všechno je OK, alep ak je najendou obrázek malý. Z kódu pro vložení obrázku musíte ručně odmazat text height=96 a všechno bude OK. Tento kód totiž zmenší obrázek na velikost 96 px. pokud tuto větu nechápete, čtěte dál a později vám to bude jasné.

Máme dva druhy obrázků, samostatné a ty, které jsou obtékány textem. První varianta je jednodušší, a proto začnu s ní. Upozorňuji, že maximální šířka obrázku je 500 pixelů. Máte tedy na svém počítači připravený obrázek. Pod polem pro psaní textu článku je další pole určené pro nahrávání obrázků na server Bikerů a na vkládání do článků (odkazy Nahrávání, Browse – prohlížet, Browse all – prohlížet všechny nahrané obrázky).

Klepněte si na odkaz Nahrávání, pak na tlačítko Choose, najdětě si svůj připravený obrázek a potvrďte tlačítkem Otevřít. Do Title napište popis obrázky. Popis nevyplňuji, ale vy samozřejmě můžete. Pak klepněte na Nahrávání.

Načte se vám druhá část – políčko Browse.Nahraný obrázek je ten první vlevo. Klepněte na něj levým tlačítkem.

Objeví se menu s pěti řádky. Na prvních dvou se nastavuje, zda se ukáže plná velikost, nebo jen náhled, na druhém pak, jestli se to ukáže jako odkaz nebo jako samostatný obrázek. Mezi těmito možnostmi volíte klepáním levým tlačítkem myši na daný řádek. Můžete si to vyzkoušet.

Správný postup je, že v 1. řádku máte Using original (ukáže se plná velikost) a ve 2. Not linked (ukáže se obrázek, a ne jen odkaz na ten obrázek).

Nyní si v poli pro psaní článku najděte místo, kam patří obrázek, a klepněte tam myší. Mělo by mít nahoře i dole volný řádek. Pak v meníčku u obrázku klepněte na Send to editor. Do pole pro psaní článku se pošle příslušný kód.

Náhled se ukáže tím, že v názvu souboru bude navíc .thumbnail.

Stručně popíši, jak vložit obrázek obtékaný textem.

1. Kód s obrázkem vložte na začátek odstavce. To provedete tak, že si kurzor dáte na začátek odstavce (a tlačítkem Send to editor ho tam pošlete) nebo tam kód vložíte ručně.
2. Je třeba, abyste prohlížeči řekli, že obrázek má být obtékán textem. Přiřadíte mu určitou třídu. V praxi to znamená, že do kódu obrázku vložíte text class="ilustrace". Před a za má být mezera a může být kdekoliv mezi značkami <img a />. Takto: <img id="image666" src="http://bikeri.cz/wp-content/uploads/2006/11/navod_obrazek_ilustrace.jpg" alt="Obtékání textem" class="ilustrace" />. Výše uvedený text v obrázku má tento kód:

Odpovídá Lukáš Kopecký

Jezdit Kolo pro život na celkový výsledek vyžaduje…

Odkaz

Málem bych zapomněl na nejdůležitější část. Text, který má být zvýrazněný jako odkaz, vyberte myší a klepněte na tlačítko odkaz, zadejte adresu a potvrďte.

Vyleze vám z toho toto:

Radkův zápisník

Citace

Delší citaci vytvoříte jako specificky formátovaný odstavec pomocí tlačítka citace.

Pokračování článku

Do textu vložte na žádané místo kód <!--more-->. To zvládne tlačítko pokračování.

Heslo

Do kolonky v pravém sloupci vedle pole pro psaní textu napište do políčka Password-Protect Post své heslo. Článek uvidí jen ti, kteří znají heslo.