pátek 25. dubna 2008

Perex - jak na něj?

Tento článek není aktuální! 
Blogspot již obsahuje perex vlastní a proto tento návod nefunguje. Chcete-li perex použít, stačí ve formuláři pro psaní příspěvku v kartě Napsat kliknout na ikonu Automatické zalomení příspěvku.

Zkracování článků se vždycky hodí, tedy alespoň těm, kteří myslí na uživatele s pomalejším připojením. Každá graficky vymakaná stránka nebo takový blog se spoustou obrázků, videí a kdo ví čeho všeho ještě, to je pro váš net pořádné sousto. Pomocí perexu ale takové věci zakryjete, takže na hlavní stránce vidět nepůjdou, stejně tak můžete zkrátit i své texty a tím i délku celé stránky. Objeví se, až když kliknete na daný článek a otevřete si ho zvlášt.

Na takovém Livejournalu je to otázka chvilky, jelikož s tím autoři serveru předem počítali. Na Blogspotu ovšem ne. Našla jsem jeden návod, kterým to jde zprovoznit i tady, a rozhodla se ho přeložit a doplnit o pár obrázků a rad, takže to snad zvládne i někdo, kdo se ve webu příliš nevyzná.

Předem, jak už jsem psala výše, návod jsem sice o něco doplnila, ale nápad rozhodně není můj. Našla jsem ho zde.

Nadefinování css

- následujícím postupem si nadefinujeme "celý příspěvek" - tedy to co, bude skryto na úvodní stránce, ale na stránce daného příspěvku se zobrazí.

1) nacházíte-li se na svém blogu, klikněte na nahoře na Přizpůsobit

2) ze tří možných záložek vyberte tu poslední - Rozvržení

3) pokračujte na Upravit HTML - vyjede vám tabulka s nastavenými styly pro váš vzhled.

4) Pro případ, že by se něco pokazilo, si raději zálohujte svou současnou předlohu. Máte-li ji upravenou, museli byste ji pak znovu vytvářet. Tuto možnost máte nad tabulkou HTML. Stačí kliknout na Stáhnout úplnou zálohu.

5) Srolujte nebo spíše pomocí zkratky Ctrl + F vyhledejte tag ]]></b:skin>

6) Pod ním máte zápis : </head>

7) Mezi tyto dva zápisy zkopírujte následující kód :

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

Obrázky : předtím a potom

Přidání odkazu na celý článek

- následující řádky dle mého můžete použít, ale také nemusíte. Nadefinujeme si totiž automatické vložení odkazu na celý příspěvek. Nevýhodou toho je, že se vám díky tomu zobrazí u všech příspěvků, i u těch, u nichž perex mít nebudete. Navíc není možné text odkazu měnit, zůstane stále stejný, na stejném místě.
- já sama tuhle část kódu vynechala a zatím mi to nedělá žádný bordel. Sice si tak musíte odkaz vložit ručně, jenže to je otázka pár kliknutí navíc. Nemluvě o tom, že si pak sami zvolíte kde a jak odkaz bude.
- pokud chcete automatické vkládání, pokračujte ve čtení. Pokud ne, přeskočte na Úpravu příspěvků


1) abyste mohly provést následující úpravy, zaškrtněte čtvereček s textem "Rozbalit šablony pomůcek" nad HTML tabulkou, do níž jsme předtím vkládali nový kód. Bez toho následující řádky nenajdete.

2) pomocí Ctrl + F si najděte následující zápis : <data:post.body/>, za nímž hned následuje tag </p>

3) přesně mezi tyto dva tagy vložte následující :

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url' target='_blank'>Read more!</a>
</b:if>

- povšimněte si barevně odlišeného text "Read more!". Ten můžete nahradit jakýmkoliv svým textem, který se pak bude zobrazovat jako odkaz.


Obrázek : předtím a potom

4) uložte šablonu.


Úprava příspěvků

- posledním krokem je úprava nastavení příspěvků, aby se vám v každém novém ukázalo, co se zobrazí a co ne.

1) jděte do Nastavení
2) dále pak klikněte na kartu Formátování
3) srolujte až dolů, kde je "Šablona záznamu" a vedle okno pro zápis
4) do okna vložte :

Zde je začátek mého příspěvku. <span class="fullpost">A zde jeho zbytek.</span>

5) uložte nastavení.

- odteď se vám v okně pro psaní nových příspěvků bude zobrazovat následující :


- vše co napíšete mezi <span class="fullpost">A zde jeho zbytek.</span> bude skryto.

- pokud v daném článku perex mít nechcete, tento html zápis prostě smažte.

22 komentářů:

chill řekl(a)...

yop. Tak tohle kdyby umel sblog, to by byla takova nadhera... sblog perexy neumi a umim si je predstavit jedinym zpusobem - udelat si javascript. coz sice neni slozity, ale je to takovy... mno vetsinu lidi to ani asi nenapadne. Blogy maj bejt od toho, aby byly jednoduchy... ale kdybych bejvala znala blogspot driv, asi bych na sblogu nikdy nic nemela... je, ale je prijemny potkat nekoho, kdo je ohleduplnej k lidem s nizsim pripojenim... lidi, co si davaj logo o jednom megu, musej pro nektery znamenat desny utrpeni... (donedavna treba pro me...)

T'Sal řekl(a)...

