Keresés a blogban

2009. november 29.

Read more... (Tovább...) beszúrása a bejegyzésbe

A Read more... funkció nagyon hasznos tud lenni. A főoldalon nem jelenik meg a teljes poszt, csak az eleje, vagy egy kis kedvcsináló összegzés, s aki kíváncsi a többire, az a Read more... linkre kattintva elolvashatja a teljes cikket. Ennek következtében a főoldalon sokkal több bejegyzés kezdetét el tudjuk helyezni, s a listából az olvasó kedvére válogathat.

Irányítópult -> Elrendezés -> HTML-kód szerkesztése
Ki kell pipálni a vezérlősablonok kibontását.

Ctrl+f
Írd be a kereső ablakba:     data:post.body
Keresd meg a kódban ezt a sort:
<data:post.body/>

Közvetlenül ez UTÁN szúrd be a következő kódrészletet:

<b:if cond='data:post.hasJumpLink'> 
<div class='jump-link'> 
<a expr:href='data:post.url + "#more"'>Tovább...</a> 
</div> 
</b:if >

A Tovább... szöveg helyére tetszőleges szót vagy mondatot írhatsz.
Mentsd el a sablont.

Engedélyezd az új típusú szövegszerkesztőt, ahogy itt le van írva.

Mostantól a szövegszerkesztőt
  • Írás módban használva, az eszköztáron megjelenik az Ugrás gomb, ha ezt megnyomod, akkor az elválasztja a posztodat. Ami a vonal felett van, az jelenik meg a főoldalon, ami alatta van, az csak a Tovább... linkre kattintással érhető el, amely automatikusan beszúródik, és rákattintva olvasható el a teljes bejegyzés.
  • HTML módban használva, ahová a Tovább... linket szeretnéd, oda gépeld be:
    <!--more-->

Megjegyzés: az újabb sablonokban már eleve bent van ez a kódrészlet, nem kell beírnod. Az új típusú szövegszerkesztőt viszont engedélyezned kell, ha használni akarod.
Ha tetszett és segített neked ez a poszt, kérlek lájkold ezt az oldalunkat is:
LÁJKOLOM
Köszönöm. Wise Lady

26 megjegyzés:

egy ember írta... [Válasz erre...]

Ez tényleg jó lenne, csak valamiért az oldalsávot ledobja a bejegyzések alá, amikor használom :(

És ugyan nem ide tartozik ,de hogy a bánatba lehetne elérni, hogy a linkjeim új ablakban nyíljanak meg?

Kriszta írta... [Válasz erre...]

Szia!
Nekem ugyanez a bajom, hogy az oldalsáv olykor lekerül a főoldal alá. Már vagy 2 órája ezzel szórakozom és rájöttem, hogy a te kódodtól függetlenül is ezt csinálja, tehát ha csak simán törést szúrok be a posztba, de nem írok HTML-utasítást a "Tovább..." szövegre.
Ill. csak akkor dobja le az oldalsávot, ha bizonyos posztokba, bizonyos helyre szúrok be törést. Ez vajon miért van?

Kriszta írta... [Válasz erre...]

Amúgy nagyon örülök, hogy ráakadtam erre a blogodra is, mert nekem nagyon hasznos :)

Wise Lady írta... [Válasz erre...]

Egy ember: a linkekhez próbáld ezt

<a href="http://hivatkozottoldal.com/" target="_blank">Link szövege</a>

azaz a szövegszerkesztőt HTML módban használd, és gépeld be kézzel a linkbe a

target="_blank"

részt.

Wise Lady írta... [Válasz erre...]

Kriszta, egy ember: megnézem az oldalsávtörés gondot is.

egy ember írta... [Válasz erre...]

az jó lesz, köszi!
most tettem ki egy hosszú, sok képes posztot a vajdahunyadvárról, de nem tudom megtörni, mert ledobja az oldalsávot

