Nomeu

(First of all, sorry for my bad English.)
Image Archives is a wordpress plugin that displays images from your published posts with a permalink back to the post that the image is connected to. 
This plugin create a image list that is based on images you uploaded, not based on posts. 
This plugin aims to show your recent posts with images for visitors on your site.
See how this plugin works on <a href="http://nomeu.net/image-archives/" rel="nofollow ugc">Sample Page(My site)</a>.
If you found any problems with this plugin, please tell me. “nomeu[-at-]nomeu.net”.
<h4>NOTICE</h4>
<ul>
<li>The images you want to show are needed to be attached to posts they were published in (Attaching with post is automatically done by WordPress when you upload images on creating/editing a post).</li>
<li>In order to link to the permalink of a post, the post must be “published”.</li>
<li>If a post doesn’t contain a image(external images was not searched), this post is not listed.</li>
</ul>
<h4>HOW TO USE</h4>
It is simple. Write a shortcode [image_archives] on the place where you want to show a list of your images linked to their host posts.
But at first, I recommend you to write a shortcode “[image_archives first_image_mode=on]” on a unpublished post. 
This “first_image_mode” is a easy way(mode) to show a list. Without configuring a search strings, you can show a list which contains A image per A post. 
(If you want to change the number of images per a post, set this attribute “off”.) 
(And please note that the ‘first’ image means your ‘first’ uploaded image in a post. If you want to show a first image that is sorted by filename, use “image_order_by=title”. You can also use “image_order=DESC” at the same time. This means a latest image in a post is showed.)
Then you can see the output and how attributes works. After this, set some attributes for this plugin as you want.
Attributes are written like the following.
<blockquote>[image_archives term_id=? ordered_by=? order=? str=? limit=? size=? design=? item=? column=? date_format=? date_show=? cache=?]</blockquote>
Write only your necessary attributes. Default settings are below. Probably you should change “str” and “term_id” at least.
You can also use the php function of this plugin. In order to use the function, write “wp_image_archives();” within php code. As for the attributes, write like below.
<blockquote>wp_image_archives (‘term_id=9&order=DESC&design=1’);</blockquote>
<h4>Default values</h4>
<ul>
<li>first_image_mode = off</li>
<li>image_order_by = date</li>
<li>image_order = ASC</li>
<li>term_id = 1</li>
<li>order_by = title</li>
<li>order = ASC</li>
<li>str = %</li>
<li>limit = 0,50</li>
<li>size = medium</li>
<li>design = 2</li>
<li>item = 9</li>
<li>column = 3</li>
<li>date_format = Y-m-d</li>
<li>date_show = off</li>
<li>title_show = on</li>
<li>cache = on</li>
<li>section_name = Section</li>
<li>section_sort = number</li>
<li>section_result_number_show = on</li>
</ul>
<h4>Explanation</h4>
<ul>
<li>first_image_mode is the feature you can show a image per a post without configuring the search strings. Default of this attribute is “off”. If you set first_image_mode=on, you can use the following two settings.</li>
<li>image_order_by is the method of ordering the searched images within a post. You can use “title” or “date”. This attribute is enabled only when first_image_mode is on.</li>
<li>image_order requires the sort type within a post. You can use “ASC” or “DESC”. Uppercase only. This attribute is enabled only when first_image_mode is on.</li>
<li>term_id requires unique ID(s) of tags or categories(You can check Term IDs on ‘Post -> Category’ on Dashboard.). You can use several IDs like ‘term_id=1,3,10’. Numbers only. Or you can search all of your categories with ‘term_id=ALL’ (Uppercase only).</li>
<li>order_by is the method of ordering a list of the images(posts) in the output. You can use “title” or “date”.</li>
<li>order requires the sort type in the output. You can use “ASC” or “DESC”. Uppercase only.</li>
<li>str is a search string. The search string must be a part of the file name of images you uploaded. This plugin searches “post_title”(these are seen in “MEDIA LIBRARY” -> “FILE” or “TITLE”) in your wordpress database for the string. This string is required to be SQL LIKE condition string. Please refer to <a href="http://www.techonthenet.com/sql/like.php" rel="nofollow ugc">SQL LIKE condition</a>.</li>
<li>lmit is a limit of the images that is shown. Write this attribute like ‘start number,the number of posts‘ . example, ‘limit=0,30’ . You can also use this like ‘limit=20,30’.</li>
<li>size is the size of the images. “thumbnail” or “medium” or “large” or “full”. These actual sizes are based on your WordPress settings.</li>
<li>design is the type of the output design. “1” to “5” at present. “design=4” and “5” uses jQuery and jQuery UI. “design=4” uses <a href="http://jqueryui.com/demos/accordion/" rel="nofollow ugc">Accordion</a>. “design=5” uses <a href="http://jqueryui.com/demos/tabs/" rel="nofollow ugc">Tabs</a>.</li>
<li>item is the number of images per a section on “design=4,5”. This attribute is enabled only when “design=4,5”.</li>
<li>column is the number of columns. This attribute is enabled only when “design=2,4,5”.</li>
<li>date_format is the date format. Please refer to <a href="http://php.net/manual/en/function.date.php" rel="nofollow ugc">PHP.net date format</a>.</li>
<li>date_show is a switch to show posts’ date or not. You can use “on” or “off”.</li>
<li>title_show is a switch to show posts’ title or not. You can use “on” or “off”.</li>
<li>cache is a switch to cache the output. You can use “on” or “off”. If you set “cache=on“, the output cache will be created in the plugin directory. This cache file will be renewed when you publish a article or edit a article.</li>
<li>section_name is the section name in “design=4,5”. You can change the section name as you like.</li>
<li>section_sort is the method of sorting section in “design=4,5”. You can set “number” or “category” to this attribute. If you set “category” to this attribute, “limit” will be the limit number of images per a category. And please be careful, using “section_sort=category” takes a little long time, so I recommend you to use “cache=on” at the same time. As for the order of categories, those are ordered by “term_id” you set. If you set “term_id=2,4,6”, the order of the categories is “2,4,6”. So if you want to change the order, you should set it like “term_id=6,2,4”.</li>
<li>section_result_number_show is a switch to show the number of your search result. You can set “on” or “off”. But this attribute is effective in “design=4,5” and “section_sort=number”.</li>
</ul>
You can also change design of the output with CSS. output HTML tags, table, div have a class=”img_arc”. div before a image have a class=”img_arc_img”, div before text have a class=”img_arc_text”.
<h4>CSS example</h4>
<blockquote>
table.img_arc { 
  border: 0 none; 
} 
div.img_arc_img, div.img_arc_text { 
  text-align: center; 
  line-height: 1; 
} 
div.img_arc_text a { 
  text-decoration: none; 
} 
</blockquote>
When you use jQuery UI designs, please refer to <a href="http://jqueryui.com/demos/accordion/" rel="nofollow ugc">Accordion</a>, <a href="http://jqueryui.com/demos/tabs/" rel="nofollow ugc">Tabs</a>. jQuery automatically will add classes with outputted elements.
As for the color themes of Accordion(design=4) and Tabs(design=5), these themes are changeable. If you want to change themes, visit jQuery UI(http://jqueryui.com/themeroller) and download a theme file. Then, extract it, and overwrite the files of this plugin(/css/) with the downloaded files(/css/THEME_NAME/). In order to overwrite the files, you need to use FTP or else. The files is located under your wordpress folder(/wp-content/plugins/image-archives/css/).
<h4>Frequently Asked Questions</h4>
<ul>
<li>
I want to show a chosen image in a post! 
In order to show specific images, I recommend you to name image files nicely. 
For example, if you name images like “aaa-1.jpg“, “bbb-2.jpg“, “ccc-3-IWantToShowThis.jpg“, you can search your database for “ccc-3-IWantToShowThis.jpg” with “str=%IWantToShowThis“. 
In other words, I recommend you add “-thumb” or something to the suffix of your specific image filename. Then search for it.
</li>
<li>
I want to show a monthly archive. 
It is basically impossible with this plugin. But technically, it is possible. As I explained above, name the filenames nicely. 
If you name images like “2012-01-abc.jpg“, “2012-01-vvv.jpg“, “2012-02-112.jpg“, you can search for posts in 2012/01 with “str=2012-01-%“. 
I received many questions or requests about this. If you want a monthly archive, please use other plugins.
</li>
<li>
I want to search all categories or tags. 
Use “term_id=ALL”.
</li>
<li>
I want a paging system on this plugin. 
Sorry, a paging system is not supported by this plugin so far. But alternatively, you can use your wordpress function. 
When you write a article, you can use “<!–nextpage–>” as WordPress quicktag. This is similar to “more” tag. 
This is a WordPress function. Refer to this (https://codex.wordpress.org/Styling_Page-Links). 
Exmple, 
[image_archives first_image_mode=on ******* limit=0,30] 
<!–nextpage–> 
[image_archives first_image_mode=on ******* limit=30,30] 
…..
</li>
</ul>

Image Archives

Image Archives is a wordpress plugin that displays images from your published posts with a permalink back to the post that the image is connected to.

AF themes

Blockspare

Building a professional blog, news, magazine, or business website often requires a lot of time spent on layouts, post presentation, responsiveness, and design consistency. Many users want polished results without writing custom code or assembling everything from scratch.
<a href="https://blockspare.com/" rel="nofollow ugc">BlockSpare</a> helps you build faster by providing a growing library of ready-to-use Gutenberg blocks, patterns, and starter templates — designed specifically for content-rich and business websites.
<h3>The BlockSpare approach</h3>
Instead of starting with a blank editor, BlockSpare lets you start with structured, production-ready layouts that you can customize visually using the WordPress Block Editor.
BlockSpare focuses on: 
✅ Practical layouts for real websites 
✅ Flexible post display and filtering 
✅ Reusable patterns and templates 
✅ Clean output and editor-first workflow
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/JHNIdv4C690?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>What you can build with BlockSpare</h3>
BlockSpare includes blocks and templates designed for: 
👉 <a href="https://demos.afthemes.com/covernews/my-portfolio/" rel="nofollow ugc">Blogs & personal websites</a> 
👉 <a href="https://demos.afthemes.com/morenews/moreblock/" rel="nofollow ugc">News & magazine portals</a> 
👉 <a href="https://demos.afthemes.com/reviewnews/ministry-of-culture/" rel="nofollow ugc">Business & agency websites</a> 
👉 <a href="https://demos.afthemes.com/covernews/pizzaworld/" rel="nofollow ugc">Landing pages & marketing sections</a> 
👉 <a href="https://demos.afthemes.com/reviewnews/gutenberg/" rel="nofollow ugc">Content-heavy editorial layouts</a>
It allows you to assemble pages quickly while keeping full control over typography, spacing, colors, and responsiveness.
<h3>Key features</h3>
Starter Templates: 
👉 500+ pre-built pages 
👉 100+ landing pages 
👉 200+ sections 
👉 50+ header/footer templates 
👉 One-click import or copy/paste into any page
Post Presentation: 
👉 Post Grid, Post List, Post Tile 
👉 Post Slider, Post Carousel 
👉 Masonry Layout 
👉 Trending posts and news Ticker 
👉 Timeline and large featured layouts
Image & Gallery Blocks: 
👉 Image Slider 
👉 Image Carousel 
👉 Masonry Gallery 
👉 Logo grid
Business & Utility Blocks: 
👉 Pricing Table & Price List 
👉 Testimonial 
👉 Services & Content Boxes 
👉 Call-to-Action 
👉 Counter & Progress Bar 
👉 Tabs & Accordion 
👉 Notice Bar, Date & Time
Customization & Controls: 
👉 Multiple layouts 
👉 Typography settings 
👉 Colors and backgrounds 
👉 Spacing and gaps 
👉 Border, radius, and shadow controls 
👉 Responsive visibility options
Customization & Controls: 
👉 Save your own reusable patterns 
👉 Copy/paste sections between pages 
👉 Build layouts visually using Gutenberg 
👉 No lock-in, no shortcodes
Performance & Compatibility: 
👉 Lightweight and optimized codebase 
👉 Works with any Gutenberg-compatible theme 
👉 Compatible with other block plugins
<h3>Starter templates & demos (highlights)</h3>
Import a complete starter layout and customize it for your content:
<ul>
<li>News & Magazine: <a href="https://demos.afthemes.com/morenews/horizon-times/" rel="nofollow ugc">General News</a>, <a href="https://demos.afthemes.com/covernews/hybridnews-dark/" rel="nofollow ugc">Sports</a>, <a href="https://demos.afthemes.com/morenews/info-update/" rel="nofollow ugc">Entertainment</a> </li>
<li>Lifestyle: <a href="https://demos.afthemes.com/morenews-pro/news-nova/" rel="nofollow ugc">Fashion & Lifestyle</a>, <a href="https://demos.afthemes.com/newsever-pro/birds-blog/" rel="nofollow ugc">Travel</a>, <a href="https://demos.afthemes.com/covernews/pizzaworld/" rel="nofollow ugc">Recipes</a> </li>
<li>Business & Agency: <a href="https://demos.afthemes.com/reviewnews-pro/generic/" rel="nofollow ugc">Corporate</a>, <a href="https://demos.afthemes.com/morenews-pro/business/" rel="nofollow ugc">Agency</a>, <a href="https://demos.afthemes.com/covernews/human-rights/" rel="nofollow ugc">Legal</a>, <a href="https://demos.afthemes.com/covernews/real-estate/" rel="nofollow ugc">Construction</a> </li>
<li>Education & Nonprofit: <a href="https://demos.afthemes.com/reviewnews/generic/" rel="nofollow ugc">Education</a>, <a href="https://demos.afthemes.com/morenews/child-centered-education/" rel="nofollow ugc">Montessori</a>, <a href="https://demos.afthemes.com/morenews-pro/ngo/" rel="nofollow ugc">Charity</a> </li>
<li>Healthcare & Services: <a href="https://demos.afthemes.com/morenews-pro/health-horizon/" rel="nofollow ugc">Medical</a>, <a href="https://demos.afthemes.com/morenews-pro/om-balance/" rel="nofollow ugc">Fitness</a>, <a href="https://demos.afthemes.com/covernews-pro/dental-glow/" rel="nofollow ugc">Dentist</a> </li>
<li>Other niches: <a href="https://demos.afthemes.com/morenews-pro/engineering/" rel="nofollow ugc">Real Estate</a>, <a href="https://demos.afthemes.com/covernews-pro/foodinn/" rel="nofollow ugc">Restaurant</a>, <a href="https://demos.afthemes.com/morenews-pro/vehicle-trade/" rel="nofollow ugc">Auto Service</a>, <a href="https://demos.afthemes.com/morenews-pro/pet-palace/" rel="nofollow ugc">Pet Care</a>, <a href="https://demos.afthemes.com/covernews/apps/" rel="nofollow ugc">Technology</a></li>
</ul>
Browse all starter templates: https://www.blockspare.com/
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/elLCTqnQMI0?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>Blocks & Layouts</h3>
Post / News blocks 
✔ Hero banner layouts 
✔ Flash posts & news ticker 
✔ Trending posts carousel 
✔ Post Grid, Tile, List, Express Grid 
✔ Post Slider & Carousel 
✔ Timeline and full-width layouts
Image & Media 
✔ Image Carousel 
✔ Image Masonry 
✔ Image Slider 
✔ Logo Grid
Business & General 
✔ Section Header 
✔ Container & Content Box 
✔ Button, Icon, Icon List 
✔ Counter, Progress Bar 
✔ Pricing Table, Price List 
✔ Testimonial, User Profile / Author box 
✔ Tabs, Accordion, Notice Bar, Date & Time
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/keMO48vPIxY?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>Advanced post queries builder</h3>
BlockSpare includes AJAX-powered post queries builder, allowing visitors to browse posts without reloading the page.
✔ Display Posts by Category 
✔ Display Posts by Tags 
✔ Display Posts by Modified Date 
✔ A–Z / Z–A ordering 
✔ Ascending / Descending 
✔ Menu Order 
✔ Random order
AJAX pagination helps users explore more content within the same section.
<a href="https://www.blockspare.com/" rel="nofollow ugc">Try it Now</a>
<h3>How it works (3 simple steps)</h3>
<ol>
<li>Choose a template or block from the Patterns Library or demo gallery. </li>
<li>Import or copy it into your page or post</li>
<li>Customize content and design using Gutenberg</li>
</ol>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/jmuK1o6U9mQ?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Recommended Themes
BlockSpare works with all modern WordPress themes and has been tested with:
✔ <a href="https://wordpress.org/themes/covernews/" rel="ugc">CoverNews</a> 
✔ <a href="https://wordpress.org/themes/chromenews/" rel="ugc">ChromeNews</a> 
✔ <a href="https://wordpress.org/themes/morenews/" rel="ugc">MoreNews</a> 
✔ <a href="https://wordpress.org/themes/reviewnews/" rel="ugc">ReviewNews</a> 
✔ <a href="https://wordpress.org/themes/newsphere/" rel="ugc">Newsphere</a> 
✔ Twenty Twenty-Five 
✔ Astra 
✔ Ocean WP 
✔ Blocksy 
✔ Kadence 
✔ Generatepress 
✔ Neve 
✔ <a href="https://wordpress.org/themes/author/afthemes/" rel="ugc">And all themes from AF Themes</a>
<h3>Other Plugins by AF themes</h3>
If you find BlockSpare useful, you may also like:
<a href="https://wordpress.org/plugins/templatespare/" rel="ugc">TemplateSpare:</a> 1000+ starter templates and full site import/export solution.
<a href="https://wordpress.org/plugins/elespare/" rel="ugc">EleSpare:</a> News, magazine, and blog addons for Elementor.
<a href="https://wordpress.org/plugins/wp-post-author/" rel="ugc">WP Post Author:</a> Author box, co-authors, and guest author management.

BlockSpare – Gutenberg Post Grid Blocks for News, Magazine & Blog Websites

Create post grids, sliders, filters, tickers and magazine layouts with Gutenberg blocks for news, magazine and blog websites.

Image Archives vs BlockSpare – Gutenberg Post Grid Blocks for News, Magazine & Blog Websites