This is a new version of the Accordion Image Menu Plugin that fixs some bugs and includes new features.

New Features

• Horizontal and Vertical position for the menus.
• You can include more than one menu in your pages.
• The shortcode allows several options.
• Title background option included.

Example

This example use the following options:
cat=”6″
position=”horizontal”
number=”5″
element_open=”1″
fixed_d=”190″
open_d=”240″
closed_d=”100″
effect=”Back”

Shortcode Options

a-image-menu option=”values”

position
vertical/horizontal.

number
Number of post (Recent Posts). If you use this option or the the option cat this shortcode will work just for the list of recent post.

cat
Post under categories separated by comma.

effect
Back, Bounce, Cubic, Elastic, Expo, Pow, Quad, Quart, Quint, Sine

close_d
Elements dimensions when the image is closed

open_d
Elements dimensions when the image is open (mouse over)

fixed_dim
Menu dimension that not change width for vertical height for horizontal

duration
Duration of the  closed/open movement (milliseconds)

border
Border between elements

element_open
Element opened by default (1,2,3,4,5.. randomly)

title_bg
Use background for titles

Use
Just include the shortcodes in your post/pages or theme files. In the first release post you can find more details.

Download

accordion-image-menu on wordpress

All suggestion and comments are welcome.

The first release was based on “address”, then to include a point on the maps new instance of google geocoder was need, but google limits the number of this kind of request, read more here.

In this version new custom field “google-map-sc-latlng” was included to save the (Latitude,Longitude) for each address entered:

Now, you can include points on your maps using one of this custom fields considering this:

• If you use “google-map-sc-address”, the first time that you display a point, the “google-map-sc-latlng” value will be generated automatically.
• In order to use “google-map-sc-latlng” you need to include the latitude and longitude separated by comma.
• If you update “google-map-sc-address” you must delete the “google-map-sc-latlng” cause this point will be located based on the previews address.
• You can use “google-map-sc-latlng” only.
• If you are planning to display large number of point is better to use “google-map-sc-latlng” or generate them one by one to avoid large number of address requests at the same time. You can generate latitude and longitude using for instance: http://www.batchgeocode.com/lookup/
• You can attache more than one point per post/page but based on address or (latitude,longitude) see the example bellow.
• If you are displaying all the points under specific category, just the first costum field of each post will be used.

The shortcode options can be found in the first release.

Examples

This example shows the points attached to the posts under the category 42 cat=”42″ and display the links to the points at the bottom of the map, external_links=”true”.

and the custom fields looks like this:

Using the post “id” id = “335″.

Using specific address option in the sortcode (not the custom field) address=”3501 S.W. 130th Ave., Davie 33330″,width=”250″, height=”250″ and zoom=”8″.

Notes

The Info Window is showed when you are displaying post on your maps for example the posts under a category or when you use the post ID, just in these cases make sense to display the the title, thumbnail and excerpt of your posts.

You can change the html and the css of the Info Windows to cutomize it.

The shortcode name is google-map-sc

Download

google-map-shortcode

Add your suggestions, support the plugin.

The shortcode looks like:

and the custom field name is:
google-map-sc-address

Example

This map shows 5 popular events and the shortcode looks like:

• Allows to include more than one google map instance on your pages.
• You can use the shortcode on your post, pages and theme files.
• When you click on a point in the map the window box opened shows part of the content of your posts (post title, thumbnails, excerpt).
• You can customize the html of the info window box on your maps.
• One custom field define the address of a post.

Installation

Unzip the google-map-sc file into your plugins folder and activate it.
Go to the Google Map Shortcode Options page under settings and Insert your Google Api Key .

Use

Insert the address in the google-map-sc-address custom fields on your posts or pages.
Decide where to show your maps and paste the shortcode in there.
In your post/page using:

In your theme files using:

Shortcode Options

This shortcode support the following options:

address
You can include a map with a single specific address. For example:

id
The Map will display the address assigned to the post with this id. When you create or edit a post or page you will have a Custom Field with the name google-map-sc-address to assign an address to this entry.

cat
Display on the map all the address assigned to the posts under this specifics categories separated by comma.

number
(1 to 10) Number of points on the map.

zoom
Default 10. Initial zoom of your map.

width
Default 400. Width of your map

height
Default 400. Height of your map.

external_links
Include the links to the map points outside of the map

Note:

There is a limit in the number of requests to the google map services, so you can not include more than 10 points on maps by page,  read more here on Google Map API FAQ.

Download

google-map-shortcode

Support this and others plugins.

Date: September 21-25, 2009

« back to google map shortcode

Integrate into your front-end nice javascript effects like Thickbox, Lightbox, Slimbox , Milkbox, Lightview is a plus, but would be better if you don’t need to touch the html code for it. That’s why the CMS technology exists.

After developing the plugin Wp ThickBox Integration,  I decided to extend this features to “Lightbox” a cool jquery plugin to overlay images on the current page. In this case you can decide in the  admin “images setting panel” if you want to “Open your images using Lightbox”.

Single Image Example

Installation

1. Upload ‘flexible lightbox’ folder to the ‘/wp-content/plugins/’ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress.
3. And that’s it.

Screenshots

In this case I’m using the native gallery tag “gallery columns=2″ with the default styles.

Download

Flexible Lightbox Plugin

DO NOT make a Donation:

- If you don’t find this plugin useful,
- If you don’t believe in the Open Source Philosophy,
- If you don’t want to make your day different,

Otherwise, consider to share a small amount, one dollar could be ok

Thanks!

I include this video with some of the new features of the new 2.7 version.

Here is the plugin page.

The  “thickbox” class name is included into your image tag without touching the html. You can select an option “Open in the same window” on the Edit Image Panel.

You can include the Thickbox parameters to the URL on the Link Url field like this example to open an iframe:
Link Url: http://web-argument.com/?KeepThis=true&TB_iframe=true&height=400&width=600

Wordpress Galleries are automatically set for use Thickbox, so you just need to insert the “gallery” into your post and the “class” name and “rel” tag will be included.

The plugin uses the wordpress back-end “jquery” and “thickbox” javascript files to maximaze themes and plugins compatibilities.

Download the plugin here.

Wp Thickbox Integration

Support our project, leave your comments or make a donation.

Installation

1. Upload ‘wp rss image’ folder to the `/wp-content/plugins/` directory.
2. Activate the plugin through the ‘Plugins’ menu in WordPress.
3. Go to Settings/WP RSS Image and select the image size (Thumbnail, Medium, Full) and the feed (rss, rss2).

Settings

Feed Examples

RSS  http://web-argument.com/feed/rss/
RSS 2 http://web-argument.com/feed/

Dowload
wp-rss-image v1.00 – From wordpress plugin directory

Installation:

1. Upload alphabetical_list folder to the `/wp-content/plugins/` directory.
2. Activate the plugin through the ‘Plugins’ menu in WordPress.
3. Go to Settings/Manage/Alphabetical List and select the categories you want to order.
4. That’s it.

Screenshot:

Download.
Alphabetical List Plugin from Wordpress Plugin Directory