Creating Info Boxes Using Posts

  • Resolved cdeuro

    (@kykana)


    8 years, 3 months ago

    I’m trying to “embed” specific posts onto my frontpage so that they show up in boxes and look like the image below:

    If images doesn’t show up click this link: https://1drv.ms/i/s!ArYmkC4cbVhGpDobeKBCODJT4fKe

    On past websites I’ve used the following code to show a list of posts from specific categories but how do I change this show the content of the specific posts?

    <ul>
<?php
$args = array( 'category' => 2, 'numberposts' => '5', 'post_status' => 'publish', 'tax_query' => array(	) );
$recent_posts = wp_get_recent_posts( $args );
foreach( $recent_posts as $recent ){
echo '<li><h5><a href="'.get_permalink($recent["ID"]) . '">'.( __($recent["post_title"])).'</a></h5> <p>'.( __($recent["post_excerpt"])).'</p></li> ';
}
wp_reset_query();
?>
</ul>
    • This topic was modified 8 years, 3 months ago by cdeuro.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    8 years, 3 months ago

    Modify your code to wrap each post in a <div> and output the various pieces of the post within. The rest is just CSS to make it look nice.

    Look at these functions in the codex: the_content, the_title, the_excerpt, the_post_thumbnail

    Thread Starter cdeuro

    (@kykana)

    8 years, 3 months ago

    Thanks @sterndata, I was able to get the posts to show I wanted them. The only issue I’m having now is that the featured images won’t show up. I’ve looked through the documentations, through people’s examples, but I can’t figure out the correct combination. Here’s my website: http://medicalinheritance.com/testing/

    I’m using i-Craft as my base theme. I’ve gone through the settings and the code, I can’t find anything that might be preventing them from showing up.

    <ul>
<?php					
$args = array( 'category' => 20, 'numberposts' => '3', 'post_status' => 'publish', 'tax_query' => array(	) );
$recent_posts = wp_get_recent_posts( $args );
if ( has_post_thumbnail()) {
$recent_thumb = get_post_thumbnail_id($recent_posts);
}
foreach( $recent_posts as $recent ){
echo '<li>'.the_post_thumbnail( $recent_posts ).'
<h2>'.( __($recent["post_title"])).'</h2> <p>'.( __($recent["post_content"])).'</p></li> ';
}
wp_reset_query(); 
?>
</ul>
    • This reply was modified 8 years, 3 months ago by cdeuro.
    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    8 years, 3 months ago

    the_post_thumbnail() works only in “the loop” and takes size as a parameter. You’ll need to use https://developer.wordpress.org/reference/functions/get_the_post_thumbnail/ instead. See the examples on that page.

    harshclimate

    (@harshclimate)

    8 years, 3 months ago

    @sterndata Can the post thumbnail accept parameters that he has specified? I didn’t know you could do that…

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    8 years, 3 months ago

    Harsh: I’m not exactly sure what you’re asking. Please review the codex article on post thumbnails.

    Thread Starter cdeuro

    (@kykana)

    8 years, 3 months ago

    Got it to work!! ^_^

    <?php while ( have_posts() ) : the_post(); ?>
<ul>
<?php 
$posts = get_posts( array( 'posts_per_page' => 5 ) );
foreach ( $posts as $_post ) {
if ( has_post_thumbnail( $_post->ID ) ) {
echo '<li><h5><a href="'.get_permalink($_post->ID) . '">'.( __($_post->post_title)).'</a></h5>'.get_the_post_thumbnail( $_post->ID, 'thumbnail' ).'<p>'.( __($_post->post_content)).'</p></li>';
}
}
?>
</ul>
<?php endwhile; ?>
    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    8 years, 3 months ago

    Woo Hoo!

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

The topic ‘Creating Info Boxes Using Posts’ is closed to new replies.