Post Loop and Pagination Widget. Multiple Posts Loop placement. Auto page feed and at random.\nIt works inside Page Builder by SiteOrigin.\nPage Builder by SiteOrigin is great plugin.<\/p>\n\n
Normally enter default.\nChecked and enter unique value, if doesn't work.\nWill be destroyed this value when copied widget.<\/p>\n\n
Default: 7 days<\/p>\n\n
Enter widget title or empty. Checkbox: display or not.<\/p>\n\n
If checked then set page number to cookie then reload page, not use ajax call.<\/p>\n\n
Specify widget block class.<\/p>\n\n
Default:<\/p>\n\n
post-loop-ajax-use-default-css\n<\/code><\/pre>\n\ndisplay posts<\/h4>\n\n\n- post type name, separated by comma:<\/li>\n<\/ul>\n\n
Enter Post Type name, also including Custom Post Type.\nDefault: post<\/p>\n\n
\ncategory name, separated by comma:<\/p><\/li>\n
without category name, separated by comma:<\/p><\/li>\n
additional (key=value&key2=value2...):<\/p><\/li>\n<\/ul>\n\n
See: https:\/\/codex.wordpress.org\/Class_Reference\/WP_Query<\/p>\n\n
\n- to result in (query after assembly):<\/li>\n<\/ul>\n\n
Display query after assembly.<\/p>\n\n
Doesn't work if use this query as argument of WP_Query function.<\/p>\n\n
e.g.<\/p>\n\n
post_type=(post,topic)&cat=-1,-3\n<\/code><\/pre>\n\nThe expansion of this formula, WP_Query function accept this array.<\/p>\n\n
Array(\n ['post_type'] => Array (\n [0] => 'post'\n [1] => 'topic'\n )\n ['cat'] => '-1,-3'\n)\n<\/code><\/pre>\n\n\n- Can enter query code by json string format. This field is prioritize than above.<\/li>\n<\/ul>\n\n
e.g.<\/p>\n\n
{\n\"post_type\":\"products\",\n\"orderby\":\"date\",\n\"order\":\"ASC\"\n}\n<\/code><\/pre>\n\ne.g.<\/p>\n\n
{\n\"post_type\": \"post\",\n\"posts_per_page\": 2,\n\"orderby\":\"date\",\n\"order\":\"DESC\",\n\"date_query\":[{\"after\": \"12 month ago\"}]\n}\n<\/code><\/pre>\n\nDon't use single quote.\nThis string is convert to PHP Array by 'json_decode' function.<\/p>\n\n
posts per page<\/h4>\n\n
Default: 10<\/p>\n\n
max page number<\/h4>\n\n
Default: 0 (0: disabled)<\/p>\n\n
excerpt char length<\/h4>\n\n
Default: 140<\/p>\n\n
excerpt ellipsis<\/h4>\n\n
Default: \"...\"<\/p>\n\n
excerpt more<\/h4>\n\n
Default: Read More<\/p>\n\n
date time format<\/h4>\n\n
Default:<\/p>\n\n
F jS, Y\n<\/code><\/pre>\n\npagination type<\/h4>\n\nnothing\nnormal\nlite\nprev and next only\nfull\nmulti (for responsive design, see: css\/post-loop-ajax.css)\n<\/code><\/pre>\n\nhide prev and next button<\/h4>\n\npagination previous string<\/h4>\n\n
Enter previous navigation button string or empty(default button).<\/p>\n\n
pagination next string<\/h4>\n\n
Enter next navigation button string or empty(default button).<\/p>\n\n
scroll to content top after rewrite content by ajax, without while loop enabled<\/h4>\n\n\n- scroll speed (-1: disabled)<\/li>\n<\/ul>\n\n
Default: 200 (msec)<\/p>\n\n
\n- scroll offset top<\/li>\n<\/ul>\n\n
Default: -150 (px)<\/p>\n\n
\n- scroll offset top margin<\/li>\n<\/ul>\n\n
Default: 20 (px)<\/p>\n\n
auto loop contents<\/h4>\n\n\n- loop interval time (0: disabled)<\/li>\n<\/ul>\n\n
Default: 0<\/p>\n\n
\n- time until changed contents<\/li>\n<\/ul>\n\n
Default: 500 (msec)<\/p>\n\n
\n- page at random<\/li>\n<\/ul>\n\n
effects<\/h4>\n\n
Using jQuery UI Effects.<\/p>\n\n
\ndon't display loading image.<\/p><\/li>\n
front<\/p><\/li>\n<\/ul>\n\n
select front effect types<\/p>\n\n
\n- end<\/li>\n<\/ul>\n\n
select end effect types<\/p>\n\n
template<\/h4>\n\n
Enter or select template.<\/p>\n\n
That have 5th blocks, split by <!--split--><\/code> tag.<\/p>\n\nDefault:<\/p>\n\n
<!--header-->\n <div>\n <!-- <div style=\"overflow-y:auto; height:500px;\"> -->\n <!--split-->\n <!--article-->\n <article id=\"post-%post_id%\" %post_class%>\n <header class=\"entry-header\">\n <h2 class=\"entry-title\"><a href=\"%permalink%\" rel=\"bookmark\">%title%<\/a><\/h2>\n <\/header><!-- .entry-header -->\n <div class=\"entry-content\">\n <!--\n %first_image(medium,%permalink%)%\n %excerpt%\n -->\n %content%\n <\/div><!-- .entry-content -->\n <footer class=\"entry-footer\">\n <div>Posted by <a href=\"%author_posts_link%\">%author%<\/a> \/ %time%<\/div>\n <div>Category: %category_links%<\/div>\n <\/footer><!-- .entry-footer -->\n <\/article>\n <!--split-->\n <!--no article-->\n <article id=\"post-%post_id%\" %post_class%>\n <header class=\"entry-header\">\n <h2 class=\"entry-title\">Not Found<\/h2>\n <\/header><!-- .entry-header -->\n <div class=\"entry-content\">\n <p>Content not found.<\/p>\n <\/div><!-- .entry-content -->\n <footer class=\"entry-footer\">\n <\/footer><!-- .entry-footer -->\n <\/article>\n <!--split-->\n <!--footer-->\n <!-- <\/div> -->\n <div>Page: %paged% \/ %max_number_of_pages% (%number_of_posts% posts)<\/div>\n %pagination%\n <\/div>\n <!--split-->\n <!--no article footer-->\n <!-- <\/div> -->\n <\/div>\n<\/code><\/pre>\n\nKeyword:<\/p>\n\n
%widget_number%\n%post_id%\n%post_class%\n%permalink%\n%title%\n%content%\n%excerpt%\n%category_links%\n%time%\n%author%\n%author_posts_link%\n%pagination%\n%paged%\n%max_number_of_pages%\n%number_of_posts%\n%loop_interval%\n%first_image()%\n%custom_field()%\n%avatar_image()%\n%featured_image_url()%<h3>keyword: \"%custom_field(type,name,index,size)%\"<\/h3>\n<\/code><\/pre>\n\nReplaced this keyword to custom field value.<\/p>\n\n
\ntype : data type<\/p>\n\n
file, text, image, image_tag, image_url, image_width, image_height or image_is_resized<\/p><\/li>\n
name : custom field name<\/p><\/li>\n
- index: index of custom field name<\/li>\n
size : image size<\/p>\n\n
thumbnail, medium, large or user defined<\/p><\/li>\n<\/ul>\n\n
e.g.<\/p>\n\n
%custom_field(image,img1,0,large)%\n%custom_field(text,customer_name,0)%\n%custom_field(file,file,0)%\n%custom_field(file,file,0,)%\n%custom_field(file,file,1,download)%<h3>keyword: \"%featured_image_url(size)%\"<\/h3>\n<\/code><\/pre>\n\nReplaced this keyword to featured image url.<\/p>\n\n
\n- size is pixel or word (thumbnail, medium, large, full, ...).<\/li>\n<\/ul>\n\n
e.g.<\/p>\n\n
<img src=\"%featured_image_url(32,32)%\" \/> \n\n <img src=\"%featured_image_url(thumbnail)%\" \/>\n\n <img src=\"%featured_image_url(large)%\" \/><h3>keyword: \"%avatar_image(size,link)%\"<\/h3>\n<\/code><\/pre>\n\nReplaced this keyword to avatar image \/ image with link.<\/p>\n\n
\n- size is pixel size. max 512px.<\/li>\n<\/ul>\n\n
e.g.<\/p>\n\n
keyword: %avatar_image()%\n\nput avatar img tag. use Default size 96px.\n\nkeyword: %avatar_image(32)%\n\nput avatar img tag. size 32px.\n\nkeyword: %avatar_image(32,)%\n\nput avatar image url.\n\nkeyword: %avatar_image(32,http:\/\/example.com)%\n\nput avatar image with link to `http:\/\/example.com`. size 32px.\n\ne.g. `<a class=\"postloopajax-avatar-image-link postloopajax-avatar-image-link-??\" href=\"link\"><img src=\"avatar\"\/><\/a>`\n\n?? is author id<h3>keyword: \"%first_image(size name,link,remove,html)%\"<\/h3>\n<\/code><\/pre>\n\nReplaced this keyword to image url \/ image tag \/ image tag with link.\nthis function used class 'wp-image-??', ?? is image id.<\/p>\n\n
e.g.<\/p>\n\n
keyword: %first_image(thumbnail)%\n\nput thumbnail image tag.\n\nkeyword: %first_image(thumbnail,)%\n\nput thumbnail image url.\n\nkeyword: %first_image(thumbnail, %first_image(large,)%)%\n\nput thumbnail image tag with link to large image url.\n\ne.g. `<a class=\"postloopajax-image-link\" href=\"large image url\"><img src=\"thumbnail image url\" class=\"wp-image-??\"\/><\/a>`\n\nkeyword: %first_image(medium, %permalink%, remove,<div class=\"f-img\">_REPLACE_<\/div>)%\n\nput medium image tag with link to permalink.\n\ne.g. `<a class=\"postloopajax-image-link\" href=\"permalink\"><img src=\"medium image url\" class=\"wp-image-??\"\/><\/a>`\n\n* Remove first image from content if specified 'remove' option. There are failed cases if contain complicated tags around image tag.\n<\/code><\/pre>\n\n\n\n- Install plugin and activate.<\/li>\n
- Placement at widget area.<\/li>\n<\/ol>\n\n
How to make Image Slider has layer for text<\/h4>\n\n\n- Define Custom Field, data type is Image and Name is 'postloopajax_slider_image'.<\/li>\n
- Define Category or Custom Post Type.<\/li>\n
- Add new Post or Custom Post.\n\n
\n- Select Category if case in Post.<\/li>\n
- Set Image to Custom Field.<\/li>\n
- Write Content.<\/li>\n<\/ol><\/li>\n
- Open Settings Screen and select Post Loop Ajax.\n\n
\n- Select 'IMAGE SLIDER' or 'IMAGE SLIDER OBJECT-FIT' of Templates.<\/li>\n
- Edit Template, size and color and more.<\/li>\n<\/ol><\/li>\n
- Placement this Widget and settings.\n\n
\n- Enter fields 'post type name' and 'category name'.<\/li>\n
- Enter 1 to 'posts per page'.<\/li>\n
- Select 'full' of 'pagination type'.<\/li>\n
- Check 'hide prev and next button'.<\/li>\n
- Enter 'loop interval time'.<\/li>\n
- Select 'IMAGE SLIDER' or 'IMAGE SLIDER OBJECT-FIT' of Templates.<\/li>\n<\/ol><\/li>\n
- Fix height and layout of Slider Block by CSS.<\/li>\n<\/ol>\n\n\n
\n- Installation Instructions<\/dt>\n
\n- Install plugin and activate.<\/li>\n
- Placement at widget area.<\/li>\n<\/ol>\n\n
How to make Image Slider has layer for text<\/h4>\n\n\n- Define Custom Field, data type is Image and Name is 'postloopajax_slider_image'.<\/li>\n
- Define Category or Custom Post Type.<\/li>\n
- Add new Post or Custom Post.\n\n
\n- Select Category if case in Post.<\/li>\n
- Set Image to Custom Field.<\/li>\n
- Write Content.<\/li>\n<\/ol><\/li>\n
- Open Settings Screen and select Post Loop Ajax.\n\n
\n- Select 'IMAGE SLIDER' or 'IMAGE SLIDER OBJECT-FIT' of Templates.<\/li>\n
- Edit Template, size and color and more.<\/li>\n<\/ol><\/li>\n
- Placement this Widget and settings.\n\n
\n- Enter fields 'post type name' and 'category name'.<\/li>\n
- Enter 1 to 'posts per page'.<\/li>\n
- Select 'full' of 'pagination type'.<\/li>\n
- Check 'hide prev and next button'.<\/li>\n
- Enter 'loop interval time'.<\/li>\n
- Select 'IMAGE SLIDER' or 'IMAGE SLIDER OBJECT-FIT' of Templates.<\/li>\n<\/ol><\/li>\n
- Fix height and layout of Slider Block by CSS.<\/li>\n<\/ol><\/dd>\n
- How to include bbPress topics in it?<\/dt>\n
Enter \"topic\" to post type field.<\/p>\n\n
see: https:\/\/codex.wordpress.org\/Class_Reference\/WP_Query<\/p><\/dd>\n\n<\/dl>\n\n\n
1.60<\/h4>\n\n\n- will remove words after to '#' from reload url, if checked option 'need reload page'.<\/li>\n<\/ul>\n\n
1.59<\/h4>\n\n\n- stopped use magic constant
__DIR__<\/code>. The magic constant __DIR__<\/code> is only available as of PHP v.5.3.0.<\/li>\n<\/ul>\n\n1.58<\/h4>\n\n\n- stopped use magic constant
__DIR__<\/code>. The magic constant __DIR__<\/code> is only available as of PHP v.5.3.0.<\/li>\n<\/ul>\n\n1.57<\/h4>\n\n\n- Can now specify html tag to \"first_image\" function.<\/li>\n<\/ul>\n\n
1.56<\/h4>\n\n\n- Add \"remove\" option to \"first_image\" function.<\/li>\n<\/ul>\n\n
1.55<\/h4>\n\n\n- \"featured_image_url\" keyword addition.<\/li>\n<\/ul>\n\n
1.54<\/h4>\n\n\n- Can now specify maximum number of pages.<\/li>\n<\/ul>\n\n
1.53<\/h4>\n\n
Disabled reload post at first load page if random and disabled loop.\nIt is need restore the post when come back widget placement page.\nBut widget not know is it is if came back. has not way, now.\nIt was working too if random and disabled loop.<\/p>\n\n
1.52<\/h4>\n\n\n- The following html tags can now be used in title:
<br> <strong> <i> <b> <span> <div> <font><\/code><\/li>\n<\/ul>\n\n1.51<\/h4>\n\n\n- Fix, Losing part of article class on change.<\/li>\n<\/ul>\n\n
1.50<\/h4>\n\n\n- Fix issues.<\/li>\n<\/ul>\n\n
1.49<\/h4>\n\n\n- Can enter query code by json string format.<\/li>\n
- Changed way to create widget id.<\/li>\n
- Fix issues.<\/li>\n<\/ul>\n\n
1.48<\/h4>\n\n\n- Fix issues.<\/li>\n<\/ul>\n\n
1.47<\/h4>\n\n\n- Fix issues.<\/li>\n<\/ul>\n\n
1.46<\/h4>\n\n\n- Fix issues.<\/li>\n<\/ul>\n\n
1.45<\/h4>\n\n\n- Fix CSS Color Code.<\/li>\n<\/ul>\n\n
1.44<\/h4>\n\n\n- Added Template 'IMAGE SLIDER OBJECT-FIT'.<\/li>\n<\/ul>\n\n
1.43<\/h4>\n\n\n- Update language file.<\/li>\n<\/ul>\n\n
1.42<\/h4>\n\n\n- Fixed: of the display widget title.<\/li>\n
- Modify function: restore ajax contents when click back-button on web browser.<\/li>\n
- Support Custom Field Value.<\/li>\n
- Added Pagination type 'full'.<\/li>\n
- Added Template 'IMAGE SLIDER'.<\/li>\n
- Changed Keyword and Templates.<\/li>\n
- Additional function: remove the shortcode when not work.<\/li>\n<\/ul>\n\n
1.41<\/h4>\n\n\n- Modify timing display loading image.<\/li>\n<\/ul>\n\n
1.40<\/h4>\n\n\n- Restore ajax contents when click back-button on web browser.<\/li>\n
- Fixed Pagination.<\/li>\n<\/ul>\n\n
1.39<\/h4>\n\n\n- Modify: way to checking for null.<\/li>\n<\/ul>\n\n
1.38<\/h4>\n\n\n- Modify: way to checking for null.<\/li>\n<\/ul>\n\n
1.37<\/h4>\n\n\n- Modify function: scroll to content top after reloaded.<\/li>\n<\/ul>\n\n
1.36<\/h4>\n\n\n- Modify function: scroll to content top after reloaded.<\/li>\n<\/ul>\n\n
1.35<\/h4>\n\n\n- Additional function: scroll to content top after reloaded.<\/li>\n<\/ul>\n\n
1.34<\/h4>\n\n\n- preg_split instead of split function.<\/li>\n<\/ul>\n\n
1.33<\/h4>\n\n\n- Fixed ajax timeout and error.<\/li>\n<\/ul>\n\n
1.32<\/h4>\n\n\n- Fixed Templates<\/li>\n<\/ul>\n\n
1.31<\/h4>\n\n\n- Fixed of the Effects.<\/li>\n
- Update readme.txt<\/li>\n<\/ul>\n\n
1.30<\/h4>\n\n\n- Modify, display loading image to suitable Y position.<\/li>\n
- Can select effects type at while rewrite contents.<\/li>\n
- \"avatar_image_size\" keyword addition.<\/li>\n
- Some fix.<\/li>\n<\/ul>\n\n
1.29<\/h4>\n\n\n- Fixed, missing get_magic_quotes_gpc and stripslashes.<\/li>\n<\/ul>\n\n
1.28<\/h4>\n\n\n- Changed the criteria of scroll coordinate.<\/li>\n<\/ul>\n\n
1.27<\/h4>\n\n\n- Fixed of the scroll speed.<\/li>\n<\/ul>\n\n
1.26<\/h4>\n\n\n- Update internationalization.<\/li>\n<\/ul>\n\n
1.25<\/h4>\n\n\n- Additional function: scroll to content top after rewrite content by ajax, without while loop enabled.<\/li>\n<\/ul>\n\n
1.24<\/h4>\n\n\n- Internationalization and some fixed.<\/li>\n<\/ul>\n\n
1.23<\/h4>\n\n\n- Bug fixed of Template Editor.<\/li>\n<\/ul>\n\n
1.22<\/h4>\n\n\n- Template Editor addition.<\/li>\n<\/ul>\n\n
1.21<\/h4>\n\n\n- Fixed css.<\/li>\n
- Update template html.<\/li>\n<\/ul>\n\n
1.20<\/h4>\n\n\n- Fixed, display twice same page when loop at first time.<\/li>\n
- Of the excerpt.<\/li>\n
- Change way to assemble query.<\/li>\n
- \"first_image_sizename\" keyword addition.<\/li>\n<\/ul>\n\n
1.19<\/h4>\n\n\n- Fixed css.<\/li>\n<\/ul>\n\n
1.18<\/h4>\n\n\n- Change way to enter query string.<\/li>\n<\/ul>\n\n
1.17<\/h4>\n\n\n- Fixed excerpt permalink.<\/li>\n<\/ul>\n\n
1.16<\/h4>\n\n\n- Change way to enter query string.<\/li>\n<\/ul>\n\n
1.15<\/h4>\n\n\n- Fixed the_content filter.<\/li>\n<\/ul>\n\n
1.14<\/h4>\n\n\n- Update html template.<\/li>\n<\/ul>\n\n
1.13<\/h4>\n\n\n- Fixed page at random function.<\/li>\n<\/ul>\n\n
1.12<\/h4>\n\n\n- Page at random function addition.<\/li>\n<\/ul>\n\n
1.11<\/h4>\n\n\n- Fixed wp-query.<\/li>\n<\/ul>\n\n
1.10<\/h4>\n\n\n- Internationalization.<\/li>\n<\/ul>\n\n
1.9<\/h4>\n\n\n- Added css file.<\/li>\n<\/ul>\n\n
1.8<\/h4>\n\n