Wise Lady írta... [Válasz erre...]

Azért törik le az oldalsáv, mert a
<!--more-->
odaszúródott be, ahová nem szabad.
Egy div kezdete és vége közötti részbe sosem kerülhet!

<div>
közte lévő rész
</div>

Csak így lehet beszúrni:

<div>
közte lévő rész
</div>

<!--more-->

<div>
közte lévő rész
</div>

Wise Lady írta... [Válasz erre...]

A szövegszerkesztőt HTML módban használd, és tedd át jó helyre!

egy ember írta... [Válasz erre...]

ezt most föladom! úgy látom, minden div a helyén van de akkor se...
és már kiesik a szemem

Wise Lady írta... [Válasz erre...]

Minden posztban át kell nézni, ahová a read more-t beszúrtad. Az egyikben el van tévesztve.
Az is egy megoldás lehet, hogy az összeset kitörlöd HTML módban, kivéve a képeknél a kezdő és záró taget meghagyod.

Kriszta írta... [Válasz erre...]

Én most egy bizonyos poszttal bíbelődök, és elvileg jó helyre szúrom be az oldaltörést, mégis lekerül az oldalsáv :( Az viszont gyanús, hogy mindig olyan posztoknál fordul ez elő, ahol kép is van ill. a törés előtti vagy utáni szöveg középre van igazítva. Ennek lehet köze a dologhoz?

Wise Lady írta... [Válasz erre...]

Egyértelmű, hogy div probléma.
Beletörsz a div-be. Nézd át a HTML változatát, lesz üres div, vagy bekerül a kép zárótagja elé, ebben középre igazítás és abba kerül a törés.
Ha gondolod, egy jegyzettömbben elküldheted a poszt kódját, a főzősblogon ott van az email címem.

Kriszta írta... [Válasz erre...]

Igen köszi, inkább elküldöm emilben, légyszi nézd meg!

Wise Lady írta... [Válasz erre...]

Mint ahogy sejtettem, egy kezdő div és egy /div közé szúrtad be a törést.
Csak kívül lehet.
De a te doksidban a vers ráadásul egymásba ágyazott divekbe van rakva, így különösen észnél kell lenni, mert úgy működnek ezek, mint a zárójelek, ami el van kezdve, azt be is kell fejezni (ezzel itt nincs hiba), hanem, ha egymásra vannak rakva akkor minden div -nek meg kell keresni a /div párját, belső, középső, külső stb. És akkor a legkülsőn kívül kell lennie a more-nak.
Próbáld, amit küldtem.
De ha másik posztnál is próbálkoztál, és nincs rendbehozva, akkor azt is meg kell nézni!
Szia
WL

Unknown írta... [Válasz erre...]

Kedves Wise Lady!

Kérek segíts!

Valamit nagyon rosszul csináltam, mert nem töltődik be a szövegszerkesztő csak körbe forog , hogy betöltené.

Lili'sMother írta... [Válasz erre...]

Szia Wiselady!
Újabb kihívást találtam magamnak, amivel nem boldogulok. Angol nyelvű, és csekélyke nyelvtudásom miatt biztos, hogy elnézek valamit és azért nem sikerül.
Konkrétan, én olyan Read more-t szeretnék, ami "legördül", és nem 1 bejegyzés/oldal kinézetű, hanem ottmarad a többi bejegyzésem is, akár felette, akár alatta van.
Hogyan kell ilyet csinálni?
Köszi: Lilianyja

Wise Lady írta... [Válasz erre...]

Kedves Lilianyja! Igen nagy fába vágtad a fejszédet, ez a megoldás már elég komoly tudást igénylő feladat. Én javascript fájl használatával oldanám meg, és kell hozzá némi xml programozási tudás is, az angol nyelv ismerete sem hátrány.
Elképzelhető azonban, hogy fellelhető ilyen sablon, és akkor azt lehetne testreszabni. Mindenesetre, ha komolyan érdekelnek ezek a dolgok, akkor az első dolog mindenképp, hogy legyen egy tárhelyed, ahonnan a javascript fájlokat meghívhatod a blogodhoz (storage), erről ebben a blogban több helyen is olvashatsz.
CSS-ben is lehet dropdown jellegű dolgokat csinálni.
De ha jól értem, találtál már ilyen leírást, csak nem tudod alkalmazni?
Ha megírod hol van, ebben tudok segíteni.

Lili'sMother írta... [Válasz erre...]

Itt találtam: http://www.blogbulk.com/2008/11/read-more-or-expandable-post-summaries.html. Igazából az a stílus tetszik nagyon, amit a blogíró saját maga használ, a "Continue reading" feliratnál.
Az általa leírt 1+2-t csináltam (próbáltam, legalábbis), de nem működött.

Wise Lady írta... [Válasz erre...]

Ahogy sejtettem. A leírás 1. pontja a Read more megvalósítását írja le akkori időknek megfelelően, amikor még nem volt az új típusú szövegszerkesztő a Bloggerben.
A 2. pont pedig azt, amikor a teljes poszt egy külön ablakban jeleníthető meg. Ezek működnek is, kipróbáltam. Ma már elég így beszúrni a Read more-t, mint ahogy az én posztomban olvasható, hisz van új szerkesztő - ez ugyanezt tudja.
Amit a poszt írójánál látsz azt ő egy javascript segítségével valósítja meg (belenéztem egy kicsit a forrásba), ami várható is volt. Nehezen tudnám elképzelni másképp.

Lili'sMother írta... [Válasz erre...]

Hmmm...akkor tehát adtam annak az x-nek egy pofont? :D És azt a javás megoldást lehetséges egyszerűen megcsinálni, vagy inkább hagyjuk?

Wise Lady írta... [Válasz erre...]

Posztoltam egy megoldást, amit biztosan meg fogsz tudni csinálni:
Read more másképp

Lili'sMother írta... [Válasz erre...]

NAGYON SZÉPEN KÖSZÖNÖM! Holnap nekiesek, majd sikítok, ha baj van :D

Psyszah írta... [Válasz erre...]

Köszönöm!! Végre sikerült megoldani neked hála :)