Na sblogu jsem vydržela jen do chvíle, kdy jsem začala skutečně blogovat, ne jen tak něco poslat jednou za uherský rok. Podmínky tam byly šílené. V té době se však zrovna moje známá Sarah ubytovala na blogspotu, tak jsem ji následovala a nemůžu si stěžovat. Naštěstí jsem přesouvala jen nějakých 40 záznamů.

Sama jsem kdysi mívala modem a připojení, které svou rychlostí zhmotňovalo samu strnulost. Z této zkušenosti jsem si odnesla poučení a snažím se všechny své stránky dělat co možná nejúsporněji (i když ono se občas kvůli vzhledu ustoupit musí).
Když pak ale narazím na nějaký blogís, kde se mi hned na titulce nahrává 30 obrázků přesahujících div ne velikost monitoru a k tomu spousta gifů, a kdo ví čeho dalšího, tak si říkám, že jsem na tom přeci jen dobře XD

chill řekl(a)...

mno... ja bohuzel na sblogu vydrzela docela dlouho, protoze sem jinak znala jen blog.cz a to je neco opravdu strasnyho. Zaprve ty uzivatelky, to jako bejt soucasti komunity autorek blogiiiiiiiiiiisku me opravdu nelakalo, zadruhe ta spolehlivost a potom ty admini... mno a pak me to zacalo stvat, hlavne to, ze se to blbe zalohovalo, tak sem si delala stranky... a stehovala sem asi tri stovky clanku, no... 8-DDD nechala sem tam jenom ty kecy, ktery pak uz stejne nikdo cist nebude... jenze predelavat kodovani ze sblogu je neco desnyho, protoze on to zkratka narve do jedny radky a da tam takovejch nesmyslnejch kodu navic, ze mi to prijde pritazeny za vlasy...

T'Sal řekl(a)...

jo, to znám...to automatické generování kódu je na odstřel. Trochu to dělá i blogspot a editace zrovna tohoto přísěvku mě málem stála život, jelikož si to vyloženě dělalo, co chtělo >_<

pet řekl(a)...

jeste jednou dik, vse ok, jsem jen slepej a vrazil to mezi jiny radek.

T'Sal řekl(a)...

Pet: Ráda jsem pomohla XD

Elle řekl(a)...

dikiiiiii, strasne moc :*

Z3U5 řekl(a)...

Moc Ti děkuji za pomoc...hodně jsem se s tím trápil ;)

T'Sal řekl(a)...

Není zač ^.^

((o-MAILA-o)) řekl(a)...

Zdravím,
na základě tvého článku o PEREXU jsem provedl změnu v blozích naší komunity GUG.cz (Google User Group). Děkuji.

emem řekl(a)...

Moc díky za tenhle článek!

tlamiczka řekl(a)...

Skvele! Sice je to trochu neohrabany postup ale funguje. Diky :-)

Milan Řeřicha řekl(a)...

no nádhera.. mám na blogspotu několik blogů a tohle mi fakt moc chybělo. Jsi skvělá. Díky :) mr.

Milan Řeřicha řekl(a)...

Tak to krásně funguje a hned jsem tě ve svém článku pochválil :)

Milan Řeřicha řekl(a)...

Tak to krásně funguje a hned jsem tě ve svém článku pochválil :)

T'Sal řekl(a)...

Milan Řeřicha : Nemáš zač, jen jsem to přeložila ^.^

Zdebra řekl(a)...

Moc děkuju za návod. Moc mi pomohl. Funguje to výborně.

Filip Sklenář řekl(a)...

díky.

Majesty řekl(a)...

Ahoj, nevím, jestli je tato úprava stále funkční a jestli nedělám něco špatně. Po úpravě mám sice nadpis článku s odkazem na čtěte dále, ale před tímto nápisem se mi zobrazuje i část html kódu a nedaří se mi pak nastavit co se má zobrazovat v tom zkráceném náhledu (kolik vět). Jsem naprostý laik a lama. Případně nějaký polopatický návod pro tupouny. Klidně na email slabym@gmail.com Je to to jediné, co mi chybí ke spokojenosti.

T'Sal řekl(a)...

Majesty: Netuším v čem by mohla být chyba. Když nevidím kód, těžko se to určuje. V každém případě Blogger zavedl svou vlastní verzi zkrácení příspěvků, jen zatím nevím, jak zprovoznit odkaz na zbytek -.-

Abbie řekl(a)...

Ahoj ja by som potrebovala poradiť ohľadom môjho blogspotu. Ak by si mi napísala na twilight@zoznam.sk, tak by som bola veľmi šťastná.

Ďakujem

Abbie

ULTIMATUM řekl(a)...

Ahoj
nejprve musím napsat že tento tvůj popis je velmi slušná práve !! , ale přesto třeba mi nepomohla ..marně nad tím tápám už asi 14 dní a prostě tak popisuješ tak mezi tím a tím tagem

5) Srolujte nebo spíše pomocí zkratky Ctrl + F vyhledejte tag b:skin

6) Pod ním máte zápis : head

mám strašnou kupu bordelu
viz přikládam obraz

http://img190.imageshack.us/img190/7295/sablona.png


asi to bylo tvořeno u starších šablon nebo co..
pokud by jsi mi s tímto problémem mohla pomoc poradit jsem taky takový tupec jak i ten kolega co psal předemnou
Díky za odpověď
Vašek
mail: 76vasek@gmail.com