Změna vzhledu stránky

Předchozí díl: Vytvoření stránky a výběr šablony.

První krok, kliknu na stránku Kontakty nebo jakoukoliv jinou stránku a vpravo nahoře kliknu na tlačítko nastavení.

Poté najedu myší na Vzhled hlavičky a otevře se okno Zvolit obrázek. Buďto si vyberu jiný obrázek, nebo kliknu na přidám Obrázek, kde si buď vyberu z Galerie obrázků nebo nahraju nový obrázek v kategorii Moje obrázky. Když mám obrázek nahraný tak kliknu na tlačítko zavřít.

Všechny stránky lze snadno editovat, tím že na ně kliknete a kliknete do příslušného pole, které chcete změnit. Provedené změny zveřejníte a zároveň uložíte tím, že kliknete na tlačítko Publikovat. Zdá se, že změny se průběžně ukládají i bez tohoto kliknutí, přesto je třeba to průběžně zveřejňovat. Dále vlevo nahoře máte šipku, kterou lze vrátit některé změny. Na vrácení změn v textu, funguje zkratka ctrl+z.

Text, který vyberete tažením myši a držením klávesy shift, případně shift+ctrl chcete-li se pohybovat pomocí klávesnice po celých slovech, lze formátovat pomocí formátovací lišty:

Některé části lišty jsou rozbalovací, tzn. musíte kliknout na šipku, aby se rozbalili. V zakroužkované ikoně je rozbalovací lišta se tlačítkem, které ovlivňuje barvu písma, a další tlačítka ovlivňují velikost písma a jiné. Tlačítko podnadpis lze také rozbalit a můžete si tam vybrat zda chcete obyčejný text, nadpis, citaci, apod. Pokud chcete zrušit nastavení písma a dát ho do původního nastavení, tak to děláte z toho tlačítka, které nastavuje barvu písma. Po rozbalení jeho lišty máte vlevo nahoře tlačítko s červenou čárou, která ruší přidělený formát. 

Vytvoření nové stránky a organizace stránek v menu

Nahoře vpravo je lišta s nápisem Stránky. Když kliknete na tento odkaz otevře se vám okno. Kliknutím vpravo do seznamu stránek si vyberete stránku, kterou chcete upravit. Mění se tam tzv. nastavení SEO, které je důležité proto, aby vaší stránku dokázali najít lidi přes vyhledávání ve vyhledávači.

Zatím ale vytvořme novou stránku - klikněte na nápis vpravo nahoře: Přidat stránku.

Můžete si vybrat jakoukoliv stránku, pro náš účel ale běžně stačí Blank page (prázdná stránka). Po kliknutí na obrázek stránky se vám otevře dialogové okno s nápisem zadejte název stránky. Poté zadáte např. Bible a klinete na tlačítko Vytvořit. Nová stránka je vytvořená a kliknete znovu na menu Stránky. Kliknete na položku Bible a držíte ji a táhnete nahoru, abyste změnili pořadí stránky. Jakmile pustíte tlačítko myši, tak je položka přesunutá. V případě, že chcete položku (stránku) Ceník přesunout pod položku Bible, kliknete na Ceník a držíte a táhnete ho tak, abyste ji umístili lehce pod položku Bible a trochu doprava. Během tažení se zobrazí ikon. Pokud se vám ikona nezobrazí tak to držíte špatně. Pokud vidíte ikonu a zvládnete přesun, tak poté už jen pustíte tlačítko myši.

Nastavení SEO

Klikněte na stránku Bible. Nyní je třeba nastavit SEO. SEO je klíčové a nutné pro vyhledávání stránek vyhledávačem.

1. Vyplňte titulek stránky.

2. Vyplňte identifikátor stránky. Identifikátor obsahuje jen malá písmena bez diakritiky a místo mezer a teček nebo čárek se používají pomlčky. Identifikátor stránky je součásti url: krestanske-clanky.webnode.cz/bible

3. Krátký popisek stránky může znít:

Nabízíme bibli Kralickou, Ekumenickou a Novou Bibli Kralickou.

4. Doplňte klíčová slova, maximálně tři až čtyři:

Toto vyplnění nám zatím stačí. 

Další funkce

V případě, že si přejete zkopírovat nějakou stránku, například Ceník, klikněte na Ceník a pak na odkaz Zkopírovat dole. Výhodou této funkce je, že zkopírovaná stránka zůstane v příslušné sekci. Nevýhodou je, že pak musíte povymazávat nebo zeditovat text na stránce a hlavně nesmíte zapomenout zase zeditovat SEO u nové stránky. Tam zejména upravte identifikátor stránky. Toto je velmi důležité. 

Jinak použijte odkaz Přidat stránku, který vytvoří prázdnou stránku nebo její vzor a hned nastavte SEO.

Přidávání obrázků na stránku, formuláře, aj.

Přidávání obrázků nebo formulářů je malinko těžší. Musíte kurzorem myší najet na levý okraj stránky, kterou editujete, respektive na okraj vstupního pole, ve kterém se právě nacházíte. Zobrazí se vám trojůhelník a vodorovná čára na tu kliknete. 

Závěr

Webnode nabízí poměrně dost funkcí na relativně pohodlnou editaci stránky zdarma. Trochu složitější je formátování textu, kde je třeba klikat navíc, abyste rozbalili skryté lišty. Mezi nejdůležitějšími je možnost vložit SEO a také html kód do záhlaví nebo patičky stránky, což je možné použít pro monitorování návštěvnovsti stránek. O tom bych rád napsal jindy, protože je to složitější tématika, která je ale nezbytná abyste věděli zda vaše stránky doopravdy někoho zajímají.

Výše uvedené obrázky, ještě jednou:

Pak se vám zobrazí okno s nabídkami. V případě mého prohlížeče Chrom se tato nabídka zobrazuje moc vlevo a proto není vidět celá.

Klikněte na obrázek z nabídky.

Obrázek můžete vybrat již existující obrázek z Galerie webnode, svůj vlastní obrázek, který jste už nahráli nebo nahrát nový. Nahráním nového obrázku se vám snižuje místo přidělené pro vaše použití k tomu projektu, který jste založili.

Vložením obrázku se obrázek zcela oddělí od zbývajícího textu, takže nemůžete psát další text. Pro vložení textu musíte zase rozbalit nabídku a kliknout na obrázek Text. 

Obrázek je možné doplnit o popisek. Klikněte na obrázek a pak na odkaz výše: Upravit. Jak můžete vidět na obrázcích výše, když přidáte popisek k obrázku, tak ten se může nějakým způsobem změnit, že nevyhovuje jeho zobrazení, proto jsem dané obrázky vložil dvakrát.

Vložení kontaktního formuláře je dobrá věc, kterou jsem použil na vytvoření anket. Na stránce, kterou dostanete zdarma je možné použít maximálně 5 polí. Podobně jako u obrázku můžete pole zeditovat a to tak, že ho nastavíte buď jako povinnou nebo nepovinnou položku. Povinné položky jsou zobrazeny tučně.

Pokračování

V následujícím díle můžete upravit pozadí stránky nebo v dalším díle si stránku přidáme do služby na monitorování návštěvnosti Google Analytics. Přidání stránky do Google Analytics.

V dalším