Forum Replies Created
-
AuthorPosts
-
RuairiMember
Hi All
I have just completed configuring prettyPhoto to Genesis via Cleaner Gallery, this is prettyPhoto as opposed to Thickbox.
functions.php
/** Load PrettyPhoto **/ add_action( 'get_header', 'prettyPhoto_scripts' ); function prettyPhoto_scripts() { // use whatever conditional tags you need if ( !is_home() || !is_front_page() ) { wp_enqueue_script( 'prettyPhoto-min', CHILD_URL.'/lib/prettyPhoto/js/jquery-1.6.1.min.js' ); wp_enqueue_style( 'prettyPhoto-css', CHILD_URL.'/lib/prettyPhoto/css/prettyPhoto.css' ); wp_enqueue_script( 'prettyPhoto-js', CHILD_URL.'/lib/prettyPhoto/js/jquery.prettyPhoto.js' ); } } /** loads prettyPhoto footer script **/ function pettyPhoto_footer_script() { if ( !is_home() || !is_front_page() ) { echo " <script type=\"text/javascript\" charset=\"utf-8\"> jQuery(document).ready(function() { jQuery(\"a[rel^='prettyPhoto']\").prettyPhoto({ deeplinking: false, }); }); </script> "; } }
Settings on For Cleaner Gallery in:
Appearance > Cleaner GalleryMedium images by default
Images should link to full
Galleries ordered by Menu Order
Display image gallery in Ascending orderNone of the checkboxes checked
External image script = prettyPhoto
And there you have it! 🙂
And yes now, I have only just learned that prettyPhoto is NOT RESPONSIVE 🙁 It's still prettyCool though!
But I need a responsive lightbox!
Oh Well!
Ruairi Phelan CEO at Cyberdesign Craft.
RuairiMemberJust to answer your question, the plugin adds rel="prettyPhoto"
Ruairi Phelan CEO at Cyberdesign Craft.
RuairiMemberHey Mealtog
First, that isn't prettyPhoto I have on line, that is Thickbox. You'll find Thickbox in wp-includes/js/thickbox/thickbox.js. I used Thickbox in the demo because it is simply a matter of thicking a box and you'll get a gallery lightbox.
I know you can see prettyPhoto js, thats because I was configuring prettyPhoto on my local sever just prior to uploading. But I haven't yet fully configured prettyPhoto! I am sorry if that misled you. The small next button etc are all features of Thickbox.
The cleaner gallery plugin Mealtog, extends the WordPress [gallery] shortcode, so as you can see I had to place two large images in a single column to show you. You can place just a single image - I had never tried this before now, but it states (1 image of 1) - the plugin is for galleries. The larger images don't display as well as the smaller in terms of responsiveness with Thickbox.
As a core file it would not be a great idea to edit that particular css file, besides I would prefer to use a prettyPhoto or lightbox2 gallery instead!
I'm not even one hundred percent I'll use prettyPhoto just yet, but I'll be using a responsive lightbox for the gallery for sure.
When I have finished I'll post the results and the code I used.
Again, sorry if you thought that was prettyPhoto.
Ruairi
Ruairi Phelan CEO at Cyberdesign Craft.
RuairiMemberLisa
I just read your more recent comments, sorry. 🙁
Here is an example of a caption link, on the apple image. As you can see the images themselves will link to there respective Image Page, but not to any other page/post.
I'm pretty sure that can be address though.
So, I guess I should read the rest of the posts before replying!
All the best
Ruairi
Ruairi Phelan CEO at Cyberdesign Craft.
RuairiMemberLisa
I gave Cleaner Gallery a quick test using Genesis here is a quick mockup (note: I have used the Thickbox Script in the demo, because it is native to WordPress and will work for all themes) Cleaner Gallery - Genesis. I have just bought the Executive theme today and to say I'm impressed is an understatement. 🙂
The Cleaner Gallery is really simple and easy to configure. When installed, you simply go to Appearance > Cleaner Gallery. On the settings page there are options for image sizes, add captions etc... Then you have a few checkboxes. I ticked the Thickbox options which loads the css and js files for the demo.
The important part is to link the 'External Image Script', the plugin supports about 18, I think. So if you wanted to use prettyPhoto you would select prettyphoto from the dropdown menu.
The plugin does not support the scripts themselves so you'll have to load them yourself in your ...yourtheme/lib/(prettyphotos)
Then in your functions.php, you would load your css and js something like: (not tested)
/** Load PrettyPhoto **/ function prettyphoto_scripts_method() { wp_enqueue_script( 'prettyPhoto-min', get_stylesheet_directory_uri() . '/lib/prettyPhoto/js/jquery-1.6.1.min.js', array( 'jquery' ) ); wp_enqueue_style( 'prettyPhoto-css', get_stylesheet_directory_uri() . '/lib/prettyPhoto/css/prettyPhoto.css', array( 'jquery' ) ); wp_enqueue_script( 'prettyPhoto', get_stylesheet_directory_uri() . '/lib/prettyPhoto/js/jquery.prettyPhoto.js', array( 'jquery' ) ); } add_action( 'wp_enqueue_scripts', 'prettyphoto_scripts_method' );
And that is the configuration out of the way.
For your clients to use it is the same as using the default WordPress Gallery.
Create a post
click 'Add Media'
click 'Create Gallery' in the top left of the screen
select the images and add titles captions etc...
click 'Create New Gallery' in the bottom right of the screenNow, this is the important part - make sure on the 'Link to' dropdown option that you select 'Media File' (prettyPhoto, Thickbox, lightbox2 - 'Media file' relates to the Image Script you selected in the Appearence > Cleaner Gallery settings )
Then select the number of columns, I choose four in the demo.
click 'Insert Gallery'
click 'Publish or Update'
The thing about Cleaner Gallery is that you can sleep easy knowing that the code is sound, especially if you use the default Thickbox. If want to do something extraordinary with this plugin you can get support at themehybrid.com, it costs $29 per year - which is not just about the hybrid core framework - it's great for all things WP. As of writing this, six days ago, on the support form for this very plugin a client reappeared after two years looking for support - basically having issues supporting html5 on IE8. They got an answer they needed, even though themehybrid no longer supports IE8. The client is a dev working for NASA! (I am not kidding!)
NASA still use IE8 as their default browser!
With Cleaner Gallery you know that it is going to play well with WP and all other plugins - it is easy to use, can be configured to support many scripts, you know it will last well into the future, the code is professional and there is always the option of having support being provided directly by the author.
Give it test run, see what you think?
I hope this helps
Ruairi
PS You can see default and Jetpack usage here 🙂
Ruairi Phelan CEO at Cyberdesign Craft.
RuairiMemberLisa
Although, I haven't tried this plugin on the Genesis framework just yet, Justin Tadlock's Cleaner Gallery which is solid, well coded, future-proof and a great all round gallery plugin.
It's my got-to gallery plugin and it's free.
Ruairi Phelan CEO at Cyberdesign Craft.
RuairiMemberJust to add to stinkykong's list.
You can also look up hardening WordPress in the Codex.
Ruairi Phelan CEO at Cyberdesign Craft.
-
AuthorPosts