“U More Recent Posts” Demos

WordPress

1. Demos

2. Shortcode usage

3. DOM Structure & Custom CSS



1. Demos

Default

[u_more_recent_posts id="umrp-demo-1"]
[u_more_recent_posts id="umrp-demo-1"]

Title, Number of posts, Title length

[u_more_recent_posts id="umrp-demo-2" title="My Recent Posts" number="3" length="3"]
  • Title => My Recent Posts
  • Number of posts => 3
  • Title length => 3(words)
[u_more_recent_posts id="umrp-demo-2" title="My Recent Posts" number="3" length="3"]

List format: Comment count

[u_more_recent_posts id="umrp-demo-3" list_format="%title% (%comment_count%)"]
  • List format => %title% (%comment_count%)
[u_more_recent_posts id="umrp-demo-3" list_format="%title% (%comment_count%)"]

List format: Line break, HTML

[u_more_recent_posts id="umrp-demo-4" list_format="%title%
%author%"]
  • List format => %title%
    <em>%author%</em>
[u_more_recent_posts id="umrp-demo-4" list_format="%title%<br><em>%author%</em>"]

List format: Date format

[u_more_recent_posts id="umrp-demo-5" list_format="%title%, %date%" date_format="Y/m/d"]
  • Date format => Y/m/d
  • List format => %title%, %date%
[u_more_recent_posts id="umrp-demo-5" list_format="%title%, %date%" date_format="Y/m/d"]
Documentation on date and time formatting.

Thumbnail

[u_more_recent_posts id="umrp-demo-6" list_format="%thumbnail%%title%" thumbnail_w="120" thumbnail_h="120" number="3"]
  • List format => %thumbnail%%title%
  • Thumbnail size => 120 (x) 120
  • Number of posts => 3
[u_more_recent_posts id="umrp-demo-6" list_format="%thumbnail%%title%" thumbnail_w="120" thumbnail_h="120" number="3"]

Thumbnail styling

[u_more_recent_posts id="umrp-demo-7" list_format="%thumbnail%%title%
%date%" thumbnail_w="30" thumbnail_h="30" length="5"]
  • List format => %thumbnail%%title%
    %date%
  • Thumbnail size => 30 (x) 30
[u_more_recent_posts id="umrp-demo-7" list_format="%thumbnail%%title%<br>%date%" thumbnail_w="30" thumbnail_h="30" length="5"]
.umrp-post-thumbnail {
   float: left;
   margin-right: 10px;
   margin-top: 3px;
   border: 1px solid #ccc;
}
.umrp-list {
   list-style: none;
   margin-left: 0 !important;
}

Filtering: Post type

My Books

  • Post type => book
  • Title => My Books
[u_more_recent_posts id="umrp-demo-8" title="My Books" post_type="book"]

Filtering: Taxonomy

[u_more_recent_posts id="umrp-demo-9" tax_query="taxonomy=category&terms=14,17"]
  • Taxonomy => Categories
  • Term IDs => 14,17
  • Operate => (none)
[u_more_recent_posts id="umrp-demo-9" tax_query="taxonomy=category&terms=14,17"]

Filtering: Author

[u_more_recent_posts id="umrp-demo-10" author="1" author_operate="include"]
  • Author => 1
  • Author operate => include
[u_more_recent_posts id="umrp-demo-10" author="1" author_operate="include"]

Filtering: Time

[u_more_recent_posts id="umrp-demo-11" time_limit="60"]
  • Time limit => 60 (last 60 days)
[u_more_recent_posts id="umrp-demo-11" time_limit="60"]

Navigation

[u_more_recent_posts id="umrp-demo-12" navi_label="페이지:" navi_pos="top" navi_align="right" page_range="2"]
  • Label => 페이지:
  • Page range => 2
  • Position => Top
  • Text align => Right
[u_more_recent_posts id="umrp-demo-12" navi_label="페이지:" navi_pos="top" navi_align="right" page_range="2"]

Navigation: Max page links

[u_more_recent_posts id="umrp-demo-13" max_page="2"]
  • Max page links => 2
[u_more_recent_posts id="umrp-demo-13" max_page="2"]

Effect: Auto Paginate

[u_more_recent_posts id="umrp-demo-14" auto_paginate="1" auto_paginate_delay="3" appear_effect="fadein" length="3"]
  • Auto paginate => Yes
  • Auto paginate delay => 2
  • Appear effect => Fade In
[u_more_recent_posts id="umrp-demo-14" auto_paginate="1" auto_paginate_delay="3" appear_effect="fadein" length="3"]

Effect: Fade In/Out

[u_more_recent_posts id="umrp-demo-15" appear_effect="fadein" disappear_effect="fadeout" length="3"]
  • Appear effect => Fade In
  • Disappear effect => Fade Out
[u_more_recent_posts id="umrp-demo-15" appear_effect="fadein" disappear_effect="fadeout" length="3"]

Effect: Slide Down/Up

[u_more_recent_posts id="umrp-demo-16" appear_effect="slidedown" disappear_effect="slideup" length="3"]
  • Appear effect => Slide Down
  • Disappear effect => Slide Up
[u_more_recent_posts id="umrp-demo-16" appear_effect="slidedown" disappear_effect="slideup" length="3"]

Effect: Slide In/Out

[u_more_recent_posts id="umrp-demo-17" appear_effect="slidein" disappear_effect="slideout" length="3"]
  • Appear effect => Slide In
  • Disappear effect => Slide Out
[u_more_recent_posts id="umrp-demo-17" appear_effect="slidein" disappear_effect="slideout" length="3"]

Effect: Like a Carousel

[u_more_recent_posts id="umrp-demo-18" list_format="%thumbnail%%title%" thumbnail_w="120" thumbnail_h="120" number="1" length="3" appear_effect="slidein" disappear_effect="slideout" auto_paginate="1" auto_paginate_delay="3" navi_label="" max_page="5" page_range="3" ]
  • List format => %thumbnail%%title%
  • Number of posts => 1
  • Appear effect => Slide In
  • Disappear effect => Slide Out
  • Auto paginate => Yes
  • Auto paginate delay => 3
[u_more_recent_posts id="umrp-demo-18" list_format="%thumbnail%%title%" thumbnail_w="120" thumbnail_h="120" number="1" length="3" appear_effect="slidein" disappear_effect="slideout" auto_paginate="1" auto_paginate_delay="3" navi_label="" max_page="5" page_range="3" ]
.umrp-list {
   list-style: none;
   margin-left: 0 !important;
}
.umrp-post-thumbnail {
   padding: 4px;
   border: 1px solid #ccc;
   border-radius: 3px;
}
.umrp-slide {
   width: 130px !important;
}


2. Shortcode usage

The shortcode is a simple set of functions for creating macro codes for use in post content.
"U More Recent Posts" is registering the following shortcode.

[u_more_recent_posts]

Example:

[u_more_recent_posts id="my-recent-posts"]
[u_more_recent_posts id="my-recent-posts" number="10"]
[u_more_recent_posts id="my-recent-posts" title="" list_format="%title%, %date%"]

Attributes

Name Default Available values / Example
id (required) (none) Wrapper DIV elements' unique id
id="my-recent-posts"
General title Recent Posts title="My Recent Posts"
number 5 Number of posts to show
number="10"
length (none) Words length of post title
length="5"
list_format %title% Enable HTML, Line break,
Replace keywords: %title%, %date%, $author%, %comment_count%, %thumbnail%
list_format="%title%<br><em>%author%</em>"
date_format F j, Y date_format="Y/m/d" => 2011/8/20
Documentation on date and time formatting.
thumbnail_w (blog setting) thumbnail_w="100"
thumbnail_h (blog setting) thumbnail_h="100"
Filtering post_type post post_type="books"
tax_query (none)
  • taxonomy (required)
  • terms (required): Separate term IDs with commas.
  • operate (optional): Possible values are 'include'(IN), 'exclude'(NOT IN), 'and'(AND).
tax_query="taxonomy=cagegory&terms=14,17"
authors (none) Separate author IDs with commas.
authors="1"
author_operate (none) Possible values are 'include', 'exclude'.
author_operate="include"
Time limit (none) time_limit="30" => Return posts from the last 30 days.
Effects appear_effect (none) Possible values are 'fadein', 'slidedown', 'slidein'
appear_effect="fadein"
appear_effect_dur 0.3 Seconds
appear_effect_dur="0.5"
disappear_effect (none) Possible values are 'fadeout', 'slideup', 'slideout'
disappear_effect="fadeout"
disappear_effect_dur 0.3 Seconds
disappear_effect_dur="0.5"
auto_paginate (none) Auto load next page at an interval of 'auto_paginate_delay' auto_paginate="1"
auto_paginate_delay 5 Seconds
auto_paginate_delay="3"
Navi navi_label Pages: navi_label="페이지:"
navi_pos bottom Possible values are 'top', 'bottom', 'both'
navi_pos="top"
navi_align (none) Possible values are 'left', 'center', 'right'
navi_pos="right"
page_range 1 The number of page links to show before and after the current page.
page_range="3"
max_page 1 Limit page links.
max_page="3" => Show 3 page links or under.
Misc progress_img (none) Possible value is 'white' which is for dark background color
progress_img="white"


3. DOM Structure & Custom CSS