Creating a second blog page

  • Author
  • #1987399

    I’m working on a site that already has a homepage that is a blog. I want to create a second blog page that is linked to the first. I want every post on the second blog page to appear on the homepage as well. Does anyone know how I can do this?

    The blog I need help with is



    You could do that with a category page if you made sure that you had one category that you assigned to every post.

    That having been said, could you tell me a little more about what you are trying to achieve? I’m having a hard time imagining what the benefit would be of having two identical pages inside the same website.

    If I knew more about your ultimate objectives, I might be able to help you find a more elegant solution.


    Sure! Thank you for responding! The website is for a small granola company. The home page will include posts with news about the company (when they are featured in various publications, if they start using new equipment/technology, if they introduce a new flavor, etc.). The second blog page that I want to create would be a page designated for original recipes that incorporate the product. I thought that it might be a good idea to have the newest recipes pop up on the home page, but it might be a little redundant. What do you think?



    Perfect–thanks for the explanation. I thought you wanted every post from your first page to also show up on the second page, but I see now I misunderstood.

    Creating a category page for your recipes will do exactly what you are hoping for. If you create a “recipe” category, and then assign that category to all of the posts you want to appear on the recipe page you’ll be set.

    Here are the instructions for creating a category page again:

    Sounds like you are building a great site for your company. Looking forward to seeing it when it’s done :)


    I figured out the categories last night! Thank you so much for your help! I actually have another question. The product prices are displayed in a table format. It looks fantastic on my laptop, but on my cell phone the table is cut off. How do I make the table responsive?



    Yay! Glad to hear the categories worked out for you.

    As for the tables, making them responsive can be a little tricky, and without seeing your actual code, it’s even more difficult for me to help, but the first thing to try is setting your table width as a percentage rather than as a certain number of pixels. Here’s more info on that:

    If that doesn’t help, or you just want another set of eyes working on the problem, paste the code from your existing table here (be sure to put it between the “code” tags) and I’ll be happy to play with it as well.


    It worked! Thank you so much! Just one more thing, I’m having the same problem with a google calendar I embedded. I changed the width to 100% like I did for the table but, it’s still not functioning properly on my cell.

    [googleapps domain="www" dir="calendar/embed" query="" width="100%" height="480" /]



    I did a little research, and the solutions I found all require manipulating the iframe which isn’t possible on

    Do you have the Custom Design upgrade? If so, you might be able to make it work with a media query (a bit of CSS code that gives small screens different instructions than large screens). Other than that, I’m out of ideas.

    I’ll mark this thread for staff assistance though in case a happiness engineer or other volunteer has an idea that didn’t occur to me.




    No, I’m afraid that I don’t have any tricks for you. In fact I personally have never done the CSS-based trick that @lizthefair mentioned (thanks for all of your help on this one!), though I don’t know any reason why it wouldn’t work as long as you have the Custom Domain add-on.

    Sorry I’m not of any additional help. :(



    Hi there,

    I’ve been playing with Google calendar a bit more and it looks like the calendar itself does (mostly) resize for smaller screens. The problem occurs when the smaller screen size can’t accommodate all the “extras” in the header.

    To get around that, on the page where you are generating your google calendar, uncheck as many of the “optional” boxes on the left as you can do without. Assuming you can remove enough of them, you should be golden. No upgrade required.

    Let me know if it works out!



    Hey @lizthefair, just for my own knowledge, do you have a test site where you’ve removed all of the extras so I have an idea of what you’ve done? If not, no worries, but I’m curious!




    I do. Here’s the post where I did my testing. The top calendar is smaller originally but has all the extras. The bottom one is bare bones. On a phone, the bottom one renders correctly, and the top one doesn’t.

    Also, this probably goes without saying, but it’s a test site so don’t judge :)



    Nice! I see exactly what you’re talking about.

    And I would never judge. You should see the absolute horrors that are my various test sites.

    Thanks for working on these. You’re awesome.


    Hey Liz,

    I don’t see where there is the option to remove the extras in the header. Can you give me idiot-proof instructions on how to do this? Lol

    Thank You!



    Sure– Here’s a photo of the page where I’m assuming you are getting the original code for the calendar:

    If you click on the link I circled in red, you’ll go to a page with more options for customizing your calendar. If you “uncheck” as many of the boxes circled below as you can, your calendar should be happier:

    Let me know how it works out for you!


    Thank you so much! Everything on the site is running smoothly now! I couldn’t have done it without you. :)



    That’s why we are here :) So glad I could help.

The topic ‘Creating a second blog page’ is closed to new replies.