Can I put a 'print' button on blog posts that only prints the recipe (and not the whole post)?

  • 1
  • Question
  • Updated 6 years ago
  • Answered
I'd like to put a print button on a blog post that only prints *part* of the post...and not the whole thing. Specifically, I'm looking for a way to have just the recipe printable. Any ideas? I've played around with css/stylesheets html with not much luck.
I am looking for another alternative to using pdf files, since that's just one more 'thing' for me to do, and also, I haven't been able to link to them because Yola's linking thingy hasn't been working for me.
Photo of Gwen

Gwen

  • 19 Posts
  • 3 Reply Likes
  • anticipating some genius responses

Posted 6 years ago

  • 1
Photo of Gwen

Gwen

  • 19 Posts
  • 3 Reply Likes
http://supergeekery.com/geekblog/comm...

http://javascript.about.com/library/b...

I was looking at these two sites, and would like to do something along these lines...where I put a box with the formatted recipe in it, and a print button that only prints what I specify in the class="print" section.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi Gwen,

Print style sheet is the way to go. If it works you don't have to duplicate your text. There may be an issue with the blog though as this is quite limited in its ability to interact with CSS etc.

I'm hoping that one of the Yola people will have a solution or example for you. I'll be looking for you as well.
Photo of Gwen

Gwen

  • 19 Posts
  • 3 Reply Likes
Ah! I did find this option to put in a print button, but no idea how to limit the scope to just the recipe. The posts are photo heavy, so I'd love to get ideas on how to limit the printable area to simply the text/recipe (maybe in a box?)

http://www.printfriendly.com/button
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Gwen,

That's a really nice little tool. Well done for finding it.

The images can be turned off with that facility but like you I am trying to find the limit to one post. There's a small toggle window at the top of the print friendly box.

Each post has a specific URI and if we could tell the print-friendly to focus on that URI then there is an answer.

There's a lot of common sense in Guido's comment and things I hadn't really thought about. It's true that you are not always organised or it may not be convenient to print at that time. I am thinking that Guido's suggestion should be incorporated as one of two options. Print now or Print later ? Further on that I see that the Print Friendly thingy has an option of a pdf file download so it may be selected by the user??
Photo of Gwen

Gwen

  • 19 Posts
  • 3 Reply Likes
Hi Gop,
I'm not seeing a way for *me* to turn off the images, so that my readers won't have to. My recipe posts are really photo heavy, so I'd love to be able to block all but the actual recipe at the bottom of each post.

I'm a bit of a dunderhead...how does one access stylesheets/css in Yola? Any ideas? :)
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi Gwen,
I understand what you wish to do. basically you only want to retain critical info for the printout and all window-dressing to be ignored :)

Ideally you would have the Yola Silver subscription for this requirement as you can address your style sheet from a stored file within the file manager. There are other ways but this is the most efficient.

To setup styling this can be done with the facility offered in Silver and this will carry through your site if needed. For a blog it's a little more difficult because the blog itself can only handle a little bit of styling within. You could try and add the styling on the blog page before the blog itself using an HTML widget.

Do you have a style sheet protocol that you can work with? I'm happy to work along side so if that's the case if you could post your style sheet here

Just wrap the style sheet in two tags <!--<code>-->your style sheet content goes here <!--</code>-->. Leave out the leading <!-- and the trailing --> and will display similarly to this:


your style sheet content


This prevents Get Satisfaction from attempting to render the code rather than simply displaying the code.
Photo of Guido Graphics

Guido Graphics

  • 558 Posts
  • 41 Reply Likes
how about putting it in a pdf with a download button (file widget). they can have the file and print when they are ready (i.e. i may be reading the blog with my laser off, and dont want to wait the 5 minutes for it to warm up, or turn it on just to print 1 page). Just a thought.
Photo of Gwen

Gwen

  • 19 Posts
  • 3 Reply Likes
Great idea, Guido! Thanks for that input!