The Shiba Gallery Plugin allows you to display your WordPress galleries using a variety of Javascript libraries including Noobslide, TinySlideshow, SlimBox, Lytebox, Popeye, Picture Slides, and the WordPress native gallery.
You can display as many galleries as you want, and have different types of galleries within the same blog page.
Here is a detailed description of the Shiba Gallery Plugin.
New features for for Shiba Gallery 3.5 –
1. Link Argument
You now have the option to set your gallery links to file, attachment, or none.
- link = “file” – Points gallery links to the source files.
- link = “attachment” – Points gallery links to the image attachment page.
- link = “none” – Just includes the title of the image with no link.
For example –
[gallery id="8686" frame="black" link="attachment" size="(220,220)"]
link="attachment"
link="none"
You may also assign a default link type to all your blog galleries and images. This is done through the new Shiba Gallery options menu in Media >> Shiba Gallery.
Look under Set Default Link, and pick the link type of your choice through a drop-down menu.
Once you are done with these settings, click on the Save Options button at the bottom of the page.
2. Expanded Caption Shortcode
The standard WordPress caption shortcode has been expanded to deal with images and galleries.
For example –
[caption align="alignleft" width="220" frame="green" caption="frame='green'"] <img src="http://shibashake.com/wordpress-theme/wp-content/uploads/2011/07/Artist_Picture_Thumb5.jpg"/> [/caption]
You may now specify which frame to use for an image within the caption shortcode. Images that are not captioned (e.g. emoticons or gravatar images) will no longer be framed.
You may also use the caption shortcode with galleries.
For example –
[caption align="aligncenter" caption="This caption shortcode contains a gallery instead of an image."] [gallery id="8686" size="large"] [/caption]
This caption shortcode contains a gallery instead of an image.
3. Lytebox
The Lytebox gallery by Markus F. Hay has been added back to the plugin as requested by Shelley.
SlimBox is more efficient than Lytebox but it does not resize images that are larger than the browser window whereas Lytebox does. Therefore, if you have really large images or odd-sized images that extend outside the browser window, then you may want to use Lytebox instead of SlimBox.
The Lytebox gallery has been added back to the plugin
Shiba, I am using an older version of your plugins, Shiba Media Library 2.9.4 and Shiba Gallery 3.1.8. I am curious if you have made it possible to easily order the pictures within a gallery. Currently I modified one of your files to do an ‘order by’ (on picture name I think) which means I have to rename my pictures to reorder them. Is there a better way to do this now?
Thanks!
Media Library 3.3 allows picture ordering within galleries.
http://shibashake.com/wordpress-theme/shiba-media-library-3-3
Hey Shiba! I am in the process of updating my site to take advantage of Shiba Gallery 3.5 and Shiba Library 3.3. I have a few galleries and I can resort my pictures by dragging them around and saving the gallery in all but one of my galleries. Any idea what would cause this?
In WordPress Admin in the Gallery page where I can resort the images it saves the order there, but when I go to the actual page that displays the gallery the order is not reflected there.
Any suggestions? This only happens with one of my galleries and from what I can tell there is nothing really different about them.
Thanks!
Hello Erik,
Is the gallery published? There may be a bug in there where the ordering is not saved when the gallery is unpublished.
Another possibility is to set the orderby attribute in your gallery shortcode to ‘menu_order ID’. This should be the default, but maybe it is getting over-written somewhere else.
Shiba, this update is fantastic! My problem was I had an old orderby attribute lingering around on the 1 gallery… stupid tired mistake on my part.
Thanks again for your work!
I added the jQuery Galleria plugin (http://galleria.aino.se/) into Shiba Gallery and I think it is a great gallery to have available. You can see it at my website: http://www.poseidonspears.com. Let me know if you want me to zip up everything and send to you. You can diff the changes and see if you want to incorporate into your baseline.
Thanks,
Erik
Thanks Erik. I really like the look of your website and the Galleria picture gallery.
I will definitely look into adding it on the next iteration of the plugin.
Shiba, I already have the coding done to add Galleria into Shiba Gallery. It was quite simple and really didn’t take that much code at all to get things working.
I can send you the code so you can review it and decide if you want to include as is or if you want to refactor it a bit. Either way it should save you a bit of time instead of redoing the work I’ve already done to add it.
Send me an email if you are interested and I will email you a zip of everything.
Hi Shiba
I’m putting a WordPress site together for my daughter to display her photos.
Site will use Genesis child theme and Genesis recommend your plugin for a gallery so here I am.
Question, you say:
“Therefore, if you have really large images or odd-sized images that extend outside the browser window, then you may want to use Lytebox instead of SlimBox.”
Her images will be all shapes and sizes, so I guess I should be using Lytebox – is that right.
BTW – love the site, a real one-off.
Hello Keith,
Slimbox will not extend the pop-up image window to be wider than the browser. However, it is much more efficient than Lytebox.
I would use Slimbox unless it is absolutely necessary to use Lytebox, i.e., if the images are so big that they are larger than the browser window.
Thanks for your kind words. š
Hi!
I use noobslide_thumb option. I needed to move gallery from the center of a page to the left side of a page and I added next css-code:
.noobmain {
float: left;
}
But when I’m trying add margins (for the space between the gallery and a text from a post) they are ignored.
Could you help me?
You could use captions, for example –
[caption align="alignleft" width="260" caption='blah']
[gallery]
[/caption]
Alternatively, try enclosing the gallery shortcode in a parent div with alignments and margins.
I don’t understand what file I edit and where in the code I’m supposed to change to change the size of the slideshow?
http://www.puipuiphotography.com/?gallery=gallery-travel
As you can see it’s tiny. Also, I like that it allows people to click “play”, but I’d also like it to autoplay. I tried using the “tiny” type that allowed autoplay, but it looked like each photo was dumping on top of the other so presentation was not good.
please advise.
At the moment you can hook into ‘the_gallery_content’ filter to change the gallery shortcode using PHP.
In the next release I will include that in the Media Library plugin options interface.
Hi ShibaShake
This is probably a silly question but how do u update the Shiba Gallery plugin on a wordpress site? I downloaded the updated gallery zip file and tried to upload it to my wordpress site via the plugin screen, but it kept complaining the gallery already exists. I was hoping it would update like other plugins by clicking update link, but may be i’ve missed something ??
Dee
Sorry i meant to say i already use Shiba Gallery 3.3 and i’m try to update to the latest 3.3 version. I have recently upgraded my wordpress to 3.1 too. It won’t let me update your gallery.
Dee
Hello Dee,
To update –
1. Deactivate the Shiba Gallery plugin.
2. Delete the Shiba Gallery plugin.
3. Reinstall the new Shiba Gallery zip.
The update link only appears for plugins that are in the WordPress.org directory.
Hi again.
I want to hide galleries as stand alone pages and being listed in archive pages in the front-end. I just want them embedded but not “public” by themselves. Where do you register their post types? I looked in the core WP post.php and made attachments not public, but it wasn’t the solution?
Thanks!
Are you also using Shiba Media Library?
Gallery objects are defined in Shiba Media Library in the shiba-mlib-permalink.php file.
Fantastic, that’s just what I needed (yes I am also using Media Library).
Many thanks for the support and for the fabulous plugins!
Thanks for the feedback !
1) I’d try autoplay: true in shortcode but it did not work. I did look in.php but the setting (on walkup) was the setting that I saw.. so I didn’t mess around with it.. I’ll give your code a try and get back to you if I have any q’s
2) I did try short code [gallery size="(250,300)"] in my widget area with noobslider_4 but it was very ugly. the excerpt content truncated, and it looked hack, so I don’t think noobslide is going to work without some work. Most people us widgets, so, you should add a gallery for widgets…hint..hint…
3) My take on the galleries that they are not adaptable easily to the widget area, the little black boxes, sliders, and everything else does not seem downwardly scaleable and although you provide some very good instructions, I’m a plug and play kind of person. so writing code is not my thing……
New !!
How can I modify the excerpt fonts ? I looked in css and php for my theme and did not come across anything, your noobslide boxes are all nicely formatted…..how’d you do that ???
thanks for your help. I really appreciate it…. and yes, you ‘should write a tutorial on this’, for Yarrp…I’ll beta test it š
thanks
Ed
That is a very good point. I will add that onto my todo list.
You want to check what div container it is in, then you can change the CSS of that container. If you use Google Chrome, it has a great tool where you can right click in any area of the browser window and pick “Inspect Element”. This will show you the div and parent divs of your selection as well as the CSS associated with it.
For example, the excerpt font of your theme seems to be defined in –
#main .primer_post .contenido { font-family: ‘DriodSans’; … }
You can also do this in Firefox by installing the Firebug plugin.
I upload hte theme and the new YARPP fix is working. I can use related=”1″, then content will appear. I don’t think this is a bug, but, I cannot limit the postnumbers, it is defaulting to the YARPP settings…..
thanks for the update.
I’d was wondering how you are able to format the except content in the noobslider nativex ? Can you direct me to somewhere that you addressed this on you site that provides some details…
thanks again….
Check out the gallery shortcode description in the WordPress codex –
http://codex.wordpress.org/Gallery_Shortcode
[gallery exclude="21,32,43"]
At the moment though, I don’t think it will work with YARPP, but it is something I will fix in the next patch. I will put it onto my to-do list.
Can I exclude tags? I tried exclude=”DVD” but nothing happens. Or will it only work with IDs?
Thanks!
Exclude only works with IDs.
Your plugin has been such a life saver!!
Can you please advise how to implement directly in a PHP template, instead of using the shortcode? I have been parsing the shortcode using the_content() but I need to concat other parameters such as INCLUDE or TAGS via custom fields.
Thanks!
http://shibashake.com/wordpress-theme/shiba-gallery-3-3#comment-3107
Hello,
I’ve came across your plugin and just recently began to work on understanding the short-code. You have done a very good job providing examples and content. In order to get the plugin to work I have had a few issues resetting some of my theme options but that issue is behind me.
I have two questions and perhaps you can help with further advise.
1) I have the YARPP plugin (love it) and cannot get similar results that you have using the recent= parameter. When I add [gallery type="noobslide_nativex" numberposts="3" related="1" size="thumbnail"] to my post, the output with this plugin is only one article, and that is the article of the current post. However the Yarpp plugin will list 5 related posts. So I know there is related content, but the Shiba plugin isn’t picking them up. Do I need to set another parameter up somewhere ?
2) I’d like to use the plugin content for in a widget. It is perfect application for this. I have found your instructions for adding code to the function.php…..but I have tried adding the code you provided into various locations and am still having no luck, any specific location suggestions would be appreciated…
// Add to the init function of your functions.php file
add_filter(‘widget_text’, ‘do_shortcode’);
thanks,
Ed
Re: YARPP –
YARPP uses a new caching system in version 3.2 so I had to update some things in the Shiba Gallery plugin to make it compatible. I have updated the plugin zip file. Try downloading and reinstalling the plugin.
Re: Widget –
I did the following on my test environment and it seems to work –
1. Put the add_filter code in the init function of your theme functions.php file. Make sure it is regular single quotes not the pretty single quotes. I.e.
add_filter('widget_text', 'do_shortcode');2. Add a text widget into the widget area of your choice.
3. Add the relevant gallery shortcode into the text widget.
Let me know how it goes.
Hello,
I’ve been successful using your Gallery plugin, and reworked a few recent Blog Posting to add gallery content. It is very cool to have access to 5 galleries…..and have the adaptability to create a look for particular post using gallery content is something I have been searching for…
One thing, I’ve done to try is to use the WP sticky page function and use noobslider_8 as sort of Blog Content Container….we’ll see if I like that….I think some Css, fonts and very small thumbs needed
——————
I was able to get a bit more info on a goggle search on your functions.php suggestion. The tip was ranked #3 for WP users because of ease of use and expandability. I went back into my functions.php and found add_action {Init function, near the top of the file, the tip was to add it between , so I added the code, and was successful later adding gallery content to my widgets ! Very cool stuff.
http://fritzimages.com/blog/2011/2011-feb-blog/8113/
———–
I will try to download the latest version of the plugin and give it a try.
thanks !
——
I have a few new questions, but before I get to them, I have to tell you, that your site is full of excellent and unique plugins which are very very imaginative and useful. I did a short piece on my site about your gallery plugin……..
I also installed your Media plugin, it is very helpful trying to get WP media content to use by using tags. I prefer tags and your Media plugin has also found its way into improving my workflow….thank you..
——–
I did bump up against a bug (?) in the media plug in. In Edit Gallery, section: Gallery Images, once files were imported based on the tags, the Detach from Gallery function did not work. I tried selecting from the drop down box numerous times and images did not detach……..is there something I’m doing incorrectly ?
———-
On another issue of a large scope, If I add a gallery such as NoobSlide_8 on regular Blog page it will display. What I’d really like to do, is have Noobslide 8 display on the Single Post page, that is the page which open when you click on the main blog page. I hope I’m clear..because I think this may be a cool thing……..YARPP has templates, which display ‘related’ info based on a particular template format..that is to say, when you open up a Blog page to a single page, I could not figure out how to recode the template to add the functionality to use the Gallery because I don’t have that much skill at php, but if noobslide was in the YARPP template, then your visitor would open your main Blog page, have the blog content, then the related content in a Noob gallery. Just a though….////
——–
See you got my creative juices going……
There are almost no plugins out there that do a good job with recent post streaming in widgets. I’ve looked and looked….Yesterday after loading your plugin, I got to thinking that I could use the shortcode and Noobslide_4 in a sidebar widget,,,,,,however after hours of trying, I could not figure out how to fully modify Noobslide_4 to 1) auto run (well I did manage a hack), 2)have a format size of 250,300, 3) element the little black boxes at the base. I think if it could be cleaned up, that it’d be an interesting use of the gallery plugin. I got as far as I could, and have it up on my site on the link above..
—–
Oh and finally, I got to thinking that I’d try the parallel downloading, but was fearful of quickly diving into it using your media plugin. Your plugin got me thinking, I’m very new at the subdomain thing and needed more information and safety net in case something went wrong…. I tried another plugin, linked to a video to established 2 subdomains using cpanel, then changed and modified Plugin settings and turned my website on, and all my Image content displayed as question marks. I’m using W3t cache and maxcdn so I think my .htacess has some issues. The plugin author is looking into for me…WP Parallel Loading System
—
All in all an active weekend, you do have some wonderful and creative content on your site and I’m glad I found it, it has benefited in a number of ways. I know your busy and don’t expect any resources on my comments, however you may want to consider the feedback for future releases…..
Ed
Hello Ed,
Yeah, the Detach function only works for images that are manually attached using the Attach function. The Attach function creates a parent-child relationship between the gallery and the image it contains. This is the standard WordPress interface for getting images into galleries.
The tag system is a bit different in that it allows you to attach tags onto the images. You can then perform queries based on those tags.
Do you mean you want to automatically add a Noobslide8 YARPP gallery onto each single post page? In my own blogs I hook into the ‘the_content’ filter and just add the gallery shortcode to the end of all my posts and pages.
I should write a tutorial on this. It is not too difficult to do.
Those are all very good questions.
To autorun you just need to add autoPlay: true into the noobSlide javascript. Try doing this –
1. Open the shiba-noobslide.php file.
2. Go to line 134, which current looks like this – handles: $$(‘#handles$shiba_gallery->nsNum span’),
3. Add
before it.
Noobslide is a very powerful gallery because you can easily plug and play with the different elements to create your own gallery. Here is a more advanced tutorial on how to extend the plugin with your own noobslide galleries –
http://shibashake.com/wordpress-theme/create-your-own-noobslide-gallery
Use the size argument within the gallery shortcode. For example –
[gallery size="(250,300)"]
I am not sure what you mean by this. Do you mean you want to remove the Show:Title text? Or just switch the position of the Show text and the numbers? Noobslide is very flexible so you can easily combine all the elements from different galleries together to create your own design.
Thanks for all your useful feedback and for your very kind words.