Recent Posts Widget Extended

Vanliga frågor

Shortcode Explanation

Explanation of shortcode options:

Basic shortcode

[rpwe]

Display 10 recent posts

[rpwe limit="10"]

Display 5 random posts

[rpwe limit="5" orderby="rand"]

Display 10 recent posts without thumbnail

[rpwe limit="10" thumb="false"]

Open post link in new tab

[rpwe link_target="true"]

Disable default style

[rpwe styles_default="false"]

Shortcode Arguments

Here are the full default shortcode arguments

limit="5"
offset=""
order="DESC"
orderby="date"
post_type="post"
cat=""
tag=""
taxonomy=""
post_type="post"
post_status="publish"
ignore_sticky="1"
taxonomy=""

post_title="true"
link_target="false"
excerpt="false"
length="10"
thumb="true"
thumb_height="45"
thumb_width="45"
thumb_default="https://via.placeholder.com/45x45/f0f0f0/ccc"
thumb_align="rpwe-alignleft"
date="true"
readmore="false"
readmore_text="Read More »"

styles_default="true"
css_id=""
css_class=""
before=""
after=""

How to filter the post query?

You can use rpwe_default_query_arguments to filter it. Example:

add_filter( 'rpwe_default_query_arguments', 'your_custom_function' );
function your_custom_function( $args ) {
    $args['posts_per_page'] = 10; // Changing the number of posts to show.
    return $args;
}

Ordering not working!

Did you installed any Post or Post Type Order? Please try to deactivate it and try again the ordering. (related question)

No image options

Your theme needs to support Post Thumbnail, please go to https://codex.wordpress.org/Post_Thumbnails to read more info and how to activate it in your theme.

How to add custom style?

First, please uncheck the Use Default Style option then place the css code below on the Additional CSS panel on Customizer, then you can customize it to fit your needs

.rpwe-block ul {
    list-style: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.rpwe-block li {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
    list-style-type: none;
}
.rpwe-block a {
    display: inline !important;
    text-decoration: none;
}
.rpwe-block h3 {
    background: none !important;
    clear: none;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    font-weight: 400;
    font-size: 12px !important;
    line-height: 1.5em;
}
.rpwe-thumb {
    border: 1px solid #eee !important;
    box-shadow: none !important;
    margin: 2px 10px 2px 0;
    padding: 3px !important;
}
.rpwe-summary {
    font-size: 12px;
}
.rpwe-time {
    color: #bbb;
    font-size: 11px;
}
.rpwe-alignleft {
    display: inline;
    float: left;
}
.rpwe-alignright {
    display: inline;
    float: right;
}
.rpwe-aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.rpwe-clearfix:before,.rpwe-clearfix:after {
    content: "";
    display: table !important;
}
.rpwe-clearfix:after {
    clear: both;
}
.rpwe-clearfix {
    zoom: 1;
}

Why so many !important in the css code?

I know it’s not good but I have a good reason, the !important is to make sure the built-in style compatible with all themes. But if you don’t like it, you can turn of the Use Default Styles and remove all custom css code in the Custom CSS box then create your own style.

Tillgängliga filter

Default arguments

rpwe_default_args

Post excerpt

rpwe_excerpt

Post markup

rpwe_markup

Post query arguments

rpwe_default_query_arguments