Show entire blog in div container

  • Hello all,

    I’m currently working on a single page/one page website based on the roots theme. What I’m currently struggling with is to display the blog in a section of the website without leaving the current page.

    Like this:

    <div id=”blog”>
    blog content (similar to embedding it)

    – entries
    – single posts
    – blog navigation

    <div>

    I managed to make a list of posts show in this “section” but am stuck with issues like showing single posts in the same section without leaving the current page. So what I’m basically trying to do is show a list of recent blog posts (working), and when somebody clicks on a post/permalink this one should be shown in the same place (instead not additional to it). The whole thing should go along with some basic prev/next navigation.

    Any hint pointing me in the right direction is highly appreciated!

Viewing 7 replies - 1 through 7 (of 7 total)

  • See multiple Loops.

    Thread Starter gfaw

    (@gfaw)

    Thanks esmi, I’ll chekc that

    I’m not sure that I get you… you’re talking about javascript? To be able to hide a single page and show it when clicking the permalink?

    Thread Starter gfaw

    (@gfaw)

    I'm not sure that I get you...

    That may well be possible ?? I’ll try to explain it better.

    Basically everything is happening on the front page. There are several sections and they are not linked with permalinks but with anchors (href=”#blog” id=”blog” ). The default view of this “blog section” is supposed to consist of a couple of recent posts.

    Underneath should be a navigation/pagination.

    Now, when a user clicks on a post (the permalink to the post), usually single.php is called to display it. Nothing wrong with that, but currently a new window is opened and the default bloglayout with sidebar is shown. What I want to do is basically display the blogpost in the very same section (the “blog” div container).

    Eventually it would be possible to show/hide with jQuery but I’m pretty sure this should be solvable with WP.

    You mean like at https://www.monkeypictures.de when clicking on any image from the homepage? Or https://www.marshmallowsandgasoline.com?

    Thread Starter gfaw

    (@gfaw)

    Yes. Similar to these two. Actually the marshmallowsandgasoline.com is closer to the functionality that i want to implement.

    That’s jquery.

    I mean, you can tell wordpress to load the single page in a div of your template (be sure to check about pages with multiple loops) but are going to need jquery or javascript to show and hide your content.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Show entire blog in div container’ is closed to new replies.