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.
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
info@inpage.cz
Přidat komentář
Přehled komentářů
text motivu
13. 10. 2020 21:24:26 | Peter
Dobrý deň,
potreboval by som upraviť pozíciu a veľkosť textu motívu v ostatných sekciách, mimo hlavnej stránky. Používam profesní šablónu Fotograf a už som skúšal rôzne príkazy podľa návodov ale nefunguje mi to. Viete mi prosim poradiť? Web ešte nemám online.
Ďakujem, Peter
Odpovědět | Zobrazit odpovědi
Re: text motivu
14. 10. 2020 8:23:56 | Tým inPage
Dobrý den,
v případě profesní šablony fotograf se kromě úvodní stránky nejedná o text motivu, ale o napozicovaný nadpis h1. Jeho pozici lze změnit úpravou stylu viz.
main h1:first-of-type {
margin-bottom: 200px;
margin-top: -260px;
color: #fff;
}
Odpovědět
Re: Re: text motivu
15. 10. 2020 18:59:33 | Peter
Veľmi pekne dakujem :) Vasa podpora je na uplne TOP urovni, chvalim :)
Odpovědět
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