Ami írta... [Válasz erre...]

Köszönöm, végre nekem is sikerült!

Krisz írta... [Válasz erre...]

Kedves, Wise Lady!

Lenne egy problémám, és bizakodva gondoltam megkérdezlek, hátha tudnál nekem segíteni. :)
A probléma a következő:
Szeretnék egy ilyen Read more-os dolgot mégpedig az oldalsávba beszúrni!
Arra gondoltam, hogy vannak az oldalsávomban képek a történetem szereplőiről, csak hogy szeretném ha néhányuk nem látszódna azonnal, csak miután egy ilyen Tovább-os feliratra rákattintanak. Ekkor lenyílna a panel és előkerülne a többi kép, felírat.
Esetleg nincs valami ötleted, hogyan is lehetne egy ilyet megvalósítani?

Előre is nagyon szépen köszönöm a válaszodat.
További jó munkát! :)

Krisz

Krisz írta... [Válasz erre...]

Kedves, Wise Lady!

Újra átböngésztem az oldaladat és nagy örömömre meg is találtam a problémám megoldását! :D
A "Látható/rejtett szöveg oldalsávban- Show/hide text"-ben sikerült ráakadnom a megoldásra, gyorsan meg is csináltam és tökéletesen működik.
Szerintem mások nevében is nyugodtan mondhatom, hogy hálásan köszönjük az áldozatos munkádat. Szerintem nagyon sokan nehezen boldogulnánk a Blogok-HTML világában nélküled. :)

További jó munkát kívánok!
Krisz

Megjegyzés küldése

Text Widget

Magyar nyelvű Blogger helpblog

-