NoobSlide is one of the most versatile, efficient, and compelling Javascript galleries I have seen. Many thanks to its creators for making something so awesome!
NoobSlide is now part of the Shiba Gallery Plugin so that you may insert its galleries into your blog with a simple WordPress gallery shortcode.
Below are the 8 common NoobSlide examples (with very slight modifications) integrated into the WordPress gallery system. I have also added 3 more galleries using the NoobSlide system that is reminiscent of Galleria, SlideViewer and NativeX.
[Header and footer images from Tattoo Girls WordPress Theme.]
NoobSlide Sample 1
[gallery id="1969" type="noobslide_1"]
NoobSlide Sample 2
[gallery id="1969" type="noobslide_2"]
NoobSlide Sample 3
[gallery id="1969" type="noobslide_3"]
NoobSlide Sample 4
[gallery type="noobslide_4" numberposts="22" recent="1"]
Shiba Skins WordPress Theme
Shiba Skins allows you to assign images, colors, and more on a page by page basis. Theme customization options are saved into a skin, which we can then be applied to a specific post or to a group of post objects. Shiba Skins contains similar skinning functionality as Genesis Skins, but is [...]
How to Add the Media Manager Menu to the Theme Preview Interface
WordPress 3.4 added a great theme preview interface that allows us to easily customize theme options (colors, images, menus, and more), as well as quickly view those updates on a theme preview frame. WordPress 3.5 added a new media manager interface that is fast, easy to use, and awesome to [...]
Debugging the w3tc Page Cache
Recently, I had a strange issue where some pages on my multisite were being cached, and others were not. There seemed to be no clear pattern as to what got cached and what failed the cache test. At first, it seemed a bit daunting to jump into the w3tc page caching code, but it actually turned [...]
How to Translate blogs.dir CDN Files in w3tc
My main site has a WordPress Multisite setup that is divided based on directories. For example, My dog articles are in http://shibashake.com/dog/ and My art galleries are in http://shibashake.com/blog-art. In this setup, my image links look something like this - http://shibashake.com/dog/files/2012/12/dog-image1.jpg [...]
How to Create Dynamic User Agent Groups in w3tc
Currently, in the w3tc plugin, we can create user agent groups by specifying agent names, e.g. android or iphone. By using this function, we can create different caches for different sets of devices. On my blogs, I need to create different caches based on screen width. This is because I serve [...]
How to Selectively Load Plugins for Specific Pages
In a previous article, we considered how to selectively disable certain plugin functions, in order to enhance page speed. I.e., only run expensive plugin functions on page content that needs it. Disabling plugin functions may help to save us some time and resources. However, the plugin files [...]
WordPress Theme Customizer Javascript Interface
Here, we focus on understanding the javascript nuts and bolts of the WordPress theme customizer interface. This will allow us to - Extract and change theme customizer settings. Extract and change theme customizer controls. Call theme customizer functions, such as refreshes and more. [...]
Mobile Responsive Galleries and Images
Different approaches for responsive galleries and images, including their pros and cons.
How to Add the WordPress 3.5 Media Manager Interface - Part 2
How to make some simple customization to the WordPress 3.5 media manager interface.
How to Add the WordPress 3.5 Media Manager Interface
A tutorial on how to add the new WordPress 3.5 media manager interface into our own plugin or theme.
Shiba Plugin and Theme Updates for WordPress 3.5
WordPress 3.5 was released a few days ago, and we have started testing and updating our plugins. This post shows our current progress, and we will update it as we move along. Please post 3.5 bugs on this page or on their respective plugin pages. Thanks. Updated for 3.5 Shiba Plugin [...]
Setting Up MT ProCDN, W3TC, and WordPress Multisite
Recently, I decided to give Media Temples ProCDN system a try. The awesome W3tc caching plugin already supports MTs ProCDN so it was actually a pretty painless process. The only real issue that I faced was getting the image links for my directory based multisite setup to translate properly [...]
Genesis Skins - Dynamic WordPress Theme
Looking for a WordPress theme that is a bit different and suits your very individual personality? Genesis Skins is a highly customizable WordPress theme, that does not require any technical knowledge, and does not require editing of HTML, CSS, PHP, or Javascript. It combines many of the dynamic [...]
Hosting My WordPress Blog - The Good and The Bad
Recently, I just moved the hosting company for my site. Here, I review the different groups of WordPress hosting options, analyze their pros and cons, and talk about some of my experiences.
Shiba Plugin and Theme Updates for WordPress 3.4
Everything has been updated for WordPress 3.4. If you come across any new bugs, please report them on this page or on their respective plugin pages. - Updated for 3.4 Shiba Custom Backgrounds Updated for WordPress 3.4. Fixed loading background images. Cleaned up how background data [...]
How to Hook into the Media Upload Popup Interface
What is the media upload popup interface? That is simply the popup window that appears when we click on the Add Media button (for adding images and video) while in the Edit Post screen. The same interface is also currently being used for - Setting featured images in posts, and Setting [...]
Expand the WordPress Comments Quick Edit Menu
How to expand our WordPress comments quick edit menu with new custom fields, and properly save user-input values.
Add a Metabox to the Edit Comments Screen
How to expand the Edit Comments screen with a new custom metabox.
Shiba Gallery 3.7
Here is a detailed description of the Shiba Gallery Plugin. New features for Shiba Gallery 3.7 – 1. Control Thumbnail Size We can now specify thumbnail sizes for relevant galleries (Tiny Slideshow, Picture Slides, and Noobslide). Thumbnail size is set by using the tsize parameter, [...]
How to Add a New WordPress Image Size
To reduce page load speed, we want to render our blog pages with accurately sized images. WordPress only provides three standard sizes - large, medium, thumbnail. We consider how to add a new image size into our WordPress blog.
Shiba Media Library 3.3
The main addition to this update is the ability to order images within gallery objects. Shiba Media Library was tested on WordPress 3.2. [Full description of the Media Library Plugin] Order Images Within Gallery Objects We may now easily reorder images within a Gallery object. Simply [...]
How to Get the WordPress Screen ID of a Page
There are a variety of administrative WordPress hooks that are applied on a page by page basis. Some good examples can be found in the WP_List_Table object. Example hooks based on screen ID manage_{$screen->id}_columns - Add or delete columns from various administrative pages. views_{$screen->id} [...]
Show:
NoobSlide Sample 5
[gallery id="1969" type="noobslide_5"]
NoobSlide Sample 6
[gallery id="1969" type="noobslide_6"]
NoobSlide Sample 7
[gallery id="1969" type="noobslide_7"]
NoobSlide Sample 8
[gallery type="noobslide_8" numberposts="22" recent="1"]
Shiba Skins WordPress Theme
Shiba Skins allows you to assign images, colors, and more on a page by page basis. Theme customization options are saved into a skin, which we can then be applied to a specific post or to a group of post objects. Shiba Skins contains similar skinning functionality as Genesis Skins, but is [...]
How to Add the Media Manager Menu to the Theme Preview Interface
WordPress 3.4 added a great theme preview interface that allows us to easily customize theme options (colors, images, menus, and more), as well as quickly view those updates on a theme preview frame. WordPress 3.5 added a new media manager interface that is fast, easy to use, and awesome to [...]
Debugging the w3tc Page Cache
Recently, I had a strange issue where some pages on my multisite were being cached, and others were not. There seemed to be no clear pattern as to what got cached and what failed the cache test. At first, it seemed a bit daunting to jump into the w3tc page caching code, but it actually turned [...]
How to Translate blogs.dir CDN Files in w3tc
My main site has a WordPress Multisite setup that is divided based on directories. For example, My dog articles are in http://shibashake.com/dog/ and My art galleries are in http://shibashake.com/blog-art. In this setup, my image links look something like this - http://shibashake.com/dog/files/2012/12/dog-image1.jpg [...]
How to Create Dynamic User Agent Groups in w3tc
Currently, in the w3tc plugin, we can create user agent groups by specifying agent names, e.g. android or iphone. By using this function, we can create different caches for different sets of devices. On my blogs, I need to create different caches based on screen width. This is because I serve [...]
How to Selectively Load Plugins for Specific Pages
In a previous article, we considered how to selectively disable certain plugin functions, in order to enhance page speed. I.e., only run expensive plugin functions on page content that needs it. Disabling plugin functions may help to save us some time and resources. However, the plugin files [...]
WordPress Theme Customizer Javascript Interface
Here, we focus on understanding the javascript nuts and bolts of the WordPress theme customizer interface. This will allow us to - Extract and change theme customizer settings. Extract and change theme customizer controls. Call theme customizer functions, such as refreshes and more. [...]
Mobile Responsive Galleries and Images
Different approaches for responsive galleries and images, including their pros and cons.
How to Add the WordPress 3.5 Media Manager Interface - Part 2
How to make some simple customization to the WordPress 3.5 media manager interface.
How to Add the WordPress 3.5 Media Manager Interface
A tutorial on how to add the new WordPress 3.5 media manager interface into our own plugin or theme.
Shiba Plugin and Theme Updates for WordPress 3.5
WordPress 3.5 was released a few days ago, and we have started testing and updating our plugins. This post shows our current progress, and we will update it as we move along. Please post 3.5 bugs on this page or on their respective plugin pages. Thanks. Updated for 3.5 Shiba Plugin [...]
Setting Up MT ProCDN, W3TC, and WordPress Multisite
Recently, I decided to give Media Temples ProCDN system a try. The awesome W3tc caching plugin already supports MTs ProCDN so it was actually a pretty painless process. The only real issue that I faced was getting the image links for my directory based multisite setup to translate properly [...]
Genesis Skins - Dynamic WordPress Theme
Looking for a WordPress theme that is a bit different and suits your very individual personality? Genesis Skins is a highly customizable WordPress theme, that does not require any technical knowledge, and does not require editing of HTML, CSS, PHP, or Javascript. It combines many of the dynamic [...]
Hosting My WordPress Blog - The Good and The Bad
Recently, I just moved the hosting company for my site. Here, I review the different groups of WordPress hosting options, analyze their pros and cons, and talk about some of my experiences.
Shiba Plugin and Theme Updates for WordPress 3.4
Everything has been updated for WordPress 3.4. If you come across any new bugs, please report them on this page or on their respective plugin pages. - Updated for 3.4 Shiba Custom Backgrounds Updated for WordPress 3.4. Fixed loading background images. Cleaned up how background data [...]
How to Hook into the Media Upload Popup Interface
What is the media upload popup interface? That is simply the popup window that appears when we click on the Add Media button (for adding images and video) while in the Edit Post screen. The same interface is also currently being used for - Setting featured images in posts, and Setting [...]
Expand the WordPress Comments Quick Edit Menu
How to expand our WordPress comments quick edit menu with new custom fields, and properly save user-input values.
Add a Metabox to the Edit Comments Screen
How to expand the Edit Comments screen with a new custom metabox.
Shiba Gallery 3.7
Here is a detailed description of the Shiba Gallery Plugin. New features for Shiba Gallery 3.7 – 1. Control Thumbnail Size We can now specify thumbnail sizes for relevant galleries (Tiny Slideshow, Picture Slides, and Noobslide). Thumbnail size is set by using the tsize parameter, [...]
How to Add a New WordPress Image Size
To reduce page load speed, we want to render our blog pages with accurately sized images. WordPress only provides three standard sizes - large, medium, thumbnail. We consider how to add a new image size into our WordPress blog.
Shiba Media Library 3.3
The main addition to this update is the ability to order images within gallery objects. Shiba Media Library was tested on WordPress 3.2. [Full description of the Media Library Plugin] Order Images Within Gallery Objects We may now easily reorder images within a Gallery object. Simply [...]
How to Get the WordPress Screen ID of a Page
There are a variety of administrative WordPress hooks that are applied on a page by page basis. Some good examples can be found in the WP_List_Table object. Example hooks based on screen ID manage_{$screen->id}_columns - Add or delete columns from various administrative pages. views_{$screen->id} [...]
NoobSlide Sample Galleria
[gallery id="1969" type="noobslide_galleria"]
NoobSlide Sample SlideViewer
[gallery id="1969" type="noobslide_slideviewer"]
NoobSlide Sample NativeX
[gallery type="noobslide_nativex" numberposts="6" recent="1"]
Shiba Skins WordPress Theme
Shiba Skins allows you to assign images, colors, and more on a page by page basis. Theme customization options are saved into a skin, which we can then be applied to a specific post or to a group of post objects. Shiba Skins contains similar skinning functionality as Genesis Skins, but is [...]
How to Add the Media Manager Menu to the Theme Preview Interface
WordPress 3.4 added a great theme preview interface that allows us to easily customize theme options (colors, images, menus, and more), as well as quickly view those updates on a theme preview frame. WordPress 3.5 added a new media manager interface that is fast, easy to use, and awesome to [...]
Debugging the w3tc Page Cache
Recently, I had a strange issue where some pages on my multisite were being cached, and others were not. There seemed to be no clear pattern as to what got cached and what failed the cache test. At first, it seemed a bit daunting to jump into the w3tc page caching code, but it actually turned [...]
How to Translate blogs.dir CDN Files in w3tc
My main site has a WordPress Multisite setup that is divided based on directories. For example, My dog articles are in http://shibashake.com/dog/ and My art galleries are in http://shibashake.com/blog-art. In this setup, my image links look something like this - http://shibashake.com/dog/files/2012/12/dog-image1.jpg [...]
How to Create Dynamic User Agent Groups in w3tc
Currently, in the w3tc plugin, we can create user agent groups by specifying agent names, e.g. android or iphone. By using this function, we can create different caches for different sets of devices. On my blogs, I need to create different caches based on screen width. This is because I serve [...]
How to Selectively Load Plugins for Specific Pages
In a previous article, we considered how to selectively disable certain plugin functions, in order to enhance page speed. I.e., only run expensive plugin functions on page content that needs it. Disabling plugin functions may help to save us some time and resources. However, the plugin files [...]
Shiba Gallery Plugin
Related Articles
Create Your Own NoobSlide Gallery
How to expand the Shiba Gallery Plugin and create your own NoobSlide galleries.
Shiba Gallery 3.7
Here is a detailed description of the Shiba Gallery Plugin. New features for Shiba Gallery 3.7 – 1. Control Thumbnail Size We can now specify thumbnail sizes for relevant galleries (Tiny Slideshow, Picture Slides, and Noobslide). Thumbnail size is set by using the tsize parameter, [...]
WordPress Gallery Frames
Here are the current frame options for the Shiba Gallery Plugin. Possible frames include none, green, blue, gray, shadow, black, white, and border. Frames green, blue, and gray are based on the CSS styling of the Popeye example galleries. Thanks to the creators of Popeye for their awesome gallery. [...]
Shiba Skins WordPress Theme
Debugging the w3tc Page Cache
How to Translate blogs.dir CDN Files in w3tc
How to Create Dynamic User Agent Groups in w3tc
How to Selectively Load Plugins for Specific Pages
WordPress Theme Customizer Javascript Interface
Custom Post Type Permalinks – Part 2 (116)
Shiba Gallery 3.7 (28)
Add Tags and Categories to Your WordPress Page (46)
WordPress Media Library Plugin (242)
WordPress Example Plugin (7)![wordpress-search-widget1.jpg [shiba_thumb]](http://d2yedvk0boln24.cloudfront.net/wordpress-theme/wp-content/uploads/2010/03/wordpress-search-widget1-54x54.jpg)
WordPress Search Widget – How to Style It (47)![custom-taxonomy1.jpg [shiba_thumb]](http://d2yedvk0boln24.cloudfront.net/wordpress-theme/wp-content/uploads/2010/03/custom-taxonomy1-54x54.jpg)
WordPress Custom Taxonomy Input Panels (98)
Create Pop-up Windows in Your WordPress Blog with Thickbox (35)
Love what you’ve done. Is there a way to make the thumbnails be on just one side of Noobslide-6?
It may be possible to change just the styles for noobslide_thumb to show the thumbnails in a vertical configuration. Otherwise, some HTML edits may be necessary. Here is an article on how to create your own noobslide gallery within the plugin.
http://shibashake.com/wordpress-theme/create-your-own-noobslide-gallery
Can this plugin be used on one page I’m using easy fancybox for my photo galleries and want to install the noobslide for one specific page.
Yeah swapping in plugins based on post or page ID is an interesting issue. Here is something I did with wp-syntax to only load it on relevant posts-
http://shibashake.com/wordpress-theme/the_content-filter-optimizing-your-wordpress-plugins
For what you describe above, it may be possible to just install the plugin but leave it deactivated. Then just load the plugin file as necessary. Never tried this before though, so not sure how well that will work. The problem is that page ID is only available after the wordpress loop gets initiated, but most plugins (including Shiba Gallery) hooks into the init and admin_init actions which fire before the WP loop.
Hi. I really like your slider. I’m not really familiar with Jquery at all so I’m having a little trouble editing it. I’m working with Noobslide_4 and am trying to replace the numbers at the bottom with the Featured Image.
Ideally, I’m going for an end result that looks like this: http://teamollie.com/dogs.php
Do you have any tips / suggestions?
Do you mean you want to replace the numbers with the picture thumbnails? There is an example of this in noobslide_nativex. The Featured Image should already appear on the summary panel.
If you want the featured image to appear larger, and for the thumbs to appear at the side, then you want to play around with the HTML and CSS style of the elements. It may take some work though.
Hi I guess the Nativex is more of what I”m looking for but I do need to make some modifications. I’m not too familiar with javascript but I’m pretty comfortable with HTML and CSS. In the end I am going for something pretty similar to the website I sent you. Is there an easy way to remove the “Next / Previous” feature and the Play buttons? How would one go about shifting the featured images to the right — instead of underneath?
Here is a tutorial on how to create your own noobslide gallery for the plugin by integrating together elements from multiple different galleries-
http://shibashake.com/wordpress-theme/create-your-own-noobslide-gallery
Hi ShibaShake,
Is it possible to add a URL to each slide using the Shiba gallery?
e.g. link to google (or somewhere) from one of the images?
Thank you
Yeah the best way to do that, is to standardize WordPress link objects to become custom post types. However, that can only be done by WordPress.
On my own sites I have expanded link objects so that they can be linked to an attachment object. Then when that attachment object is included in the gallery, the link object information gets shown. However, this is not a very elegant solution, and is probably only for the short term. Therefore, I did not include it in the plugin.