This is plugin lets you add your 500px.com gallery to a page in your blog using the [jsg500px] shortcode.
The gallery is made with galleriffic and the images are retrieved from 500px.com using the user feed.
It’s possible also to define a custom CSS in your template folder to customize completely the gallery.
See the plugin in action here: http://micz.it/fotografia/500px/
Using a custom CSS file
You can customize the look of the gallery using a custom CSS file.
The file must be named
wp-500px-jsgallery.css and copied in your theme root folder, the same where is stored the theme
This custom file will be loaded after the standard plugin css file, so you can modify only the elements you need, the other elements will be displayed as usual.
You can check the standard
wp-500px-jsgallery.css to see which css elements the gallery is composed of.
If you check the “Exclusive custom CSS” option in the plugin settings page, will be loaded only your custom CSS file and not the plugin default one.
If you need to modify only the thumbnails or image dimensions, you could do this via a custom css or using the dedicated options in the plugin settings page.
Plugin source files
The source files repository is available at https://github.com/micz/wp-500px-jsgallery/
- Upload the folder
wp-500px-jsgalleryand all its files to the
- Activate the plugin through the ‘Plugins’ menu in WordPress.
- Put your 500px.com username in the plugin settings page.
- Insert the shortcode [jsg500px] in the page you want to show the gallery.
- (Optional) Use the “user500px” shortcode param to set a different username for a single page.
- Can I add the gallery to a post?
No. The gallery can be added only on a page using the [jsg500px] shortcode.
- Can I add the gallery to more than one page?
Yes, and you can specify different 500px.com usernames with the “user500px” shortcode param.
To optimize your website loading times, with the “Gallery page” option you can also specify all the ids or permalinks pages on which the needed scripts must be loaded.
- Why I didn’t see all my 500px photos?
The photos displayed are only the latest ones, as published in the user feed by 500px.com.
Contributors & Developers
“WP 500px jsGallery” is open source software. The following people have contributed to this plugin.Contributors
“WP 500px jsGallery” has been translated into 1 locale. Thank you to the translators for their contributions.
Translate “WP 500px jsGallery” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
- Fixed a bug when using php < 5.4.
- Image title bug fixed.
- Google Feed API, that has been dismissed by Google, is not needed anymore. The plugin is working again.
- Minor bug fixed.
- CSS improvements.
- Links to 500px.com are now opened in a new window.
- Link to the image on 500px is now on the image title.
- 500px link is no more explicitly displayed. Now the “See this image at full size on 500px” statement is a link itself.
- New responsive CSS added. To be not disruptive only for upgrade, the “Use CSS version 1” option must be deselected to use the new gallery layout.
- CSS fix to show the thumbnails in the correct size in Firefox.
- Added an option to load exclusively the custom css file and not the default one.
- Is now possible to use the “user500px” shortcode param to set a different 500px username on a page.
- The styles and scripts can be loaded selectively on more than one page.
- Fixed missing argument 2 error for settings link in plugins admin page.
- Added css z-index to prev/next navigation controls that were not clickable.
- Better installing instruction and descriptions.
- Fixed a bug with the settings link in the plugin admin page.
- First release.