Display WordPress Posts in Static HTML page - Adding more details

0 votes
asked Jul 14, 2010 by fmz

I need to add links to WordPress Posts on a static HTML page. I got some information that has been helpful but need a few more elements to make it complete.

Here is the code I have so far:


$number = 5;
$wordpress_header = "blog/wp-blog-header.php";

      // Include wordpress header   
      if (file_exists($wordpress_header))
         include ($wordpress_header);

        $myposts = get_posts('numberposts=$number&offset=0&category=0');

        echo "<ul class='Bloglinks'>";

        foreach(array_slice($myposts, 0, $number) as $post) 
            echo '<li><a href="';
            echo '">';
            echo " ";
            echo '</a></li>';

         echo "</ul>";

         echo "Unable to connect to Wordpress header file.";


This only shows the titles of the most recent posts. I need to be able to display the following:

<h5>The truth about Lazy Eye</h5>
<p class="blog-info">07.16.10 | <a class="comment-ref">3 Comments</a></p>
<h5>More Adult Learning Problems Linked to Eyes</h5>
<p class="blog-info">06.12.10 | <a class="comment-ref">1 Comments</a></p>
<h5>New Vision Examination Instruments Arrived!</h5>
<p class="blog-info">05.10.10 | <a class="comment-ref">13 Comments</a></p>

2 Answers

0 votes
answered Jul 15, 2010 by 2ndkauboy

You should use the function query_posts() with the functions have_posts() and the_post(). Here is an example for the WordPress API:

//The Query

//The Loop
if ( have_posts() ) : while ( have_posts() ) : the_post();
endwhile; else:

//Reset Query

That will loop through all posts you have queried. So you can just insert your query from the get_posts() function into the query_posts() function.

EDIT: I think if you want to stick with the get_posts() function, you have to call the setup_postdata() function to get the new post (source code for the API):

        global $post;
        $myposts = get_posts('numberposts=5&offset=1&category=1');
        foreach($myposts as $post) :
    <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
    <?php endforeach; ?>

But I would recommend to take the query_posts() function instead.

0 votes
answered Sep 15, 2017 by shemang
        require($_SERVER['DOCUMENT_ROOT'] . '/wp-load.php');
        $args = array(
        // 'cat' => 3, // Only source posts from a specific category
        'posts_per_page' => 6 // Specify how many posts you'd like to display
        $latest_posts = new WP_Query( $args );
        if ( $latest_posts->have_posts() ) {
        while ( $latest_posts->have_posts() ) {
        $latest_posts->the_post(); ?>

                                    <article class="vertical-item content-padding ls">
                                        <div class="item-media">
                            <img src="<?php the_post_thumbnail() ?>" alt="<?php the_title(); ?>">
                                        <div class="item-content">
                                            <h4 class="entry-title">
                                                <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>

                                                <div class="media-body media-middle greylinks">

                                                    <br><a class="small-text" href="#"><?php the_time('l jS F, Y') ?></a>
                                        <div class="item-footer">

                                            <a class="lato lightgrey weight-black" href="<?php the_permalink(); ?>">Read this Article</a>
                                    <? }
        } else {
        echo '<p>There are no posts available</p>';
Welcome to Q&A, where you can ask questions and receive answers from other members of the community.
Website Online Counter