0 Kč s DPH

Jak nastavit a upravit text motivu stránek

inPage nabízí jednoduchou možnost, jak můžete přidat text přes obrázek motivu. Funkce se jmenuje Text motivu a najdete ji v administraci vašich stránek v sekci Vzhled → Text motivu. V tomto návodu se podíváme trošku blíže, co zmíněná funkce nabízí a ukážeme si i drobné úpravy v editoru vlastního CSS stylu.

Jak nastavit a upravit text motivu stránek

Základní použití textu motivu

V administraci v sekci Vzhled → Text motivu je nejprve důležité zatrhnout zatržítko Zobrazit nadpis a text motivu (jak ukazuje obrázek nahoře). Tím se nám text ukáže na stránkách.

Do prvního políčka můžete vepsat Nadpis motivu, ten je větší a měl by obsahovat například název firmy nebo hlavní zaměření stránek. Nadpis může obsahovat např. text "Veselé Vánoce a šťastný nový rok".

Do políčka Text motivu  pak napíšete podnadpis. Zde by měl být krátký popis činnosti, čím se na stránkách zabýváte, nebo např. text "přeje tým inPage".

TIP: Pokud potřebujete udělat nový řádek v textu, stačí do políčka text motivu použít znak "#". Text za tímto znakem se zobrazí na dalším řádku.

V roletce Odkaz motivu pak můžete vybrat stránku, na kterou má text motivu při kliknutí odkazovat. Pokud nevyberete nic, odkaz se nevytvoří a text motivu zůstane čistě jen textem.

U každého textu můžete vybrat jeho barvu. Stačí kliknout do políčka Barva písma nadpisu nebo Barva písma textu a vybrat v paletě barvu. Pak může váš motiv vypadat třeba nějak takto:

Úpravy textu motivu ve vlastním CSS stylu

Pokud potřebujete například text posunout, aby nepřekrýval grafiku v motivu, můžete to udělat pomocí zápisu do vlastního CSS stylu:

Zápis pro responzivní šblony Hanami, Slide, One

#motto { /* text motivu - celý blok */
  padding: 30px 0 0 30px;
}
h2#motto-title { /* text motivu, nadpis */
  text-decoration: underline;
  color: #4E382C;
}
p#motto-text { /* text motivu - popis */
  font-weight: 700;
  font-size: 20px;
  padding-left: 260px;
  color: white;
}

Zápis pro šablonu ERIS

#motto-text { /* text motivu, celý blok */
  padding: 30px 0 0 30px;
}
#motto-text h2{ /* text motivu, nadpis */
  text-decoration: underline;
  color: #4E382C;
}
#motto-text p { /* text motivu, popis */
  font-weight: 700;
  font-size: 20px;
  padding-left: 260px;
  color: white;
}

Zápis pro ostatní šablony

#theme-item { /* text motivu, celý blok */
  padding: 30px 0 0 30px;
}
#theme-item h2 { /* text motivu, nadpis */
  text-decoration: underline;
  color: #4E382C;
}
#theme-item p { /* text motivu, popis */
  font-weight: 700;
  font-size: 20px;
  padding-left: 260px;
  color: white;
}

Po provedení úprav a nakopírování výše uvedeného zápisu do editoru vlastního stylu by mohl váš motiv vypadat například takto:

Pokud některému zápisu nerozumíte, doporučujeme si nejdřív pročíst náš článek uživatelské CSS základy.

 

Tým inPage
inpage(zav)zoner.cz

Přidat komentář

Přehled komentářů

  • text motivu

    3.4.2018 21:18:58 | Zdenka Sekená

    Dobrý den,

    nastavili jsme text motivu podle Vašeho návodu, ale takto se nám moc nelíbí. Písmo je moc velké a zřejmě v tučné verzi. Máme nastavené písmo Century Gothic. Na Vašich ukázkách máte písmo pěkně nastavené do zarážky vlevo a mnohem menší než se nám zobrazuje. Je možné přehodit - Nadpis motivu z textem motivu - ? Tak že v našem případě by byl text motivu ( Jméno) nad Nadpisem motivu ( název stránek ) . Text motivu a nadpis motivu je možné oddělit čárou po celé délce nadpisu motivu? Stránky https://www.interierovydesigner.com/
    Děkuji za odpověď. Zdenka Sekená

    Odpovědět

  • RE: RE: Text motivu v paticce - pouziti znaku "#"

    12.5.2016 9:47:11 | Tým inPage

    Dobrý den,
    v šabloně ONE se zobrazuje v copyrightu text motivu. Zde zalomení nemá fungovat a neměl by se zde zobrazovat ani znak "#". Vývojáři toto opravili a zalomení tedy nadále funguje pouze v textu motivu a kontaktu.

    Odpovědět

  • RE: Text motivu v paticce - pouziti znaku "#"

    11.5.2016 10:21:35 | Alexander

    Ale zalomi :-) Viz demo-4206.inpage.cz - v Admin/Text motivu pouzil jsem znak #. Text motivu na strance je spravne zalomeny, text v paticce neni zalomeny a znak # je videt.

    Odpovědět

  • RE: Text motivu v paticce - pouziti znaku "#"

    11.5.2016 9:22:04 | tým inPage

    Dobrý den, omlouváme se v návodu byla chyba. Znak # v motivu text nezalomí, návod jsme opravili. Tento fígl lze použít pouze u kontaktních údajů.

    Odpovědět

  • Text motivu v paticce - pouziti znaku "#"

    10.5.2016 22:22:07 | Alexander

    Pokud pouziji znak # pro zalomeni radku textu u motivu, v paticce vidim tento znak, # - kdyz spavne by tam mela byt mezera...

    Odpovědět

inPage - webové stránky, doménawebhosting snadno.