Print-Stylesheet

  • majkl

    #90

    Hi Syahir,

    could you add a print stylesheet, so the printing is improved a litte?

    It should do the following things:

    * hide the “Add Comment”-section

    * hide the searchbox and the rss-feed on top

    * disable the navigation to previous and following posts

    * prepend the categories with a localized version of “This article belongs to categories: “

    * hide the right widget-area and the footer (maybe optionally by settings for those how use twitter or other very important widgets)

    Optionally it could:

    * hide the menu ( via settings as on/off-switch )

    * append the link-target via css

    * format the author better (maybe with gravatar-icon)

    * Hide tags, if there are none (low prio)

    Do you think, it is easy enought to do it?

    greetings,

    Andre

    Admin

    Syahir Hakim

    #11212

    Seems like quite a lot of work to me..maybe I’ll do it when there’s some idle time with the theme.

    Or perhaps you could do it, and I’ll include it with the theme for all to use? 😀

    zampai

    #11213

    Hello,

    I woould like to know if this idea has progressed ?

    It would be very usefull to have a small icon “print” for each page and post, linking to a minimalist css version of the content for printing.

    I which this very usefull fonction will be soon implemented. I do not know realy how to do this myslef.

    Thx.

    Admin

    Syahir Hakim

    #11214

    ok, will add this in version 1.3

    zampai

    #11215

    you are a “prince”. 😉

    Mod

    Kenneth John Odle

    #11216

    Actually, there is an easier way to do this. Use Firebug to identify which areas you want to hide when printing. Then, navigate to Appearance >> Graphene Options. Click on “Graphene Theme Options,” then “Display.” Scroll to the bottom where you see “Custom CSS.”

    Enter the following code:

    Code:
    @media print {
    .classiwanttohide {display:none}
    #idiwanttohide {display:none}
    }

    Don’t forget the closing curly bracket.

    The advantage to this method is that you can change anything you want to change (text size, font, etc.) when you print without creating a separate print.css or a separate child theme.

    I added the following:

    Code:
    @media print {
    #top-bar {display:none}
    #header {display:none}
    #nav {display:none}
    #footer {display:none}
    #sidebar1 {display:none}
    #respond {display:none}
    .post-meta {display:none}
    .post-nav {display:none}
    .entry {width:auto; font-family: Georgia, Times, Verdana, Geneva, Futura, sans-serif; font-size:11px; font-weight:light; color:#000}
    .alignleft {float:left; margin: 5px 20px 20px 0;}
    }

    I added the last item because WP will float graphics properly on screen, but not when they are printed. I only float graphics to the left, but if I floated them to the right as well, I would need to add code for that, as well.

    It works like a charm. Thanks, Syahir, for your incredibly flexible template. I absolutely love it!

    zampai

    #11217

    I agree with the flexibility of graphene. Making custom css available is very usefull for personnalization.

    However, for printing, I prefer using a famous “print” plugin that is easy to intragating.

    With two clics you have a “print” link on each post or page, and the plugin lists the links contained in the post at the end of the sheet. Very nice.

    I hope this kind of function will be a part of graphene one day.

    thx

    Admin

    Syahir Hakim

    #11218

    The print stylesheet has indeed been added to the theme, and will be available in the upcoming version 1.3. You can see the changelog for version 1.3 here: https://forum.graphene-theme.com/topic/alpha-graphene-13a

    zampai

    #11219

    Many thanks !

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.