NÁVOD NA BLOG | Jak nahradit text "Další informace »" obrázkem

To, jak skrýt část příspěvku a jak změnit předdefinovaný text Další informace » už víte z tohoto návodu. Chtěli byste mít ale místo textu raději nějaký obrázek? Pojďme se podívat, jak na to!

1. Jako první stáhněte původní šablonu do počítače. V záložce Šablona klikněte na Zálohování / Obnovení a zvolte možnost Stáhnout celou šablonu. Budete tak mít jistotu, že kdyby se cokoliv přihodilo, máte se kam vrátit - stačí šablonu jednoduše znovu nahrát.

2. Jakmile máte staženou šablonu, klikněte na Upravit HTML

3. Vyhledejte tento kus kódu
<div class='jump-link'>

TIP navíc: Pokud se vám náhodou stane, že se nic nenajde, zkuste ještě hledat  JumpLink

Celý kousek kódu, o který nám jde, by měl vypadat přibližně takto

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

(pokud jste použili návod na zarovnání odkazu na střed, může druhý řádek vypadat následovně "<div class='jump-link' style="text-align:center;">")

4. Zvýrazněnou část nahraďte – viz níže.

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>
<img src="http://urltoyourimage.com/yourimage.jpg"/></a>
</div>
</b:if>


URL adresu samozřejmě nahradíte adresou obrázku. Nahrát ho můžete například na Postimage.org či přímo do své fotogalerie na blogu. Důležité je mít přímou adresu s koncovkou .jpg, .png apod.

5. Poté si můžete zobrazit náhled kliknutím na Náhled šablony (Je důležité, abyste v některém z článku na blogu použili tohle skrytí příspěvku, jinak nezjistíte, jestli to funguje :)

6. Vše v pořádku? Klikněte na Uložit šablonu. Hotovo.

Moje tipy

Já osobně používám na blogu také místo textu obrázek. Dávám vám ho (společně se třemi dalšími) volně ke stažení - stačí kliknout na text buttonu, který se vám líbí, a obrázek uložit. Použila jsem font Verdana ve velikosti 11 px.

Můžete to ale vzít jen jako inspiraci. Je totiž opravdu jednoduché udělat si vlastní button. Stačí jakýkoliv grafický program, ve kterém lze přidávat text a rámeček :)

Celý článek » | Přečíst celý článek » | Přejít na celý článek » | Více informací »

Návod byl aktualizován v říjnu 2016.

K tomuto tématu se váže i návod Jak změnit text Další informace »  

Podívejte se ale i na další návody na blog. Třeba se vám bude něco hodit!