Keresés a blogban

2010. július 9.

Printing of posts - Poszt nyomtatása

Ha egy poszt tartalmát az olvasó érdekesnek találja, gyakran ki szeretné nyomtatni. Erre van lehetőség: a böngésző Fájl menüjében lévő Nyomtatás parancsot kell alkalmazni. Ilyenkor azonban olyan részek is kinyomtatódnak, melyek az olvasó számára érdektelenek, és ráadásul a nyomtatás költségét is növelik. Ilyen pl. a fejléc, az oldalsáv, vagy a megjegyzések. Azt, hogy hogyan nyomtatódik ki egy posztod megnézheted a következő módon:
Válaszd a böngésző Fájl -> Nyomtatási kép vagy File -> Print preview parancsot.
Próbáld ki.
Ha lehetőséget akarsz adni arra, hogy csak a cikked tartalmát kinyomtathassák az olvasók, akkor helyezz el a poszthoz egy nyomtatási gombot. Ebben a blogban láthatod működés közben. Ha most megnézed ennek a cikknek a nyomtatási képét az előbb leírt módon, láthatod, hogy csak a poszt címe és szövege van rajta, a felesleges részek nem.

Két lehetőséget ismertetek.

  1. Lehetőség: (Ez nekem csak a poszt szövegét nyomtatja, képet nem.)

    http://www.printfriendly.com/

    Get your button
    1. Blogger
    2. Válaszd ki, melyik gombot szeretnéd
    3. Másold ki a kódot

    Irányítópult -> Tervezés -> Vezérlősablonok kibontása
    Ctrl+f
    Írd be: <post-footer>
    Közvetlenül UTÁNA szúrd be a kimásolt kódot.

    Mentés
    Ezután, ha rákattintasz, akkor a honlapra jutsz. Itt egy piros ablakkal ki lehet jelölni és törölni részeket a nyomtatandó szövegből, majd a bal felső sarokban lévő print paranccsal nyomtathatunk. Ha a PDF parancsot választjuk, akkor pdf fájlt menthetünk.
    DEMO
  2. A másik lehetőség: ez a posztot nyomtatja, teljes egészében, képekkel együtt, úgy, ahogy ebben a blogban látod. A poszt alatt egy gombot helyeztem el.

    Irányítópult -> Tervezés -> Vezérlősablonok kibontása

    Ctrl+f
    Írd be: </head>
    Közvetlenül ELÉ szúrd be a következő kódot:
    <!--Printing code start-->
    <style media='print' type='text/css'>
    #header-wrapper, #header, .header, #navigation, #page-nav, #cat-navigation, #cat-nav, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .post-header-line-1, .post-footer, #comments, .comments, #comments-block, .comment-author, .comment-link, .comment-body, .comment-footer, .comment-form, .feed-link, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint {display: none;}
    #main-wrapper {width: 95%;}
    </style>
    <!--Printing code end-->
    

    Most a keresőablakba írd be: <div class='post-footer'>
    Közvetlenül ELÉ szúrd be ezt a kódot:
    <p><b:if cond='data:blog.pageType == "item"'> <form> <input onClick='window.print()' type='button' value='Print'/> </form>
    </b:if></p>
    

    Mentés

    A második kódban lévő value='Print' részben a Print szó megváltoztatható más gombfeliratra.
    A DEMO ebben a blogban.

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

5 megjegyzés:

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

Szia!

Szóval az nem jó,hogy az első verziót szeretném de egyszerűen nem talál a CTRL+f olyan szövegrészt,hogy ,hanem csak ilyen van,hogy "post footer",de amögé hiába teszem be,nem mükszik.

Köszi a segítséget!

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

@Belly

A post-footer jó!
Csak nem mögé, hanem ELÉ tedd, és a 2. verziót. Ez van a posztban is.

Azt is lehet, hogy post-footer-line1 MÖGÉ, vagy post-header-line MÖGÉ

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

Megpróbáltam beszúrni, de az a baj, hogy nekem a .post-footer { verzió van a sablonban. Azért bemásoltam a második kódot, de nem jelenik meg a gomb. :o(

Tudnál segíteni, hogy mit tegyek, ha szeretném, hogy a recepteket ki lehessen nyomtatni?

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

@Altair
A .post-footer { a kinézetért felelős kód - a sablon elején van, az a CSS kód.
Van sokkal lejjebb <div class='post-footer'> is.
Akkor látszik, ha a Vezérlősablonok kibontása négyzet be van jelölve.

Noé írta... [Válasz erre...]

Teszteltem a te megoldásod, de az a tapasztalatom, hogy a hosszabb bejegyzéseidnek csak az első oldala nyomtatódik ki. Pedig nyomtatáskor a teljes dokumentumot jelöltem be. Hol van a probléma?

Megjegyzés küldése

Text Widget

Magyar nyelvű Blogger helpblog

-