WordPress.org

Author: coppola

First of all, sorry for my bad English.

Show images that you searched in your database, and the images are linked to the permalink of posts that the images are attached to.

Sample

NOTICE

• The images that you want to show is needed to be attached to posts.
• In order to link to the permalink of a post, its post is required to be "published".

HOW TO USE

Write shortcode "[image_archives]" in the place you want to show the image archives. And you can set some attributes.

[image_archives term_id=? ordered_by=? order=? str=? limit=? size=? design=? item=? column=? date_format=? date_show=?]

Write only necessary attributes. Default settings are below.

You can also use the function of this plugin. In order to use the function, write wp_image_archives(); within php code. And in order to use the attributes, write like below.

wp_image_archives ('term_id=9&order=DESC&design=1');

Default values

• term_id = 1
• order_by = title
• order = ASC
• str = %_logo
• limit = 0,50
• size = medium
• design = 2
• item = 9
• column = 3
• date_format = Y-m-d
• date_show = off

explanation

• term_id requires unique ID(s) of tags or categories. You can use several IDs like 'term_id=1,3,10'. Numbers only.
• order_by is a method of ordering a list of the images. You can use "title" or "date".
• order requires a sort type. You can use "ASC" or "DESC". Uppercase only.
• str is a search string. 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 SQL LIKE condition.
• lmit is a limit of the images that is shown. Write this attribute like 'start number,end number' . example, 'limit=0,30' . You can also use this like '20,50'.
• size is the size of the images. "thumbnail" or "medium" or "large" or "full".
• design is the type of output design. "1" to "5" at present. design=4,5 use jQuery. design=4 uses Accordion. design=5 uses Tabs.
• item is the number of images per a page(section). This attribute is enabled only when "design=4,5".
• column is the number of columns. This attribute is enabled only when "design=2,4,5".
• date_format is the date format. Please refer to PHP.net date format.
• date_show is a switch to show posts' date or not. You can use "on" or "off".

You can also change design of table with CSS. output HTML tags, table, td, a, img, p, have a class="img_arc". div before a image have a class="img_arc_img", div before text have a class="img_arc_text". And if you show posts' date, on design=1 and 2, p before the post date have a class="img_arc_date".

CSS example

table.img_arc {
  border: 0 none;
}

div.img_arc_img, div.img_arc_text {
  text-align: center;
  line-height: 1;
}

a.img_arc {
  text-decoration: none;
}

As for jQuery design CSS, please refer to Accordion, Tabs.