Vol 2. Designing for Bloggers | Design Resources
So now that you know my BIGGEST secret for managing getting blog content into squarespace I have no more secrets. Kidding, honestly blogging is one of the more finicky things on the SS platform which is why they are dragging in converting wp bloggers to SS.
I have personally worked on multiple LARGE viewer blogs, whether in-house with a huge audience for a brand or for a large nation-wide blog. All were hosted on word-press and all had technical experts at the ready at all times.
The functions that come with custom come with issues, and chasing to go another path has it’s annoyances as well, here are a few ideas for how to deal with them.
1) Long pins.
Is it worth it? Pinch of Yum did a test online, and says it is. I will use them for large/long posts for my portfolio where in the actual post I want to break it up with text, I want the pins to be vertical so I create a large pin that is hidden.
<div style="display:none;"> <img src="URLHERE"> </div>
VIDEO OF CODE IN ACTION:
2) Find more posts/ Summary Blog
A few things here, the new templates have this potentially built in, but I haven’t tested it to its fullest potential yet. As we get more posts we can possibly come back to how I feel in coming months. My clients always forget to add these in so I have two answers for them.
- USE a template for “forgetful” not as diligent clients that has a BLOG pre footer. I know FIVE has one, and I believe Ishimoto does. I can’t say enough about Five for sidebar blogs. There’s just so much you can do with the formatting! Plus a pre-blog header and a post-blog footer helps fill the gap for those that need traditional blog “looks”.
VIDEO OF THE GALLERY SUMMARY POST IN ACTION!
- Instead of a blog summary carousel, consider creating a grid carousel summary from a gallery instead for those who want more control over what shows. Some people only have 5 blog posts they EVER want in the summary, so here’s a way of showing those 5 posts so they don’t have to be in chronological order. This is great for food bloggers who post a TON, they want their top posts to show, and that functionality is not part of the summary block currently. This way they can highlight when THEY want.
VIDEO WALKTHROUGH OF GALLERY SUMMARY BLOCK:
3) Printing posts.
Us creatives don’t necessarily have audiences that print, but our clients do! From food bloggers to diy bloggers they cater to wider less tech audiences who want the content for the future PRINTED. Right now the print css in ss is legit horrible, and I absolutely don’t recommend using it. Instead I found an alternative. It doesn’t work for ALL things, but for BASIC posts without too much craziness or type (which is fine for most) its a good thing to implement for a client. Test it yourself before using it, you might have to tweak it a bit.
CAVEAT- it doesn’t work with the menu block for recipes I devised. I am sure it could be altered, but I haven’t had the “free time” do to that yet. For a food blog site sidinthekitchen.com we did a dashed line + specific h1, h2 h3 for their recipes so they would print well.
SITE: Go to http://www.printfriendly.com/button and choose WEBSITE
4) Scroll to Top Floating Icon
Here’s the code for a scroll to top button and a simple design to start with in illustrator to work with and add to your blog. Once you see them you’ll want one too. In fact I need to implement it in my own work and have yet to have a few moments. Maybe I’ll find some time this weekend. Ha, it’s probably better I finish my taxes. Bleh.
You will see I really only use this on blog pages, and I like to have it stay on mobile devices, as long as you add padding on the blog for media queries. I think it's a nice thing to do.
For padding on media queries, you can find your main article content area, and use a 80% width or add extra padding-right. It will change template to template.
What do you think should we do an entire month on media queries? I find them boring and only SOMETIMES helpful, I hate having to code multiple sizes and multiple orientations, so I usually find another solution.