Posted in wordpress
3
5:49 am, May 4, 2020

Add a post date to your custom wordpress post listing

this is an example using:
get_the_date: this one gets the post date
the_excerpt: which gets the .. excerpt or summary text from the post
and
get_the_post_thumbnail_url which gets the image from the post to use as the background of the div.

PHP

<?php
// the query
$wpb_all_query = new WP_Query(array('post_type'=>'post', 'post_status'=>'publish', 'posts_per_page'=>-1)); ?>

<?php if ( $wpb_all_query->have_posts() ) : ?>

<?php while ( $wpb_all_query->have_posts() ) : $wpb_all_query->the_post(); ?>
  <?php
  if(has_post_thumbnail()){
    $thumbx = get_the_post_thumbnail('medium');
    $featured_img_url = get_the_post_thumbnail_url(get_the_ID(),'large');
    //  the_post_thumbnail - shows the image tag
    //  get_the_post_thumbnail - to a variable
    //  get_the_post_thumbnail_url - to the image url
  } else {
    $thumbx = "";
    $featured_img_url = "";
  }
  ?>

  <div class='large-4 cell'>
    <div class='the-post' style='background:linear-gradient( rgba(23, 58, 103, 0.6), rgba(23, 58, 103, 0.6) ),url(<?php echo $featured_img_url; ?>) center no-repeat; background-size:cover;'>
    <div class='the-post-title'><h3><a href="<?php the_permalink(); ?>" style='color: #ef5b00;'><?php the_title(); ?></a></h3></div>
    <div class='the-post-pub-date'><?php echo get_the_date(); ?></div>
    <div class='the-post-excerpt'><?php echo the_excerpt(); ?></div>
  </div>
</div>
<?php endwhile; ?>
<!-- end of the loop -->

<?php wp_reset_postdata(); ?>

<?php else : ?>
<p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
<?php endif; ?>

View Statistics
This Week
15
This Month
164
This Year
0

No Items Found.

Add Comment
Type in a Nick Name here
 
Other Items in wordpress
using wp_nav_menu to show a custom menu in wordpress get and show the featured image on a wordpress page template link to a custom style sheet in your theme directory wordpress wordpress show page content on template file show post content on template wordpress wordpress add a template file to your theme fix for wordpress requesting ftp login details installing plugins wordpress category list sorting custom adding pagination to custom wp_query add paging to wp list query list items from blog and filter by category name match a category id in wordpress and then add styles just for that id get the current post id from content.php wordpress get the current category id name and slug get the wordpress category name from a category id wordpress adding post custom field meta and displaying it on you template getting the site title vs the page name wordpress get home url add a tag to wordpress header from a plugin list items matching a category title wp register plugin settings admin Create a admin main wordpress custom menu item wordpress show the parent page title with fallback to title Add a post date to your custom wordpress post listing wordpress get page content to display on template page get the stylesheet directory in wordpress theme wordpress register enqueue javascript require jquery wordpress show the post content for use in a template wordpress show posts loop with feature image thumbnail wordpress get site url wordpress advanced custom fields replace shortcode for site url with blog url wordpress check home and not home for banners and things wordpress use a shortcode in php gravity forms wordpress include jquery in theme functions wordpress enqueue slicknav and slick slider wordpress show the page content for use in a template wordpress change domain in config, wordpress domain config wordpress get template directory
Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

Join me on Substack if you want me to send you a collection of the things i have done or found or read for the week. Or follow me on twitter if you prefer, i dont post much but i probably should!

❤👩‍💻🕹

Random Quote
In this case my anchor this week becomes driving almost 2hrs outside of Atlanta to one of my favorite hard core gyms in the world.. MetroFlex aka The Dungeon. The gym owners turn the heat way up so it becomes a fun sweat box and the gym members just watch from afar and leave me alone. I happily drive myself long distances to find MY ANCHOR. Our anchor allows us to have balance, focus and be as productive as possible. And if you're in the middle of a heavy set and your headphones start to fall off your head, like mine did here.. well.. f*ck the headphones. Let em break and fall. You can always get a new pair, but the iron ain't ever gonna lift itself.
Unknown