Recent Posts Widget Extended

FAQ

Explicación del shorcode

Explicación de las opciones del shortcode:

Shortcode básico

[rpwe]

Muestra las últimas 10 entradas

[rpwe limit="10"]

Display 5 random posts

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

Muestra las últimas 10 entradas con miniaturas

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

Abrir el enlace de la entrada en una nueva pestaña

[rpwe link_target="true"]

Desactivar los estilos por defecto

[rpwe styles_default="false"]

Argumentos para el shortcode

Aquí están los argumentos completos del shortcode por defecto

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=""

¿Cómo filtrar la consulta de entradas?

Puedes usar rpwe_default_query_arguments para filtrarlo. Ejemplo:

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;
}

¡Ordenar no funciona!

¿Tienes un orden establecido para entradas o tipos de entrada? Por favor, desactivalo e intenta ordenar de nuevo. (pregunta relacionada)

No hay opciones de imagen

El tema tiene que ser compatible con la miniaturas de entradas, por favor ve a https://codex.wordpress.org/Post_Thumbnails para leer más información y cómo activarlo en tu tema.

¿Cómo añado un estilo personalizado?

En primer lugar, desmarca la opción Usar estilo predeterminado y luego coloca el código css que aparece a continuación en el panel de CSS adicional en el personalizador, luego puedes personalizarlo para que se ajuste a tus necesidades

.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;
}

¿Por qué hay tantos «!important» en el código CSS?

Sé que no es bueno pero tengo una buena razón, el !importante es para que el estilo incorporado sea compatible con todos los temas. Pero si no te gusta, puedes desactivar la opción de usar estilos por defecto y eliminar todo el código css personalizado en el cuadro de CSS personalizado y luego crear tu propio estilo.

Filtros disponibles

Argumentos por defecto

rpwe_default_args

Extracto de la entrada

rpwe_excerpt

Marcado de entrada

rpwe_markup

Argumentos de la consulta de entradas

rpwe_default_query_arguments