Docs

[tingchihwang]

Hi,

I added the recent posts shortcode and set the number of posts to 4. However, when viewed on a mobile device it is only showing two (shown in attachments)

This is the functions I added:

function x_shortcode_recent_posts_v2code( $atts ) {
extract( shortcode_atts( array(
‘id’ => ”,
‘class’ => ”,
‘style’ => ”,
‘type’ => ‘post’,
‘count’ => ”,
‘category’ => ”,
‘offset’ => ”,
‘orientation’ => ”,
‘no_image’ => ”,
‘fade’ => ”,
‘enable_excerpt’ => ”
), $atts, ‘x_recent_posts’ ) );

$allowed_post_types = apply_filters( ‘cs_recent_posts_post_types’, array( ‘post’ => ‘post’ ) );
$type = ( isset( $allowed_post_types[$type] ) ) ? $allowed_post_types[$type] : ‘post’;

$id = ( $id != ” ) ? ‘id=”‘ . esc_attr( $id ) . ‘”‘ : ”;
$class = ( $class != ” ) ? ‘x-recent-posts cf ‘ . esc_attr( $class ) : ‘x-recent-posts cf’;
$style = ( $style != ” ) ? ‘style=”‘ . $style . ‘”‘ : ”;
$count = ( $count != ” ) ? $count : 3;
$category = ( $category != ” ) ? $category : ”;
$category_type = ( $type == ‘post’ ) ? ‘category_name’ : ‘portfolio-category’;
$offset = ( $offset != ” ) ? $offset : 0;
$orientation = ( $orientation != ” ) ? ‘ ‘ . $orientation : ‘ horizontal’;
$no_image = ( $no_image == ‘true’ ) ? $no_image : ”;
$fade = ( $fade == ‘true’ ) ? $fade : ‘false’;
$enable_excerpt = ( $enable_excerpt == ‘true’ ) ? true:false;

$js_params = array(
‘fade’ => ( $fade == ‘true’ )
);

$data = cs_generate_data_attributes( ‘recent_posts’, $js_params );

$output = “<div {$id} class=\”{$class}{$orientation}\” {$style} {$data} data-fade=\”{$fade}\” >”;

$q = new WP_Query( array(
‘orderby’ => ‘date’,
‘order’ => ‘DESC’,
‘post_type’ => “{$type}”,
‘posts_per_page’ => “{$count}”,
‘offset’ => “{$offset}”,
“{$category_type}” => “{$category}”
) );

if ( $q->have_posts() ) : while ( $q->have_posts() ) : $q->the_post();
$content_excerpt = get_the_excerpt();

if ( $no_image == ‘true’ ) {
$image_output = ”;
$image_output_class = ‘no-image’;
} else {
$image = wp_get_attachment_image_src( get_post_thumbnail_id(), ‘entry-cropped’ );
$bg_image = ( $image[0] != ” ) ? ‘ style=”background-image: url(‘ . $image[0] . ‘);”‘ : ”;
$image_output = ‘<div class=”x-recent-posts-img”‘ . $bg_image . ‘></div>’;
$image_output_class = ‘with-image’;
}

$output .= ‘‘
. ‘<article id=”post-‘ . get_the_ID() . ‘” class=”‘ . implode( ‘ ‘, get_post_class() ) . ‘”>’
. ‘<div class=”entry-wrap”>’
. $image_output
. ‘<div class=”x-recent-posts-content”>’
. ‘<h3 class=”h-recent-posts”>’ . get_the_title() . ‘</h3>’
. ‘<span class=”x-recent-posts-date”>’ . get_the_date() . ‘</span>’
. ( $enable_excerpt ? ‘<span class=”x-recent-posts-excerpt”>’ . strip_tags($content_excerpt ) . ‘</span>’ : ” )
. ‘</div>’
. ‘</div>’
. ‘</article>’
. ‘‘;

endwhile; endif; wp_reset_postdata();

$output .= ‘</div>’;

return $output;
}

add_action(‘wp_head’, ‘change_recent_posts_to_v2’);

function change_recent_posts_to_v2() {
remove_shortcode( ‘x_recent_posts’ );
add_shortcode( ‘x_recent_posts’, ‘x_shortcode_recent_posts_v2code’ );
}

// Excerpt Custom Length
// =============================================================================
function x_excerpt_length( $length ) {
return 20;
}
add_filter( ‘excerpt_length’, ‘x_excerpt_length’ );

[Jack]

Hi there,
Hi there,

There is a new support process that we emailed everyone about a few days ago, and you can read more about it here: https://theme.co/apex/forums/topic/welcome-to-the-general-forum-please-read-this-first/.

In the future, if you’d like direct support from our dedicated support team please open a support ticket via your support page here: https://theme.co/apex/support/.

This new general forum is not actively monitored for support enquiries and is for general discussion amongst community members.

Thanks!

[Author]

Posts