Posted in
4872
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.
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
159
This Month
641
This Year
1429
Add Comment
Other Items in wordpress
Wordpress Use the settings API
Wordpress add a sub menu to your plugin
Disable the ACF Warning message in wordpress dashboard
load a page as a menu in wordpress
extract a wordpress menu using its id
Wordpress template with fixed sidebar in flex
add a page template in a wordpress theme
wordpress jquery find and replace option text value
wordpress block grid code
display a subnav for the current wordpress page
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
Related Search Terms
Other Categories in Code
alpine js apps c css factorio font awesome images linux quick modals sqlite site bugs site updates slick slider sliders testing windows apps apache api apps asp bat bootstrap bootstrap templates charts cookies core css css filters css grid design elements docker domains emoji fancybox fonts foundation framework gimp git html icons ideas image formatting images javascript javascript functions jquery js linux mac misc modals mysql nginx node php php errors php function php functions php simple html dom pi400 python react regex sections simple_html_dom simplepie php site bugs site documentation slick slider sql sqlite ssh sublime svg svg css templates tools virtual box vscode vue webdev windows windows 11 windows commands wordpress