Display blog post in HTML Page

  • Hello there,

    I’ve created HTML site in which I am having one blog tab. So what I want is that, if I click on that tab post within my wordpress blog must be fetched out and displayed as it do always. For this I am using code given at: https://digwp.com/2013/01/display-blog-posts-on-page-with-navigation/

    But the problem is that, it simply fetches posts and if I click on post it is being redirected to original wordpress blog. I want post content to be displayed on the portfolio(my HTML site) only. I don’t want to redesign my HTML theme for wordpress. Is there any hack for this?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    How about redesign WordPress for your HTML theme? Or at least redesign the single template used when permalinks are followed from your main page. You’ll want to create a Child Theme. If your theme is fairly close in basic layout to your HTML site, you can morph it into your HTML site’s style just with CSS changes. The child theme preserves your changes when the parent theme is updated.

    The template can pretty much be your HTML template with the WP loop from single.php placed where the blog post will go. Even though it’s a single post, we still run “The Loop”. It just happens to have a single item to iterate through.

    You just need the actual loop, and maybe the div containers. You don’t need sidebars and footers unless you want to. You will need the get_header() call or at least the <head> portion of your theme’s header.php template, in particular the wp_head() call.

    Thread Starter ashishrevar

    (@ashishrevar)

    I don’t know how to design theme for WP. Is there any basic training for that?

    Moderator bcworkz

    (@bcworkz)

    There may be a specific “basic training” somewhere, but I’m unaware of anything, which does not at all mean one does not exist. You might look at Theme Development. Another resource, not yet complete, that you will still get useful information from is the Theme Developer Handbook.

    Developing a theme is actually fairly involved. The appearance is just a small part. Fortunately, you probably don’t need to do anything close to a full theme. You can make remarkable changes by simply changing the CSS of an existing theme. Apologies if you’ve seen this before, it’s been around for a while. I think it’s still a great demonstration, all of these designs are for the same site, only the CSS is changed for each design.

    To alter CSS, you will need to use the CSS analyzer tool that is bundled with most browsers. Play around with the styles for the various page elements until you like the effect, then copy the changed styles to your child theme. That’s really all there is to it, though it could get quite complicated in some cases.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Display blog post in HTML Page’ is closed to new replies.