Home

Justified Image Grid - Premium WordPress og:title tags og:title is available but too long, it will be

1. It ll make JIG not load prettyPhoto but use the one already in use Your jQuery version is old set a jQuery source in the plugin settings Choose anything other than the default preferably a Google one If this doesn t solve the red notice contact the author Other plugins or themes may override this plugin s preference In your theme s functions php or header php look for the jQuery loading part by the version number Replace that link with the latest jQuery from google CDN or physically replace the file with the new jQuery under the same name Enable Take over and replace gallery WordPress gallery shortcodes in the General settings by setting it to Yes act in place of the gallery shortcode then just add multiple galleries using WP Add Media workflow OR Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch The captions are not showing the lightbox is not working and there is no animation on mouse over I can t see the grid but the shortcode is visible as the content I would like to make an image in the gallery link to something else I resize the window but the gallery width is not adjusting WP 3 3 3 4 only Create a postor page for each gallery They ll be dummy posts you don t need to publish them just keep them Note their ID in the URL bar In your main postto which you want to a
2. OR the date to show posts from to YYYY date range in this MM DD YYYY MM DD start and end day is specific format included for example 2013 07 01 2013 07 2013 07 01 2013 07 31 31 posts from July 2013 or 2013 12 2013 12 01 today 01 today posts since December 2013 The word today can be used as the to date Last x days recents last x days a number of days Date range recents date range Recent posts behavior and lightbox related options When setting up a recent posts slider it will open the post when a thumbnail is clicked by default and you don t need to change this parameter However if you only want to create a gallery from the posts featured images set this to image to open them in the lightbox Attachment links to the WP attachment page of the image or the image itself when using NextGEN based featured images Link to the post Provides a way of still going to the post recents link to image attachment Click on a thumbnail links to Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch from lightbox permalink only used when Click on a thumbnail links to an image A link with your custom text will be placed inside the lightbox above or below the image the position is controlled by switching the yes or alt options The link takes you to the originating post that the
3. Core settings Do not use recent posts yes post page your custom post type recents post type v2 4 Create a slider or a homepage banner by having your recents posts aligned to the grid using their featured images with links pointing to the posts Requires theme support You can optionally display from pages or custom posts but only as long as you have featured images added to them Your custom posttypes are automatically added If you want to use multiple post types together you ll need to select I want to use multiple and the dropdown will convert to checkboxes They will be added to the shortcode comma separated What to display as caption on the thumbnails Do not set nothing auto excerpt manual excerpt auto manual excerpt categories tags datetime recents description date nicetime comments author woocommerce price custom post metadata all custom taxonomies using their slug Select what text should show up as caption below the post s title The automatic excerpt helps you when you do not have a manual one so you can have both manual excerpt when set automatic otherwise Categories and Tags show up as non clickable comma separated words Date Time and Date displays post creation date according to the date format setting in WP Nicetime displays it like Facebook e g 42 minutes ago Or the author name can also be displayed Custom taxonomies are things like color or size They can
4. and Simple is subtle but noticeable For most uses Yes results in a better looking effect but Simple can be desired in some other applications Just try it This setting is important when you are using custom fonts by the theme They get applied at a later time when the page loads and the vertical text centering works by calculating content height With custom fonts this height may change You can notice this if you use Caption style fixed the text is realigned when the new font appears Vertically center v_center_captions captions Vertically center custom_fonts Custom fonts What text to show on the top of thumbnails title description caption alternate custom off title WP field to description Choose which WordPress image information use for caption field to use for the description part of the i caption field caption alternate caption It ll appear with smaller text by description custom default under the title off Choose a WP field as title from the image details Try something other than Title to only show those that you filled out because Title is mandatory in WP and you might not want to display a caption on all items WP field to use for title title field main caption Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch 1 or 2 WP custom field s comma
5. leave empty if unsure Replace site s hostname with External image caching time Use TimThumb timthumb_path no shortcode attr no shortcode attr use_timthumb absolute path full URL not influence Jetpack Photon s cropping location Your thumbnails will be re generated by TimThumb one time and not served from the cache if you change this This is useful when you need an uniform look and you are showing photos of people If you already use TimThumb you can remove the plugin s version and point to your TimThumb here That way you only need to update it one place Enter the hostname provided by your CDN e g cdn yourdomain com this will replace your site s hostname Do not enter protocol http https or slashes in the beginning or at the end It ll update the TimThumb path accordingly and all images an thumbnails will be loaded through your CDN once you set this setting This is meant to be similar to W3TC s similar setting In days enter infinite for caching forever Speeds up loading as the dimensions of external images only need to be grabbed for the first time currently used by Jetpack Photon only The dimensions are needed by the grid engine to function properly For remote images this is not given and have to be grabbed with CURL for the first time This may slow loading down so the results are cached Only set differently or purge in case you are experiencing problems Image sizes for a
6. slash Only when using the overview feature Open Facebook albums in the lightbox cycling through their pictures on the same page instead of linking to separate pages Note currently not compatible with Social Gallery lightbox Use your manually set cover photo for Facebook albums only when you are not using the Open albums in lightbox setting Somewhat slows down performance especially if you have lots of albums many of which with a custom cover photo Advanced setting Make sure you know what you are doing as to not cause a conflict Using the overview feature this appears in the URL Example domain com facebook album ID You can re write facebook album it to something like fbalbum or even album but it won t work if you have a custom posttype called the same Show title of current Facebook album and a link back to the overview page This is only used when the overview is selected and the albums are not set to open in the lightbox It provides a good point of navigation to tell what album you are looking at and to go back to the all albums page Instead of choosing what to display this setting inverts your selection to mark what you don t want to display in the overview Everything you select will be excluded and your view will turn into the overview mode automatically If you need to exclude multiple albums enable the checkbox above the tab that says Select multiple albums You can override the home element pag
7. Clickthe two checkboxes and hit Submit Your API Key is created copy it the longer one from Flickr to the settings here Click Save Changes here You are done Now you can add users To add yourself Enter your Flickr username or NSID below then clickthe button or hit Now s enter Click Save Changes if you are done Adding a user The input area is inside the button and it accepts the user in any format You can either pass your or the user s username Flickr NSID the name from the URL can differ from the real username or the actual full URL to your his her photos Click Save Changes Verifying the status of users Click on the added users to refresh their icon and check if they everything is okay about them on Flickr It s a simple check Click Save Changes if the icon has changed Removing users Just click the X next to those you wish to remove Click Save Changes Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch The shortcode editor part The changes you made on the settings page lets you access photos through a user This is done in the shortcode editor Open it and scroll to the Flickr section You can see every user you ve added Click one of them and then the plugin will load all available sources from that user Best case scenario you have five sources to choose from These are photostream favo
8. The excess text is cropped by an ellipsis to indicate further content Caption text color Caption height only for the Below caption height the image style Caption height on mobile caption height mobiles Caption title caption title size CSS font size value This setting lets you control the title size it s a number without Same as previous but you can set a px different height for mobiles Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch v2 4 size 20px more useful than the CSS setting because Tenant shade aior This setting lets you control the description CSS font size value size it s more useful than the CSS setting 14px because this is available in the shortcode editor Caption description caption_desc_size size This setting lets you align both caption texts Horizontal ps its more useful than the CSS setting caption text caption align em because this is available in the shortcode align uad editor Selecting CSS here will not use this right over the CSS option below Move the captions from being attached to the bottom part of the image to the middle Yes and Simple will align to center on off both axes Use Vertical only if you wish to yes center vertically while aligning the text left simple or right The animation difference between vertical_only Yes
9. name of your fields separated for one or both of the above caption custom field comma separated settings respectively Specify one field if you only set one to Custom but two fields if ou set both to Custom field Caption title eer Set some basic things to the title like text CSS l align font weight etc Standard CSS only mapun Set CSS formatting for the longer text in the description no shortcode attr Caption custom field CSS caption Accepts standard CSS Applies CSS text shadow to all text in the caption No IE If used as a shortcode wrap As a whole the value into or This setting only makes 1px 1px Opx black sense if the Caption opacity is 1 and the Text sh ti text shad ae d TD Nep x y blur color background color is different from the respectively shadow color For the best results set the Caption background color to have some transparency with rgba 0 0 0 0 4 Use a Facebook style gradient for the caption background This sets caption Gradient opacity to 1 and is not compatible with caption gradient caption bg Title background matches text width background setting The color will be determined by the CSS below and not the simple Caption background color above CSS settings for the gradient caption background Fades to black by default You can use Gradient editor to generate gradients Enter 1 into the field and save to restore the original gradient It goes from fully transparent
10. 1 is Caption caption opacity fully opaque opacity If you want the text to be opaque but the background transparent you ll need to set this to 1 and apply rgba in the next setting here CSS colors examples It s the color of the caption behind the text white Caption 000 Any css color is accepted like white or 000 background caption_bg_color 603C4D or 603C4D or rgb 0 0 0 or even color rgba 0 0 0 0 3 The plugin makes rgba s work in IE7 too only for this setting transparent The caption background extends over the full width of the thumbnail With this setting you can have the caption title background only behind the text This is not available for caption description that will be displayed Title background matches text width caption match width with full width Yes rounded means the free yes rounded hanging corners will be smart rounded depending on horizontal align of the title caption They ll have a dossier style look Works with vertical centering and animations Sets the color of the text Same values caption text color CSS color accepted as the previous setting except rgba Set a uniform caption height that will only be used when caption is setto Below the image Accepts a number without px It s 54 by default that s about 2 lines but a number without depending on your theme font size and px needs this number can change try out different values This is needed to ensure a standardized look
11. Customizable texts from the settings are also translatable they are in the context of admin texts plugin justified image grid If you don t see these contexts follow these steps Go to WPML Theme and plugins localization Choose Translate by WPML In the bottom area tick Justified Image Grid in the Strings in the plugins table Also tick Load translations if found in the mo files in the bottom Then Scanthe selected plugins for strings Ur Ee opus NES In any other case l Locate the languages jig td LOCALE po file Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch au Fw Make a copy and replace the LOCALE with your locale For example jig_td es_ES po for Spanish Download the Poedit software and open the new file in it Translate the texts and then save Upload it to wp content plugins justified image grid languages If your WordPress installation has define WPLANG es ES in the wp config php you should see the translated text in the plugin Use WPML with String Translation to translate everything Justified Image Grid outputs including those texts that you can re write in the admin areas Template tag header footer or any other location You can put the gallery anywhere in your theme without a shortcode The template tag behaves the same way as it accepts the same paramet
12. Leave a comment on JIG to get in touch different aspect ratios it still works So It ll randomly crop or extend images in the range you specify For example your thumbnail normally appears 300px wide and you enter 100 into this setting This will result in your thumbnail appear resized to anywhere between 250px and 350px It won t skew the images as when it makes them narrower it simply crops from the sides When it makes them shorter then it basically crops from the top You ll see It s set to not crop more than half of the image in any case Don t worry you are not going to end up with thousands of possible random cached TimThumb thumbnails Because one certain image ata specific row height will always have the same randomly generated width Seeded random number generator is used for the width calculation Settings that affect the entire grid Choose in which order the images should appear The default menu order is the order you set in the gallery settings by dragging amp dropping This will only be applied when you load images from a WP post page gallery Recent posts or NextGEN galleries albums tag galleries menu order For other image sources the order can rand be set up in the image source s admin title asc area or similar Order by orderby title desc date asc Use a plugin like Simple Custom Post date desc Order to drag and drop posts or pages custom to have a custom order To make use of it and to not sor
13. Search button on the Flickr tab in the Shortcode Editor and fill inthe fields you need for your search A value in either Text or the Tags fields is mandatory as it ll be the limiting parameter The rest is just extra like users or groups all limiting parameters It s important to not display content you don t have the rights to display on your site You can use the License settings where you can tick what results to show Geotagged photos when filtered for will have a data geo HTML attribute on their img tags in the displayed grid lat lon accuracy Instagram The settings part Getting the Client ID and Client Secret Follow the Instructions for registering an Instagram app on the Instagram tab of the Justified Image Grid settings as it contains information that is specific to your installation Adding yourself l Click Authorize current Instagram user 2 Login and Accept iton Instagram 3 Then your username will be added to JIG Click Save Changes and you are done Verifying the status of your user Click on your username to see if it s valid or not If there is a problem like your access is expired just click Authorize current Instagram user again Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Removing your user Click on the X in its button then hit Save Changes The shortcode editor part Con
14. be shown comma separated like WP categories or tags Add to the same as Additional information to display in the fons recents_description_2 ma EA description recents description description Line 2 Also add to the _ same as Additional information to display in the m recents description 3 i o description recents description description Line 3 Post metadata post metadata fields name of a custom field Comma separated metadata field names Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch v2 4 fields comma separated max 3 max 3 when Custom post metadata is owe E eee ee This trims the length of the automatic Word count for excerpt to x words Very handy when the excerpt length a number auto excerpt thumbnails are smaller larger than usual The default is 20 words Add this to the end of the automatic excerpt like Read more note that it doesn t automatically include a space so add it if you need it This converts to and defaults to enter none to have no ending You can also use special characters This puts a word before the author name if Prefix for author recents description is set to author E g author prefix basically anything LN MR name written by defaults to by enter none to have no ending Rewrite the word comments text here when shown as rece
15. comment on JIG to get in touch You can override any current global plugin setting on a per gallery basis in the editor of the posts pages Setting any text input field to 1 will result in bringing back the default setting for that field If you wish to reset most of the settings to default click the Preset 1 button or any other preset Customizing individual galleries by shortcode attributes You can use the shortcode editor to override almost any setting you have set on the plugin page or in a preset l Go tothe post page edit page Click on the Justified Image Grid shortcode editor icon 3 Add set any setting you wish Only those that you touch will be added to the shortcode When you are done click Generate shortcode 4 Copy your newly generated and selected shortcode close the modal windows x in the corner or click the dark area then paste it in the text 5 Save the page Update and check that your post page has different settings than you set on the plugin s settings page Tip Choose a preset in the shortcode editor AND touch some settings after that Your defaults will come from the preset but you ll extend it with your own choices This applies when a preset is close to what you need but not exactly When going backto edit the shortcode please copy it before clicking on the icon Doing so will enable you to paste it into the editor to load all previous settings from that shortcode without having to start
16. image represents The text for the permalink in the lightbox e g Read more Go to post Used by the previous setting Defaults to Read more To still show posts without a featured Placeholder image recents placeholder Absolute URL mee specify he MORL dia Mies placeholder image upload to the media library then copy paste its URL here You can point the links on the recent posts to use the featured images JIG Link m targets custom links instead of linking to Use custom links recents custom links Wes the post Rarely used but sometimes useful Only used when there is a JIG Link in use If not just respects the recents link to setting Show children of a page advanced Use if you wish to display children of a page only when using pages If you are Parent past recents parent td page organizing WP pages into a hierarchy this may come in handy for you When displaying children of a page you can set the level of descendants It s like 1 or 3 levels deep default is 10 levels which is Tree depth recents_tree_depth a number 1 10 a piaeucel nis eer Per ES descendant will be added next to its parent You can randomize the order to mix it up but by default it flows like you d read through a tree of the hierarchy Facebook Shortcode attr Shortcode values owe MEME The App ID ofthe application you create on App ID no shortcode attr Facebook It s only needed for users or restricted pages NENE dette together some text l
17. is covered and can show interesting results default Controls how much you see the special specialfx_blend effect E g if you choose blur and set this to 0 25 you ll have a nice Orton effect See Pixastic docs Examples Desaturate average false Blur Fast amount 0 5 Glow amount 0 5 radius 1 0 Sepia no options Laplace edgeStrength 0 5 invert false greyLevel 0 Caption special effect caption_fx_visibility visibility in_front_of_overlay behind_overlay Special effects blend Special effects specialfx options see pixastic docs options Do not use curly braces NextGEN Setting name Shortcode values What images to show from NextGEN gallery choose one Choose any NextGEN gallery to display You can add more than one gallery like 6 3 5 select I want to use multiple and the dropdown will convert to checkboxes They ll be merged Do not use OR Choose any NextGEN album to display Album ID ng album Overview album Supports nesting overview permalinks Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads Do not use all possible NextGEN galleries by ID can accept multiple Gallery ID ng gallery page on CodeCanyon if you like it Leave a comment on JIG to get in touch all possible NextGEN custom links limit amp hidden limit for albums by ID can pagination both are settings of this accept multiple plugin You can add more than
18. loaded Check this if you are using jQuery mobile very mobile oriented themes this sets lightbox links to relz external when link rel is auto and the visitor is really ona mobile device If this is not set jQuery mobile will think this is an internal page of the site and will try to load it with AJAX which is not what it should be doing Marking anchors links as external will make the lightbox work in this scenario Open graph settings for Smart Deeplinking only in the Settings not available in the Shortcode Editor no shortcode attr Choose a WP field as title on Facebook and Google when liking sharing These are used for individual images Currently prettyPhoto and PhotoSwipe 4 have Smart Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Deeplinking This is a site wide setting and not available to change per gallery Other image sources use Title and Description fields Choose a WP field as description on Facebook and Google when liking sharing If there is no text for this no shortcode attr og description to show e g Facebook Instagram source but the content for og title is available but too long it will be shown as og description instead 1 or 2 WP custom field s comma separated for one or both of the above settings no shortcode attr respectively Specify one field if you on
19. off others specialfx hovered everything captions When choosing captions only special effects they will appear only behind the caption They ll animate with the caption in all cases The effect strength is still controlled by the Special effects blend setting Stacking order whether or not they are covered by the overlay is controlled by Caption special effect visibility same Freeze a certain special effect behavior mobile special effects off for mobile devices that doesn t require everyhing mouse over as there is no such thing on Special effects behavior Mobile special effects Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch captions devices It s simulated by a single first tap Because of this it would often require double tapping an image to eventually open it This option is most useful when also using the general setting Disable mobile hover interaction desaturate blur Special effects glow Ifx ype specialfx_type sepia laplace_dark laplace_light Choose an effect These are cross browser compatible and are created on the fly no extra bandwidth is required Only when special effect is set to only apply behind captions Decide whether or not the overlay effects darkening or color affect the special effect When the effect is in front of the overlay that part of the overlay
20. one album like 7 8 9 select I want to use multiple and the dropdown will convert to checkboxes They ll be merged and their contents will be sorted together The global NG sortsetting will apply only the Alt Title text and the Image ID options OR Display a gallery of NextGEN images that are put together here by their individual IDs They don t need to belong Single into any particular gallery and they can be spread over galleries it doesn t matter The picture s by ng pics NextGEN picture ID s i j ID order will be the one you specify them in This setting accepts numerical ranges such as 1 10 or similar combined with single numbers or however you like to specify it Taas galler NextGEN tags OR Create a gallery set of images that 95 9 y atau y comma separated belong to a certain NextGEN tag OR Create an album of galleries automatically on the fly The galleries will Tags album ng tags album NextGEN tags each represent a NextGEN tag If you put comma separated a star as value it displays all tags as albums without having to manually specify them OR Show recent NextGEN images Set the count with the limit setting in the general section OR Show random images regardless of gallery all images in NextGEN Or you can narrow it down to only pull from a specific gallery Don t forget to limit which is applied after the randomization Can set more than one gallery ID comma separate
21. out Tooltips appear don t appear when the mouse is over the images Mouse hand cursor appears as hand even though I turned off the clickability Mouse cursor Is this on IE7 or lower Then that s why sorry doesn t appear as hand but it should There is no prev next button in the lightbox Use link rel to group them together The prev next button is too low It s a prettyPhoto conflict in the Duotive Three theme try other lightbox There is an extra row in prettyPhoto s bottom caption That s how it is when you disable the social tools for prettyPhoto area Why does the TimThumb path That makes the images cacheable by CloudFlare It doesn t hurt have an extension at the end TimThumb which simply ignores it Have you zoomed in or OUT of the page ctrl mousewheel on PC Please reset the browser zoom to 100 Also you might have border The plugin makes an effort to hide them You should see no tooltips at all IE7 and lower are not 10096 supported The spacing between the images is uneven Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch This doesn t work at all I have an a o AJAX site Disable conditional script loading in the General settings There is something weird with Indeed your theme defines an overlay effect on the image links I can the overlay I can see my help you remove
22. that just contact me Otherwise try disabling the theme s overlay overlay of this plugin Ican t see the social sharers It s not loading the plugin s version of prettyPhoto ColorBox it s Remove your theme s version Contact me I can sortit out for you loading the theme s I can t see the social tools in prettyPhoto The social tools don t share the TERT individual pictures prettyPhoto Please enable advanced deeplinking in the prettyPhoto settings When you change a Facebook Flickr setting the old transient is never requested again therefore it s not deleted It s apparently not a problem I have a lot of expired transients unless you change it every minute You can purge it using the various in the options table advanced purge links in the Settings found at the image sources caching user settings For more information on this topic http wordpress stackexchange com questions 6602 are transients garbage collected Thank you for purchasing this product Please rate with 5 stars on the download page of your account on CodeCanyon if you like it Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch
23. the URL bar when a photo is open Use jig instance for best results data lightbox This is used together with the next setting data lightbox Some custom lightboxes require a data galler attribute on links this is the name of that Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Custom attribute value link attribute value Use link use link attributes attributes Custom lightbox JS call no shortcode attr prettyPhoto odaltools prettyphoto social prettyPhoto social buttons social buttons PR prettyPhoto deeplinking no shortcode attr and similar gallery1 gallery instance and similar everywhere desktop mobile Example data lightbox or data lightbox gallery Use Link class and Link rel settings for classes and rels this setting is mainly for data attributes Some custom lightboxes require a data attribute on links this is the value of that The instance is replaced by the JIG instance id Example galleryl or gallery instance or mygallerygroup Use this if you want use these class rel custom attribute probably your custom lightbox only on a certain type of devices JavaScript activation initialization call for your custom lightbox chosen above Use it whenever JIG doesn t open your lightbox for load more filtering max rows etc Refe
24. then more images will be allowed to be shown so they don t narrow the results Every image that gets displayed will have one or more of these tags This is a pre filter in the back end and works with or without the filtering feature Useful to filter Instagram tags of a user Tag filter wc DE DEDE or default If this is setto OR then all images matching mode deeds and matching any of the selected tags will be Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads Instagram tag or tags comma separated lowercase Instagram tag j instagram tag filter filter 9 ag page on CodeCanyon if you like it Leave a comment on JIG to get in touch displayed In case of AND only images that pear nome lett o Enter the Instagram usernames or IDs you don t want to see photos from Comma separated It s an additional call to request the list of images from Instagram before the images can start loading If you utilize this cache the list is not needed from Instagram every single time so your images will start loading faster If you change this setting a new list is automatically requested on the next visit to the gallery by anyone so you can t get stuck by setting it too long Use of this cache is recommended If you wish to see album updates right away set it to 0 The thumbnail images are cached by TimThumb The images in the lightbox are always served directly from Instagram Displa
25. will be served from another domain cross domain security CloudFlare CloudFlare is an excellent service which has many benefits for your site with minimal cons It s different from Jetpack Photon but in some terms it s better There are no settings for this in the plugin as everything is handled automatically 1 Go to the CloudFlare website and Sign up follow their directions 2 There is also a CloudFlare WP plugin which you should install to get proper analytics The benefits Improves load performance because it s like a CDN for your static resources They have servers all over the world almost so if you have an international site and your hosting is inthe USA for example it ll still be very fast from Europe as they have numerous servers closer to the visitor than the original hosting s server s Works for all thumbnails by this plugin remote source images have a local thumbnail so it ll work with Flickr Facebook and Instagram images as well Works for all other local images CSS and JS files static resources in your site It ll essentially lower the load on your hosting especially noticeable if you are using cheap and or grid based services which also means your monthly ba ndwidth transfer will be lower It ll make the site more secure as attackers are filtered through their service Special effects by Justified Image Grid will still work You won t be able to tell the images are by CloudFlare or not just by look
26. your site is and what quality plugins you use you can try loading jQuery in the footer In a perfect jQuery load location world it d be the most optimal for fast page loading but it can break plugins However the option is there just in case no shortcode attr Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch aa A ae Shortcode editor button minimum no shortcode attr user role SSL verify peer no shortcode attr Custom CSS no shortcode attr You can limit who sees the shortcode editor button in the visual editor s toolbar Select a role to make only them and roles higher see the button This determines if CURL verifies the authenticity of the peer s certificate Turn it off if you have SSL errors in 3rd party image sources Your custom CSS for the plugin E g you receive a reply from support that you should put this and that into your CSS then this is the place to add it You can target specific JIG instances using their unique class when inspecting them with browser debugger tools For example jig 7b910b930b147b70ddea72f86941696c However this will change if you change something in that instance s shortcode You can targetspecific images using the following pattern jig contentID XX YYYYY Where XX is provider id one of the following ML Media Library RP Recent p
27. your site to WordPress com it ll prompt you to do that 3 Enable Photon from their service list The benefits Makes the thumbnails Retina High resolution display ready by devicepx js only with Photon up to a point where the original image has a resolution high enough o You can easily test this by zooming into the site on a desktop the thumbnails will remain crystal clear same as on a Retina High resolution screen without zoom Improves load performance because it s like a CDN for your images It replaces TimThumb no more permission issues because it can resize images on the fly much like TimThumb if not better For all your thumbnails For images on the WP installation post galleries and recent posts For images of NextGEN even though the original NextGEN doesn t support Jetpack Photon yet It ll essentially lower the load on your hosting especially noticeable if you are using cheap and or grid based services which also means your monthly bandwidth transfer will be lower It s free The considerations It requires Jetpack plugin installed and the site being connected to WordPress com Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch It s not available for Facebook Flickr Instagram images in the lightbox only the thumbnails Special effects made by Pixastic are unavailable as images
28. Deeplinking PhotoSwipe 4 d JS settings no shortcode attr Ph i GIDSMpE no shortcode attr JS settings yes no no yes yes no ColorBox JS i no shortcode attr settings ColorBox design Lightbox only for logged in user Load bundled lightbox versions jQuery mobile link rel external WP field for og title tags no shortcode a magnific zoom private lightbox no shortcode attr no shortcode attr load bundled lightbox no shortcode attr http dimsemenov com plugins magnific popup documentation html Zoom animation for thumbnails that open in Magnific Popup This is the same as Smart Deeplinking for prettyPhoto Letting both lightboxes use this feature provides the same url for individual photos and common sharing counts regardless of device Extra JavaScript settings for PhotoSwipe http www photoswipe com Old PhotoSwipe s extra JS settings http www jacklmoore com colorbox Choose a different design for ColorBox as seen in their previews under View Demos from 1 to 5 Prevent the public from opening your photos in the lightbox to get a larger view The public can t see links or click on the images but will see all thumbnails Custom links will be disabled as well Only disable if you know what you are doing and do not wish to load JIG s version of the desired lightbox script When conditional script loading is also disabled no lightbox scripts will be
29. Justified Image Grid Premium WordPress Gallery Documentation amp Troubleshooting guide Table of Contents lacu rer 4 Setup quickest automatically apply to existing galleries 4 Setup quick Dade Ye du onn aether Amadou d Mee d i Mf una t d D UAE 4 Setup only WP 3 5 more versatile but slower ie cei atero diat a dad uide 5 Quick customize using thedqresets s saco tene p petii ix rictus ent ect ERE Rupe d 6 Detailed customizing from the plugin settings panel ttttttenntttttnnnnnnn 6 Customizing individual galleries by shortcode attributes esee 7 SUPPO Ma e Soli a BARRAS ARA ER pU Rene DLP San Lcd DAN eae RI RUNS USUS p 9 Settrigs HTT IG Oo nace sab GRON b En wd dae RD bois i ete ee aS 9 General setti cou ERIS ERREUR URGE UM a n uci se MN a GE 9 EGG Mo ale c osculo e tere oor ye aD AQUI DUM au bt ad I nC ad a RUN RDUM ER SNO 24 Filte ico xo a ade aN AGNOS Ks TE MCo DANGER NONU ED SEU CU dani Bartle adorn a 26 Lightboxes spaces pelota a ean os enu tip tpa a a h etes UE RR 29 1E 01 1O hv c AUD GARE au ea daa e dta ao d MN e ute q ma UOT MON 35 OVer aee Tee ES Lodo Nodo a EU SANCTE RUM NS EEUU Na GN ASIE Mito ede As 38 Special ffeetsc reremen retina diet tiat tinae tse eade d Mun asda atop acne 40 NextGEN aua admota noctua Fa MeL A dade dt qM qu 41 ia i Ie zin isjore ci c EMT 46 Fac boo MT cR ENS 49 Flick ascen OERUIE HR uu inr bt Rd ida Motif m e dta feta mt i pm UTE aa 52 lipzuQpri
30. The buttons are useful when you have a few terms to filter by and you are looking fora clean look However if you have many tags for example from Flickr Instagram the button style can be unusable due to the high amount of tags The tag cloud displays individual tags in relation to how many pictures belong to each tag You ll find all settings in the plugin s settings Filtering tab In the Shortcode Editor only three settings can be found so there is no separate tab for them and you ll find these on the General tab in the Filtering section This is a very versatile feature and when set to automatic on it ll use the tags that most image sources already use Flickr Instagram NextGEN Recent posts and even WP images If you have custom post types with custom taxonomies they ll be available as well You have full control over the styling CSS of the buttons and tags The tag cloud works with a gradient that creates a transition between the tag with the least images and the tag with the most images Set the from to font size and color in the settings In case you are looking for a type of filtering that determines the images in the back end and doesn t let users filter for themselves use the exclude include image categories and image tags settings for WP images General tab in the shortcode editor Also check out the Recent posts where you can pre filter by tags categories custom taxonomies of pages posts and custom post types 2 l
31. a set of flat Filter style filter style tags buttons great when you have just a few to sort by Set an order for the filter buttons or tags This does not change the order of images Appearance means they are added in the order they are encountered in appearance images and it s directly dependent on the title asc order of images Title means alphabetic Order filter title desc sorting Random shuffles the terms order filter orderby terms by random every time good for tag clouds Popularity popularity means that terms with the most images will custom be placed first and terms with just a few images will be at the end Set to Custom if you want to manually specify the terms they need to exist though Check out the next setting for this Manually enter filter buttons or tags by name comma separated Case Sensitive Comma separated Only those that you specify will be used terms tags exactly and in the exact order This is a manual filter custom order how they appear on setting and requires you to know the term the buttons or in the names furthermore filter orderby needs tag cloud to be on custom This setting is more useful in the shortcode editor set differently for each gallery Only show those filter buttons or tags that have at least this number of images E g you have tags called red and blue six pictures that are tagged with red and one Min count for f j image that is blue If this setting is set to filter min
32. ages and most likely it s missing if you go on Facebook directly and check it that way Even famous celebrity pages have unloadable images When experiencing this using Flickr check out the What to do with small images setting on the Flickr tab in the plugin s settings Check the row where it starts to go wrong do you see an empty space to the left of an image that doesn t make sense It s a sign that there is an image which is broken Make sure your uploaded images are error free If you have received HTTP ERROR during uploading to WP then that s the cause The images might appear in the media library but they can have missing metadata that is required for the plugin to work The dimensions ofthe image I received this kind of error when I had the smush it plugin enabled It was crippling my uploads anyway so disabled it It is possible that your site s CSS is interfering with the gallery Use browser debug tools like firebug or inspect element features to screen these errors Contact me if you are stuck Do not add borders to the images with CSS There are built in options for that The images are not justified Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Try reducing the amount of effects use a fixed caption or just the fade effect Try disabling the overlay or the desaturation effects T
33. ages that have many albums sending a request for each album can take as long as 30 seconds or even time out Facebook API doesn t support getting the album cover URLs with the album list they need to be checked for each album individually and this takes long Select a preferred image size that opens in the lightbox Normal is limited to 720px in normal width Larger is the most useful but if you facebook image size larger need bigger maximum will pull 4MP maximum photos that are 2048px wide or tall at best If the preferred image size is not available you ll see the next best size no Choose yes if you wish to display album Show album facebook description yes description if any above the grid and or description above on the overview thumbnails under the thumbnails photo count Display photo Make the thumbnail s caption display the Image size in the lightbox Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Open albums in lightbox Use the actual cover photo Facebook overview slug Overview mini breadcrumb Exclude selected album s Breadcrumb home text Breadcrumb separator character fb lightbox album fb actual cover photo no shortcode attr fb breadcrumb fb album exclude fb bc home text fb bc separator no yes yes no no yes some text greater comma
34. allsdramemamd uie no Animated gifs are resized but frozen by GIFs E I yes TimThumb or have bad frames Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Allow transparent PNGs Wrap text Reading direction Disable mobile hover interaction Disable right mouse menu Error checking allow transp pngs wrap text reading direction disable mobile hover mouse disable error checking no yes no yes Itr rtl no yes yes or no yes no Jetpack Photon If you allow animated gifs they won t be resized processed as thumbnails and the Thumbnail aspect ratio and Randomize thumbnail width settings won t apply for them However they ll display properly The size of them will be the same with either on or off but there is a difference between the size they are served When this setting is on the browser will resize the image to the appropriate size while they could be much larger and wasting bandwidth It s a compromise in order to show animated GIFs properly Images intentionally show up with white background to prevent some rendering problems Only enable if you really want to use transparent PNGs Makes your text content flow to the right of the gallery if you are using just one image or a similar setup incomplete row Switch this for a different reading direction Al
35. alues then their authority won t be changed at all So feel free to enter this mode regularly to see the authority especially when creating custom presets NextGEN gallery It s highly recommended that you use Justified Image Grid for showing NextGEN managed images galleries and albums The performance of Justified Image Grid is superior to NextGEN while JIG doesn t have image management capabilities and NextGEN s pro features improved looks are more expensive they form a good duo together The JIG galleries will load faster use less memory and send far less requests to the database than the same set of images using native NextGEN Often there are additional features besides the looks and benefits when using JIG for display Things like Breadcrumbs look up the Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch NextGEN breadcrumbs in the settings reference in the tables above custom links galleries opening in lightbox instead of ona separate page showing album gallery descriptions etc NextGEN Gallery 2 and newer has a new gallery insertion method instead of shortcodes You can automatically take over them using the setting Take over NextGEN 2 post inserts on the NextGEN tab of the General settings If you are using NextGEN 2 with their new shortcode or any version using the legacy shortcodes you can als
36. arketplaces x Sortby Date Purchased x 4 1234 Justified Image Grid Premium witt WordPress Gallery All fies amp documentat ith Dreamhost Regular License V Get notified by email if this item is updated License certificate amp purchase code justified image gnd g File Edit Format View Help LICENSE CERTIFICATE Envato Marketplace Item This document certifies the purchase of ONE REGULAR LICENSE as defined in the standard terms and conditions on the Envato Marketplaces Licensor s Author Username Firsh Licensee Your Real Name For the item Justified Image Grid Premium wordpress Gallery http COMM MOTOR net item justified image grid premium wordpress gallery 2594251 sso Item ID 2594251 Item Purchase Code 12345678 1234 1234 1234 123456789012 Purchase Date 2013 10 19 11 56 47 UTC For any queries related to this document or license please contact Envato Support via http support envato com index php Live Tickets Submit Envato Pty Ltd ABN 11 119 159 741 PO Box 16122 Collins Street west VIC 8007 Australia THIS IS NOT A TAX RECEIPT OR INVOICE 2 Enterit to the Purchase code setting on the General tab of JIG settings 3 You ll get automatic updates from now on If your code becomes invalid you ll only receive notifications but no download package With FTP access 1 Go to wp content plugins justified image grid Upload the contents of the justified image grid zip ther
37. button in the lower right corner the changes are not saved After filling in the App ID and App Secret you need to Save Changes so you can enable the rest of the functionality The message log will help you with error success feedback of every action you make with the Facebook authorization tool Setting up a Facebook app l Go to Facebook Developers log in then click Register now and complete it 2 Click Create New App Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch 3 Entera Display Name and choose a category that is relevant then hit Create App solve the captcha 4 If you only ever want to use public Facebook Pages skip to 6 Otherwise click Settings then Add Platform and then choose Website 5 Enteryour domainto App Domain and the address to Site URL then click Save Changes there 6 Copythe AppID and App Secret to the same fields below then Save Changes here You are done Adding a page The input area is inside the button and it accepts the page in any format You can pass in the ID of the page the page username you have to pass the ID if the page doesn t have a username because it s not popular enough or the full Facebook URL as it appears in your browser Certain pages require users to be of a certain age or be in a specific country For that you need to continue read
38. change what these disregarded settings are look up preset authority here How to create a custom preset Start by tweaking the settings try them out on a shortcode that has no attributes no preset selected in it or other settings except image sources It s important to have saved before creating a new preset Check the preset authority detailed description below to see which settings are currently available to be in a preset to ensure they make it into you custom presets So you have your settings tweaked the way you want them and haven t made any changes to them since the settings page have loaded If you d like to name your custom preset somehow this is the time to do it You ll notice a grayer area called New preset s name where you can rename the default name for your new preset Unless you do that it ll have a default name of Custom Preset x where x is the next available number Clickthe Create new preset based on currently saved settings button nearthe top The page will reload and the new preset will be added with your current settings Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Changing updating a custom preset You can only modify a custom preset and not a built in preset With that said here is what you need to do to change a custom preset l Selectthe custom preset from the dropdown an
39. ck Set the color for the outer border color CSS color border color outermost border always Outer border Control the outer border with the mouse or outer border others behavior let it be static hovered Mieldlle spacing middle border width anume If not set or 0 this is disabled border width without px Defaults to white This will give the image a middle_border_color CSS color frame if used in conjunction with the outer border Also called the polaroid look Middle spacing border color Middle border days Control the middle border with the mouse middle border others behavior or let it be static hovered ier onus inner border width seis Set a thin line on the inside of the image border width without px The default styling is similar to Facebook s Inner on image iurat bordercolor CSS color pordets on the imanes barely visible but border color gives a nice detail to them That is rgba 0 0 0 0 1 where the browser supports always You can control the inner border to act on inner_border others mouse over out similar to how the overlay hovered can be activated by the mouse Inner border ied You can animate the border s opacity or f inner_border_animate opacit animate 7 B js y width Or can also choose appear instantly Inner border behavior Special effects Shortcode attr Shortcode values You can choose on the fly desaturation by JavaScript The options should be self explanatory
40. count a number term 3 then only the red tag filter button will show up Even though the blue image will be visible you won t be able to filter by the tag called blue because its count is only 1 as in one occurrence j Limit the number of filter buttons or tags Top x terms filter_top_x a number to the top x any number that occur in the Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads Filter terms custom order page on CodeCanyon if you like it Leave a comment on JIG to get in touch most images This is essentially a limit setting but it does smart limiting by only allowing filtering by the popular terms useful for chaotic tags like Instagram Whether or not to use the All button When not used the first filter button or tag will be active and loaded instead of Use All button filter all button an All button with all the photos This is useful if you don t wish to have an overview and would like to start with a smaller selection of images Some text All Change what appears on the All All posts button tag e g All posts etc Everything Filter All button tag filter_all_text text Normally the visitors can only select one term at a time If this is set to OR then all images matching any of the selected terms filter_multiple will be displayed In case of AND only images that match all selected terms will be shown Visitors will be able to toggle terms o
41. d Just select I want to use multiple and the dropdown will convert to checkboxes OR search for anything in NextGEN Accepts comma separated multiple queries Useful in a template tag in your Search query ng search query any word theme s search php Use recent Do not use ng recent images images Yes use Do not use Use random AGurandommamanes Yes use images Gallery by ID can accept multiple lt php get jig array ng_search_query gt D Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch not specified everywhere tag filename Choose where to search with the previous Search options ng search options alttext setting description comma separated combination of these Behavior options Take over and act in place of NextGEN shortcodes Take over NextGEN 2 post inserts Display album and photo count Open galleries in lightbox Show album gallery description Intersect tags or search query no shortcode attr no shortcode attr ng count ng lightbox gallery ng description ng intersect tags Use Justified Image Grid in place of your current NextGEN galleries by selecting which ones you wish to take over Not checking anything will leave the NextGEN shortcodes alone This deregisters NextGEN shortcodes and registers the JIG shortcode while
42. d hit Load amp Apply Load preset 2 Tweakthe settings however you like 3 When done select the custom preset again from the dropdown and click Save Changes or Save to selected preset they do the same thing your custom preset will be updated Copying a preset l Select the preset you wish to copy settings from or start with and hit Load amp Apply Load preset 2 Selecta custom preset from the dropdown and click Save Changes or Save to selected preset they do the same thing your settings will be saved onto the custom preset OR If you need a new custom preset optionally enter a name for it just click Create new preset based on currently saved settings Deleting a preset You can only delete a custom preset not a built in preset Select the custom preset from the dropdown then click the newly appeared Delete selected preset button Preset authority There are 3 type of settings l Firstly there are system level settings that are utilities behavior advanced Facebook APP ID and similar that have nothing to do with how the galleries look These are untouched no matter what you do with the presets load delete save Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch 2 There are common styling settings like overlay color row height etc these are used by presets on a regular basis Some othe
43. d so on It is not really needed after WP 3 5 but enable to re attach images to posts pages in the Media Library For a more complete solution get the WP Better Attachments plugin you can Disable WPBA Image Crop Editor as you don t need it for JIG Exposes images to the WordPress SEO plugin so it can display them in the XML sitemap like regular or NextGEN images It won t add external images Shows full posts in feeds no excerpts and processes shortcodes Images are displayed fixed 150x150 as the justified layout is not available there By default nothing shows up in the place of JIG Whether or not to play upon loading the video You can play locally hosted or Instagram etc videos in prettyPhoto or FooBox using a custom mediaelement js video player from the WP core A still frame from the video or a thumbnail can be shown during loading or when the video isn t playing yet In case they are low resolution you might want to disable them CSS background property like transparent or black or white or a hex color etc It s the area behind the video in the video player Appears in the link to the video player page advanced setting default is jig video so make sure to use something unique Developer link Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Display show hide developer link d
44. dd all those enter the number to the ID attribute of the shortcode Repeat this for each different gallery OR Use the IDs or include shortcode attribute to select images for each gallery in your post E g you have 20 photos and 5 galleries 5 shortcodes and include only the photos you want per each shortcode gallery you add You can figure out the media IDs by going into the Media Library and hovering over the links to the images Check the status bar of the browser for the IDs OR You can use images from different sources other than the WP post Use Facebook Flickr NextGEN Recent posts You should have got a red jQuery notice If not then your site uses an old jQuery version Go to the settings and select any other method for jQuery loading than the default one It ll automatically load the latest jQuery for your site Check if the plugin is installed and activated It should replace the shortcode if it s activated Check if you have made any typos in the shortcode You can t use characters in the link rel using shortcodes Or anywhere else in the shortcode Use Don t separate the shortcode to multiple lines You don t need to use characters in the shortcode except for long values with spaces e g CSS values The native WP Link URL in the media settings was buggy for a long time It doesn t work for galleries too well I added Custom link for Justified Image Grid alias JIG link amp JIG target in
45. deviation to create a fixed height banner You have complete control over what happens when the last row seems to be incomplete Normal means it ll try to fit the available width but if it were too tall limited by the row height and height deviation it ll just display as incomplete at the target height Center means any row that is not full will have its images centered It can be the first row when it s the only row It can bea single picture or multiple pictures it doesn t matter Hide means it ll hide the last row if it s not complete tries to fit the available Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch width first This ensures the perfect justified block every time Match is special because it might not complete the row but visually it ll make it appealing if you have images of the same shape It s used for a logo showcase or many landscape images just an example The last row will mimic the previous row as much as possible If the images would not fit using the previous row s height the plugin will find the optimal height to show a full row without cropping Flexible for Load More means it ll hide the last rows when using the Load More feature but allows the very last row to be orphan when there is no more images to load Flexible Center Allows the very last to be orp
46. e Show WP images belonging to a certain category To categorize images check out the Enable post tags and categories in the settings Compatible with MLA Media Library Assistant Will search in native WP taxonomies if Media Library Assistant is installed but no results are found looking for the MLA taxonomies Otherwise MLA taxonomies are searched first and WP taxonomies are skipped if there is a result with MLA Show WP images belonging to a certain tag To tag images check out the Enable post tags and categories in the settings MLA is supported Choose a taxonomy to show images by if any not always available The list automatically detects your active taxonomies If you haven t enabled post tags and categories in the JIG settings nor you have any plugins like MLA to enhance images with custom taxonomies then the drop down will be just empty When combined with the above settings called categories or tags you can achieve an AND or UNION mode of selecting images by tags or categories this is different than specifying the terms as a comma separated list Enter term slugs comma separated These are lowercase values without spaces or special characters The results can be narrowed by combining with Image categories and Image tags from above AND relationship Show all of the photos from each child page of certain parent page This is somewhat advanced use but can be helpful in certain cases Thank you for pu
47. e overwrite everything You can deactivate the plugin before this and reactive after I found this optional but if you wish to do so you can do it on the plugin page wp admin plugins php Your settings will be kept Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Without FTP access 1 Deactivate the plugin 2 Remove it 3 Upload the new version of justified image grid zip just like you did the first time Your settings will be kept This means the plugin won t remove its options from your database It uses one option to store all values to minimize database clutter Backup import export and uninstall reset settings If you wish to export or import settings you can do so at the Backup and uninstall section of the General tab in the plugin s settings The same section has a feature called Wipe settings that lets you start over if you thing something went wrong If you want to properly uninstall the plugin not for the purpose of updating but no longer using it you can remove all traces of it by setting the On uninstall setting to Full removal Localization translation You can use WPML s String Translation module to translate any string of the admin area they are in the context of plugin justified image grid This is also fortexts that show on the frontend e g error messages can be translated
48. e E 54 dci e NP INNER TM TACNA Ne e e Neon WEN 56 Linse let epo a CDN M G 57 Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch EU ciel pH elio NN RR E 59 Howto U56 d preset acted NE aran UR GIU RD Hd tutu qum tuus eae eR 59 How to credte a custom preseL nsuse asi i i dete RURAL ea RERA R a a 59 Changing updating a custom lese Lu cen ede etn eee Ge tide RR Doe dnte US 60 Copying d DresBl soc estas etaed tA a pM LI LL UL LA Utt cc LE 60 Deleting a DIeset escis id giu etude RR I Meus ome a dul adr dt tut a i 60 PRESET antbion Voa mre nnen aa cn tes ia fou b ubi edF n fn qa UAR uae o DD ca eet fans 60 weder P 61 Custom links on NextGEN WEIBges eite ee oet oaa as Gu ORO dba Mom du o oed On 63 sai o a To GERD ARA TRUE ITANE RU RETREAT ORE EDIDI CARENYGRDIVRER a RARE AR ERIS RIBERA IERI 63 ig Es digo do e e H H P 63 Setting up a Facebook app axa siais mak dise D soto undi eate itat ducts diomd 63 PONG a Deos sc oed e qebe andan ad data Mta E MC de E mS 64 Addina a PESTLE padece e EUR E i RIGEN A nO Go ERU M AA USt a esta Eri 64 Adding yourself or the logged in user the user who logs in for you on your computer 64 Adding a 3rd party serplofile cose REN OFSNPIS AQ gh et ene ese hieu ta pdt 64 Verifying the status of profil
49. e album selections as they can t be combined with single albums If you need to add all albums and new albums automatically but exclude certain ones use the Exclude selected album s setting Everything you select will be excluded and your view will turn into the overview mode automatically Overview mode Where selecting an album choose one of the three Overview modes e Overview with Timeline Photos Cover Photos Profile Pictures Mobile uploads e Overview with only normal albums e Photos from feed timeline photos posted by others e Latest one normal album opened in the lightbox This will result in displaying all of the albums and you can enter them one by one to see their photos You can also set it up to enter the albums without navigating away from the page using the Open albums in lightbox setting If you don t like the facebook album part in the URL you can also rewrite that on the Facebook tab in the plugin s settings Facebook overview slug setting Don t forget to flush rewrite rules there to commit the changes The feed feature has a really limited use for user profiles but can be useful for pages with user photos It can display photos posted by others Make sure to increase the limit setting to something high as this is like a pre filter that scans user content for photos and text only posts will be discarded Say you have a limit of 100 and your most recent 100 entries on your Facebook page are 70 image
50. e profile name with custom text This will appear in the place of the default fetched Facebook title This is the character that separates path elements in the Facebook breadcrumb previous setting Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch doubleslash miuns plus arrow gt bslash doublebslash middledot dobulecolon numbersign The use of this feature is at your own risk the plugin author is not liable for any privacy issues that arise from publishing photos that are originally only shared with you Please respect your friends privacy This setting allows you to add your friends by entering their profile URL to the Add a new Facebook page button field Once you have activated this setting and saved you need to click Add current Facebook user once again to give your APP permission to access the friends photos This does not work for every user probably depending on their privacy settings Users can disable general APP access to their profile using Apps others use settings on Facebook in privacy settings Add your friends as no shortcode attr pages Flickr Shortcode attr Shortcode values API Key m Your Flickr API Key it s mandatory if you wish to use this feature It s an additional call to request the list of images from Flickr before the
51. e under Settings gt Justified Image Grid It s on the page wp admin options general php page justified image grid 2 Selecta preset in the Presets selection near the top of the page Click Load amp Apply preset button to activate different settings to help you brainstorm 3 Checkif you like the effect by refreshing the post page you added a shortcode to Read further for more customizing Whenever you choose a preset their settings will set their own values They only go as far as their preset authority goes You can see what this means if you click the Edit preset authority button or read the corresponding section here in this manual You can t permanently change a built in preset but feel free to build upon them and save you custom presets Your current settings selection is based or preset 1 by default Detailed customizing from the plugin settings panel 1 Go to the plugin settings page under Settings gt Justified Image Grid It s on the page wp admin options general php page justified image grid 2 Edit the settings here you can access settings section using the tabs buttons Use the contextual help or this document s settings reference for in depth explanation 3 Clickthe Save Changes button in the lower right once you are done so you can check your post page if you like the result Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a
52. eR ERE E 69 Adding VoUbselcsassoststaamd ousadu tenebit c Cete oM ludo Geo ON ste ap d n ceptus 69 Verifying the status OT YOU USET 54 obe rei dr br aene tb d dote e adt ttp mu 69 ReMOvNg OUI AS CT 70 Th shortc deedit r Dabei qutes d etta ut debes iubeo eos tet aah at lat dedo tM rete eon 70 Content that belongs YO condotte cde Re apnd abate uad abest a SCA ARE UTR 70 3 party content that is related to you ttis 70 Unrelated 3 party content automatic content aggregation 70 n 71 Advanced users oo aes ton matta t tete ditus 71 FILEN G isoina a aeaa a ia a Doa EE EESE 71 2 level ften a N aa a ipia a eGR telo RUM Pest 72 Jetpack PHOPTON geo dcdan a O d cda Rut MGR RUN E GN RN MG EATR 73 CCF Lea ninien odia pni banda ein EE EN elevar rd Ea 74 Sb TT PK 75 Ne MIRI EE EL LIE 75 A tomatic updates preferred esae qais i pe aede bna E ENa 75 Witmer Pace SS coton to oU EA pY Mio NORRIS AA E ba eudul etes Adan obti E etn fotu 76 Without FIP CC ac ac E Tou NEUES S Mu o UU Ced 77 Backup import export and uninstall reset settings esent nennt 77 Localization GAAP US Nea LIA scat eo aiaa aii a admo a A e RA ena AAi 77 Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to getin touch Template tag header footer or any ot
53. ere Go to the media library and click one of the pictures that supposed to show up in your gallery Next to the thumbnail under the upload date there should be the dimensions If that information is not there delete the images and re upload them from a different browser If the dimensions information is not there for some weird reason the plugin cannot work with your images The images need to be uploaded again try a different browser If all of these fail continue reading or contact the author Otherwise most likely it s still a TimThumb problem and that s because your server setup is unusual If you can check the browser s console If you see timthumb lines in the list of files that get loaded but no images then it could be a permissions problem If point 4 above didn t work go to FTP enter the plugin s folder give 777 permissions to timthumb php the cache folder and its contents 2 files Do you see a lot of 403 or 404 errors You have to add this to the top of the htaccess file of your WP installation SecFilterEngine Off SecFilterScanPost Off Are you using HostGator Contact their support to lift this restriction Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch It looks like the lightbox is conflicting with my theme s lightbox I m getting a red jQuery notice How can I display mult
54. ers and can be generated conveniently 1 Create a shortcode that is not empty and has an image source like ids id include or flickr facebook instagram nextgen recent_posts features Edit your other settings as you wish then click on the Generate template tag button on the last tab Copy the tag to a PHP file of your theme If you are putting it inside lt php gt already just remove those If you save the shortcode insert to the post then cut and paste elsewhere you can store these settings for later editing I recommend doing so because you can go back change one setting and then regenerate the template tag In sidebar as a widget 1 Create a shortcode that has one of these attributes ids id include or flickr facebook instagram nextgen recent_posts features Copy the shortcode 3 Paste the shortcode into a text widget in your sidebar Note This plugin makes your site support shortcodes in the text widget Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to getin touch Custom links on the images You can point images to other than the lightbox To accessthis feature simply use the JIG Link and JIG Target fields inthe WP image editor Add Media or Media Library Set an absolute link starting with http or https as the JIG Link You can choose a default target in the shortcode editor orthe plugin s
55. es Or pages user tesi madida tuat ee Ru Oa a p Gl ga te d Rus 65 Removing profiles or pages ebrei ertt ed te bail satt dla 65 lri z ioigreIo Io o dio a EU M 65 Addirg atialbef aoctor du Me TUM T C MER NARRANT E AAEE R UE 65 Adding multiple albus ite beoe teda abd bate abo dama SSN 66 COMB VU OCIS Cecchi oam AAEE E Nien cunt sts en a oot e Ent scd Sea A AAEE menos 66 sq 66 The settings Dalton tates iab aida bibere bla t A aaa ied ida 67 Gettinigdthe Elekr A PERO s senties pti bid bene eati ei pol im ep URS cue Rol 67 fele RERO EU er CUR UTEM 67 V nfying the status USB cte tedesca nM do REED MD re uideris 67 PRELIM DIE RU cT TT PE 67 Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch The shortcode editor patus MIRO MES Da IER REATUS NNUS SM UN DAR 68 Selecting photostresrmi orT3Vollles uaa cteui coi DPA RR CA usd ea AR dps bu Rp dUR telleer 68 Selecting group pool photoset or dalles tru Sp NN RANGO REED RENE 68 S lecting COM SCI INS eie tidie tg tdi tide t ae RR PR Rada RR Ra Uu a e REOR 68 Usine Flickr search a der corens n do aeos abd Rd ata Maa feda an adt au Da oae 69 I a isisz o fs p a TR RN ence ications seca ENSIS echnical ES 69 Tlae sBttifigs palaestra hen n oin We re Ne UrTcT ar a a api ab oen ic at 69 Getting the Client ID and Client Secret uot onto dnte te p e be ARE ERE ERR
56. est to load a lightbox suitable for mobile users However you can use a different one than on desktops These are Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch foobox new tab links off no mobile optimized The default is PhotoSwipe that is free and bundled into the plugin It uses touch based swiping between the photos Foobox is responsive and new 2012 fall and is purchased separately WordPress creates these sizes when you upload an image Even if your image is smaller all of these will work They ll default to the closest available Don t use Full if you have large images but use it if you specifically resized them to a web friendly size large full medium Maximum size for lightbox the image will link to this size lightbox max size other image sizes also accepted Download link This puts a Download link in the area below the image It ll pop up a browser dialog asking to save the image The ability to use this feature depends on server support o CURL library Use alt to display the Download link download tink yes download link in the other location of the for the image alt lightbox You ll most likely need to change this if you are using FooBox or PhotoSwipe PhotoSwipe requires this to be alt but when using it only as mobile lightbox it s preferred to have this
57. et 1 20 Mobile preset mobile preset P P C1 c custom WordPress image sources Media Library As of WP3 5 this is the standard way of obtaining the images for each gallery They consist of the numerical IDs of Media Library images You can generate this list using the standard WP Add Media tool then bring the list over to Justified Image Grid If you put a star character as the value ALL photos will be loaded from the library This setting accepts numerical ranges such as 1 10 or similar combined with single numbers or however you like to specify it The ID of another page or post that has the attached images you d like to use Look for the post 5 in the URL bar when editing other pages or posts 5 is an example This can be useful if you are post page ID attaching the same images to a different Other post page a number or numbers post like in the preview page of this ID plugin It s also used when setting up the only in the 456 gallery in a text widget of the sidebar or IDs only in the Shortcode Editor 45 72 236 comma separated image IDs Shortcode Editor as a template tag Also if you wish to use 456 345 multiple instances You can combine several posts together just use a comma separated list of numbers and these will be intertwined and displayed as one Sorting will be applied Multiple post id values are not available pre WP3 6 Use this to exclude an image or images from the post gallery T
58. et Also content count no subcollections or sets in a collection no Choose yes if you wish to display collection set description if any above the grid and or on the overview thumbnails under the count Set descriptions only show up when collections are used Only when using the Flickr collections source Open Flickr sets in the lightbox flickr_lightbox_set on the same page instead of linking to separate pages Note currently not compatible with Social Gallery lightbox Advanced setting Make sure you know what you are doing as to not cause a conflict Using the collections feature this appears in the URL Example no shortcode attr domain com flickr content ID You can re write flickr content to something like flickralbum or even album but it won t work if you have a custom post type called the same Flickr CSS settings for the breadcrumb This is breadcrumb CSS l only used when collections are displayed Display collection set description yes above thumbnails flickr description Open Flickr sets in lightbox Flickr collections slug Instagram Shortcode attr Shortcode values ClientID _no shortcode attr Instagram App s Client ID Client Secret no shortcode attr Instagram App s Client Secret Regardless of your Instagram image source you can further narrow restrict the images by tags Tags matching in ANY mode which means that if you specify more tags
59. evel filtering You might have noticed that a second level filtering is available for use with the same settings This will display another row of filter buttons or a tag cloud The visitor will be able to combine the two levels to get a more precisely filtered result with your thumbnails Most likely you want to use two different taxonomies A taxonomy is like color shoe size or categories or tags The correlation between the two filters are AND intersect So only those thumbnails will show that have your selection from both levels In case you need to filter using the same taxonomy but separate the terms to the two levels you can set up a Custom Filter order where you can manually specify which terms you wish to use and in what order for your filter level Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch If you need to indicate some kind of name for your levels you can rename the All button to something more meaningful according to your taxonomy E g All sizes or All colors this way your visitors know what they are filtering by if it wasn t obvious Jetpack Photon Using Jetpack by WordPress com Automattic you can transform the way images are loaded in your site There are no settings for itin the plugin as everything is handled automatically 1 You ll need to install Jetpack 2 Connect
60. eveloper link Link text no shortcode attr Envato username You can earn affiliate revenue if you enter for the referral no shortcode attr your username in this field The default is link the author s username Advanced only in the plugin s settings Leave it on Yes if everything works If you Conditional script Wise eek trate get JS not loaded errors or the grid loading doesn t show due to your theme using AJAX then set this to No Only when the previous setting is set to No Unconditional script loading gets Scripts to load every script but with this you can when using TERT change that Untick scripts you never unconditional use If you turn off Load bundled loading lightbox versions on the lightboxes tab then the lightbox choices will automatically be excluded Chances are your theme or a plugin on your site uses an old jQuery version If you encounter errors red notice you can use this settings to safely load the latest from Google If Google is down it ll load the one from your WordPress installation or from the Plugin s folder If this doesn t work then one of your jQuery source no shortcode attr plugins or your theme is not using best practices to load jQuery therefore forces an old one Contact the plugin author to resolve the problem If you are using a really old theme and having problems try the last option It s always the most optimal to use the version that is bundled with WordPress Depending on how clean
61. ex of an image Smart offers even more it keeps the URL short sends the photo s title description along with its thumbnail to Facebook like share Uses content IDs when available but is based on and falls back to advanced deeplinking The regular deeplinking doesn t work very efficiently in terms of likes but you ll have short URLs If you do not wish to change the URL with a upon opening prettyPhoto set this to No Choose one of the six built in themes of prettyPhoto You can track images viewed in the lightbox as events In Google Analytics you ll find the images by their URLs in the Events gt Photo View page You can configure prettyPhoto with any of their JavaScript settings For more information check http www no margin for errors com projects prettyPhoto jquery lightbox clone documentation Please remove the last comma Refer to the contextual help or the link for more information If you wish to change the size ofthe video window edit the default width and default height attributes If you can t see them enter 1 into the field and click Save Changes Other lightbox settings only in the Settings not available in the Shortcode Editor Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Magnific Popup JS settings Magnific Popup zoom effect PhotoSwipe 4 Smart
62. f pulling from just about anywhere e g your favorite blog or news site Just make sure to respect people s copyrights Youtube and Vimeo automatic aggregation is possible using RSS feeds with more flexibility towards Vimeo Even without a dedicated direct compatibility you can set up a video gallery by pointing the permalinks into the lightbox and pulling a feed or more of these video sharing sites You can even merge them together and they ll be sorted by date This is true for any other feeds that have date information Advanced users You can create a custom feed and connect itto JIG Hire a freelancer or code a feed ina language like PHP This opens up a way to show literally anything in JIG For example you could take photos with your Wi Fi DSLR in the garden have a script on your computer check for photos ina folder and create a feed out of them Then the images would appear in JIG using the RSS feed feature You are not far away from pulling anything you want into JIG RSS feeds are a universal format and are not too complicated to create so even if there is no existing feed to what you would like to see in JIG chances are one can be created quickly Filtering Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch You have two options to display the filtering area This can be the flat button style ora tag cloud
63. ge editor Add Media or Media Library The proper formats are this http www youtube com watch vzXPBwXKgDTdE http www youtube com watch vz8xg3vE8Ie E http vimeo com 21294655 http vimeo com 22669590 In addition you need to select Lightbox video iframe another image as the JIG Target You need to have an image in the gallery that acts as the video thumbnail Locally hosted WP media library or Instagram videos WordPress recently included the Mediaelement js HTML5 video player JIG includes a solution to opena lightbox with that player in its iframe Use the JIG Link field on WP media library images and enter the full URL of your desired video You can copy that URL from the File URL field in the Media Library when editing that video It should be in mp4 or similar format Set the JIG Target field to Video player You must have prettyPhoto or FooBox selected as active lightbox in order to use this feature If you don t use these lightboxes and or your are on a mobile device they may open in a new tab instead with the same player When showing content from Instagram video content is played in this player the only difference is that the video URL and JIG Target is set up automatically for you Troubleshooting Do you have images attached to your post If you don t have any do you have the IDs or include attribute populated with WP media attachment IDs image IDs You can also choose from other source
64. given URL are unlikely to change Advanced users only Automatically disabled when using Jetpack Photon No disables automatic thumbnail creation and the normal sized images will be loaded and resized by the browser most often a bad practice This brings good quality at an enormous bandwidth cost compared to TimThumb Sharp but ugly pixelated browser scaling may appear Fixed aspect ratio and randomize width features will not be available Only disable TimThumb if you know what you are doing for logos testing purposes or as a last resort Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Custom presets At the top of the plugin s settings you ll see the Presets selection area The buttons will change depending on your preset choices and what you can do with them How to use a preset On the settings page select a preset custom or built in and click Load amp Apply preset This will change your global plugin settings to that preset and will update the look of every shortcode in which you haven t selected a preset as they fall back to these global settings unless the settings are overwritten by your values in the shortcode So you can also select a preset in the shortcode however that ll only get applied to that single gallery It ll also make that gallery disregard most of the global settings To see
65. gs setting on the NextGEN tab Add any arbitrary text or HTML text before every instance of Justified Image no value for yes Grid This can be a simple set of no instructions for your visitors or similar Can be disabled on individual instances in the shortcode editor Separator character Text to show before the grid show text before Show custom text before SCE Text to show after the grid show text after Show custom text after SCE no value for yes Same as previous but it s added after no each gallery Behavior of the plugin Choose yes if you wish to automatically use Justified Image Grid in place of your current galleries It s a quick way to transform update all your previous Take over and galleries into Justified Image Grid You replace gallery may use gallery or justified image grid WordPress no shortcode attr as well in the future The Hide mode just gallery disables all instances of gallery but shortcodes only after a JIG shortcode so you can keep both in the post if you want to You can also choose to leave the original galleries alone regardless of the presence of JIG shortcode s If you or your client prefers to use a shorter name for the shortcode you can enter it here It ll be created in Shortcode alias no shortcode attr addition to justified image grid and optionally in addition to gallery Example jig to have this just enter this into the field jig Allow animated
66. han and its images will also be centered Flexible Match For Load More with same aspect ratio images combines flexible and match Flexible match center Allows the very last to be orphan the row height will match the previous row furthermore the last row s images will also be centered Match center Matches the previous row s height and center images when they don t forma full row a number pixels Mobile row preferably between Same as Target row height but only for height folis raw hein 100 and a few mobiles Optional hundred A smaller number than row height Set Same as Row height max deviation but to 0 to have fixed row for mobiles Optional height Mobile row height deviation mobile height deviation Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Thumbnail count and dimensions You can seta maximum number of a number images to load Max rows can limit this even further Images above the limit can still be added to the lightbox until this limit is reached E g have 5 thumbnails but open a gallery of 50 images The hidden Hidden limit hidden limit a number images will only make use of link title for caption You must use grouping set link rel to auto Hundreds of images can slow down prettyPhoto so use ColorBox PhotoSwipe Spacing between This is the
67. he image needs to be among the images you were originally displaying It only works for WordPress Exclude these m images Go to the Media Library and attachmend id s images mouse over the File names Look at the exclude comma separated only in the Sethe werd featured status bar and note where the links point Shortcode Editor i to Find the attachment id a number You can also use the word featured in place of a number to automatically exclude the featured image E g 21 featured 652 Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to getin touch Include these images only in the Shortcode Editor attachment id s comma separated include image categories Image categories only in the Shortcode Editor comma separated category slugs comma separated tag Image tags slugs a taxonomy s slug such as post tag or category or your custom taxonomy Image tags only in the Shortcode Editor Image taxonomy only in the Shortcode Editor image taxonomy Image taxonomy term only in the Shortcode Editor comma separated term slugs Parent ID only in the Shortcode Editor A page ID You can t use exclude and include together Include means only these images will be displayed You can include images that are not attached to the post pre WP 3 5 In WP 3 5 just use IDs attribut
68. her location ettet ttttttnnnncccis 78 Iri sidebar AS a Widget aote aiia et REN QM Sa d ten m ssi MM UU SEa EESE EE EEEE uuu ancients 78 Custom links on the IMACS oan n d cR ccc a UM M RU aR 79 To open the custom link to a page in a prettyPhoto iframe ees 79 To open another image m the lie BEBOX usate m tiresoerh tort tnatst estere evaoa oes tk bad estote boe pud 79 LY J Ts cre g 6 0 2 qM T nin a ainin a iait Saaana aa Hs 79 TPT FSO IPA E EEE EIA EE EE EN 79 Locally hosted WP media library or Instagram videos tette 80 THOHUbISSDODH DE ansans ob oa SU oU cuu tst A oi DORMI UU CON DODR ds Sen toI MEO ENER 80 Installing Watch this video in 1080p for details on how to install update the plugin 1 How to install To get notified about updates follow thefirsh on twitter and check the Get notified by email if this item is updated under the downloads page of your account on CodeCanyon Setup quickest automatically apply to existing galleries 1 Go to Settings gt Justified Image Grid gt General settings Find the Behavior of the plugin section 3 Inthe setting Take over and replace gallery WordPress gallery shortcodes select Yes act in place of the gallery shortcode this will automatically apply Justified Image Grid on your existing galleries Setup quick basic Watch this video in 1080p for a narrated demonstration of the setup 2 Settings and creating a gallery Thank you for purcha
69. his field at all Jetpack Carousel users only img alt is always derived from Description This option only controls what to display in the title area short title text inside Carousel 1 or 2 WP custom field s comma name of your fields separated for one or both of the above comma separated settings respectively Specify one field if you max 2 only set one to Custom but two fields if ou set both to Custom field Link attributes custom lightbox link class link rel link attribute name Anything you enter here will be added as class of the links on the images This should one word only be used for the lightbox selector and not CSS styling unless you know what you are doing of course This makes lightbox scripts group images together so you can click next prev buttons Set to empty if you don t want that feature WordPress doesn t allow square brackets in the shortcode attributes but use parentheses and the plugin will convert them to brackets for you Use brackets in the settings however Set it to auto or jig instance for proper jig instance deeplinking supportin prettyPhoto and like this PhotoSwipe4 It ll make this prettyPhoto id or jig id where the id is the instance number of your gallery It s useful when you have multiple galleries on one page If it s auto and you didn t choose prettyPhoto then it ll use colorBox id or jig id instance gets replaced with the actual ID This usually seen in
70. home element This is for the second clickable element in the breadcrumb This indicates the parent or root element Choose what this should be Post title This is the default put the title of the post as the root element Custom text enables the next setting whatever you wish to display Album name automatically get the NextGEN gallery s title Enter anything you d like to see as the Home element read previous setting description You need to set Home element to custom text to use this The home element can link back to the original root In most cases this should stay on so visitors can go back to the Home The page you are currently on is the last element in the breadcrumb Making it clickable makes not too much sense but in case you want it anyway you can enable it Show the breadcrumb even if you are on the top level haven t gone into any sub level gallery yet Only the base and the home elements are visible in this case Add the separator character at the end e g Home gt Gallery gt instead of Home Gallery This is the extra one in the end Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Recent posts These settings can only be found in the shortcode editor Shortcode attr Shortcode values Use recent posts Post type Display in the description
71. hortcode attr no shortcode attr tags comma separated intersect would only return images that are both strong and fierce Choosing no would return anything that is either strong or fierce Only applies for NG tag galleries and search queries Only images with any of these tags will be shown in gallery album tag This is only in the Shortcode Editor Tags italic comma separated will be added to the description field These then can be shown on the thumbnails and or in the lightbox To speed up loading you can choose to disable NextGEN s scripts and styles This will affect all JS and CSS files by NextGEN which are no longer needed if you are only using JIG to show NextGEN content However if you still use NextGEN anywhere on the site without JIG or for any other reason you need those files for their lightboxes just let them load Use NGG Custom Fields plugin to create your own field that you apply for images and galleries Enter the field s name here Then enter your desired custom links in NextGEN and the images will point to your custom links from Justified Image Grid without any further modification This is created as most people set up custom links for NextGEN with NGG Custom Fields plugin and the migration to Justified Image Grid as a display can be smooth this way Chances are if you need this feature you are already using this with a customized NextGEN view You can style the breadcrumb using this set
72. humbnails file size Same as TimThumb quality Best set to auto which will divide TimThumb quality by the pixel aspect ratio of the device will use aminimum of 40 quality In case of double sized images it ll serve half the Retina quality retina quality normal quality Similarly it ll serve two thirds quality for 1 5x images This ensures that the file size of thumbnails is not increased too much so the bandwidth usage is not doubled for mobile devices The perceived quality will still be better study shows Retina revolution When retina quality is automatic this Minimum retina controls the minimum calculated quality min retina quality n quality Set it higher if you have smooth gradients on your images Decide what screens to support according to the level of density device pixel ratio 2 Maximum is double density the most common extra max retina density A retina density file size cost rarely occurs 3 is the density of the latest phones 50 extra file size cost is usual If you feel that your images are cropped ata wrong place you can fine tune the result Crop zone timthumb crop zone using this Only used when you are cropping using a fixed aspect ratio this determines where to crop the images Does Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Custom TimThumb path
73. ike Lightbox link text recents link text Read more facebook caching a number minutes It s an additional call to request the list of Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch caching time default is 60 one images from Facebook before the images hour can start loading If you utilize this cache the list is not needed from Facebook every single time so your images will start loading faster Do not rely on this too much for extended periods of time as this is not intended to circumvent the access expiry 2 months Set it to a few hours If you change this setting a new list is automatically requested on the next visit to the gallery by anyone so you can t get stuck by setting it too long Use of this cache is recommended If you wish to see album updates right away set it to 0 The thumbnail images are cached by TimThumb The images in the lightbox are always served directly from Facebook Only used by the Facebook overview feature this saves a lot of requests to get the individual album covers This should be set to some very long time or you might experience a slowdown when using the overview feature The default value 43200 is four weeks because album covers rarely Facebook change You can purge the cache using the overview no shortcode attr link above caching time On Facebook p
74. ike it is on Facebook Both click and scroll options add a button but in case of infinite scroll this button is automatically clicked when scrolled to it and is hardly ever seen It s there to support devices that might not be able to invoke auto scroll If you are experiencing problems try to enable the Load more infinite scroll device fix setting available only in the settings not the shortcode editor Hybrid mode means you need to activate the infinite scroll by having to click on the Load More button for a first time Useful if you have multiple galleries on the same page Load more behavior load_more Once Load More just limit the images you see initially then upon clicking Load More it ll load all that s left in one go Sometimes you wish to display all image on a desktop but with Load More only on a mobile device to save bandwidth and improve performance If you set this to yes the Load More settings will only apply to mobile devices If you choose a behavior then that behavior will only get applied to mobile devices and can be different on dekstops Load moredimtipet ibd badmoreiit humbe Enter the amount to load initially and also isa aces JR aes me INS per batch 10 or 25 or 50 is usually fine Load more text load more text Load more Emer your Text WNC shouid oe displayed instead of the standard Load more Leave empty in the settings or enter none in the shortcode editor to disable Otherwise this is the optio
75. images can start loading If you utilize this cache the list is not needed from Flickr every single time so your images will start loading faster a number minutes If you change this setting a new list is flickr_caching default is 60 one automatically requested on the next visit to hour the gallery by anyone so you can t get stuck by setting it too long Use of this cache is recommended If you wish to see album updates right away set it to 0 The thumbnail images are cached by TimThumb The images in the lightbox are Flickr caching time Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Lo always served directly from Flickr Much like Download link in the lightboxes tab this adds a backlink to open the no original photo on Flickr You can move it yes between the text locations of your lightbox alt to ensure it shows up in the right place by direct switching between yes and alt By choosing direct the photos won t open in the lightbox Flickr will open instead You can change what you see as link text Flickr backlink when linking to the original photo page text on Flickr By default it s View this photo on Flickr Whether or not the Flickr link to the Flickr backlink ERE original photo page should open in a new target window tab or navigate away from the current page your
76. ing You can t add users here Adding a restricted page When you add a restricted page you need to have a human user authorized already If you only have one user the page will try to access with that user If you have more users you can select who would you like to access the page with You ll be able to see who gave access to the page by the via label onthe page s button If you remove that user the page will be removed too Adding yourself or the logged in user the user who logs in for you on your computer Just click the Add current Facebook user then click Go to App on Facebook The access will expire after 2 months To re authorize you just have to clickthis button again Facebook will renew your access silently If the access expires your gallery won t show restricted images from Facebook so it s advised to keep this in mind The plugin will alert you one week prior to expiration until you renew or remove your profile It ll be a yellow administrator notice It ll turn to red after the 2 months The editors won t see as they can t do much about it If you change your password the access expires Adding a 3rd party user profile You can asksomeone else to access their albums and display it on your site They ll need to give permission of course l Login to Facebook Developers then go to the Roles tab in your App Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if yo
77. ing at their URLs They ll look like they are still loaded from the original location It s free The considerations Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch e The DNS records for your domain will need to be managed by their name servers e Won t make your images Retina High resolution display ready e Doesn t replace TimThumb thumbs like Jetpack Photon does CDN If you have your own CDN set up you can rewrite the URLs to include the CDN s host instead of the regular host It s a setting available in Justified Image Grid settings TimThumb amp CDN tab Not in the shortcode editor as it s a global setting If you have a CDN you should already know its benefits and considerations so I won t list them here Also it varies by CDN provider Updating Automatic updates preferred Since v1 9 the plugin auto updates You always receive update notifications but can only get the package if you add your Purchase code to the settings for license verification purposes To enable this feature Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch v2 4 l Get your puchase code Downloads Dashboard Profie My Settings Portfolio Hidden Downloads Invokes Withdrawal Earnings All M
78. ink in the lightbox only used when RSS links to image to provide a way of still going to the permalink You can move it between the text locations of your lightbox to ensure it shows up in the right place by switching between yes and alt Whether or not to open RSS lightbox backlink on a new tab To control thumbnail click target use the General settings Behavior of the plugin Custom link s target The text to show as RSS lightbox backlink e g Read more Go to story etc By default the caching is 12 hours set by WP you can override that for this feature Set in minutes You can clear WordPress RSS cache from the database by clearing the Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch related transients It may affect other RSS experience on your site TimThumb amp CDN Shortcode attr Shortcode values TimThumb A value between 0 and 100 is required 90 is li usually good You can set something lower indi for faster loading Retina ready means the thumbnails will look crisp on modern mobile devices or other high resolution displays The image resolution is multiplied by the device s pixel REID SIEREN eun au featy aspect ratio For Sei ch Full HD devices this ratio is 3 resulting in 3x resolution thumbnail needed to be loaded for the best results This determines the t
79. iple galleries on one page send them these http support hostgator com articles pre sales policies secfilterengine and secfilterscanpost http wordpress org support topic timthumb htaccess fixed This can also apply to other hosts using Apache 2 Possibly also send them one of the rows from the browser console that is giving you 403 or 404 With v1 3 TimThumb has been modified to treat the image as external if it can t be found internally This should fix error regarding to loading the images from a custom path on your domain or not using WP on the top level domain The following is kept for your reference or if you are using an unmodified TimThumb Isn t WordPress on the top level on your domain Do you have something like yourdomain com username wp content In some cases a bad configuration drives TimThumb the 3 party image resizer script crazy It can t find the image on the server s file system You ll need to edit the timthumb config php file in the plugin directory with your path in it as SERVER DOCUMENT_ROOT path to wordpress Contact me and I ll sort it out for you Mind you that this was modified in JIG v1 3 so may no longer apply You need to disable either the theme s lightbox or the plugin s lightbox If you are using prettyPhoto and you don t wish to use the one in JIG instead of disabling it in JIG you can define a constant in the functions php of your theme define JIG SKIP PRETTYPHOTO true
80. l to keep this enabled for production You can disable it for testing Errors are common on Facebook If no images are displaying at all you have a different problem that this can t solve Select a target when using custom links instead of the automatic links that point to photos The self means it ll open in the same tab window while blank can be used to open in a new tab window Set to video lightbox if you are mostly linking to videos and showing them in the prettyPhoto lightbox The video setting is a versatile option and it can be used to open RSS permalinks in the lightbox prettyPhoto as well It can also be used to display another image in the lightbox by specifying an image link as JIG Link and selecting this as target The setting off can be useful if you are showing the same image twice on your site In one context it may bea representative of another page so you added a custom link to it But on the page it links to you still want to show the image this time without the custom link This is only available in the shortcode editor Tell search engines to follow the custom link to the external site This will only be added to a custom link you set in the JIG Link field in the media editor See the end of the docs Restrict the gallery to users who have logged in Those that are not logged in will see a customizable message that says please log in Please log in no shortcode attr Po What to display whe
81. lace Then copy paste the URL of the page into the location field or just enter the code from the URL for example 49b7ed6df964a52030531fe3 for Times Square Press Search location and your place will be selected Don t forget to generate the shortcode and add it to the post You ll see your desired automatic content Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch RSS Feeds are the most flexible and fun image sources Go to the shortcode editor open the RSS tab and scroll down fora tool to convert regular links of popular sites to feed URLs The only limitationis that the feed items need to have an image in order to show up Note If the feed images are small you need to decrease row height and deviation to avoid upscaling You have the ability to use feeds like they were Recent posts in your WP installation With excerpt and link features it opens up new possibilities For example you can open the permalinks in prettyPhoto and navigate between them using arrows like an RSS reader You can pull your photos from other image sharing sites such as 500px even if there is no direct compatibility set up for them in JIG A direct compatibility is what JIG has for Facebook Flickr and Instagram With RSS feeds the number of things and images you can pull from a site is limited but overall you have the great flexibility o
82. llow you to edit or reorder images later 3 Switch to Text HTML editor at the right had corner and you should see the WP gallery tag something similar gallery ids 654 84 12 numbers are just an example 4 Copyitand change gallery to justified image grid like this justified image grid ids 654 84 12 gallery ids 654 84 12 You can keep both lines as Justified Image Grid will disable the WP gallery below it The benefit of keeping itis that in WP 3 5 you can select any image from the Media Library and you might want to change your gallery later If that happens you should update the idsz attribute each time to reflect the change in the gallery shortcode do this in the Text editor Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch If you forget the shortcode you can use the shortcode editor to generate it It is displayed with this icon Elin the toolbar of the Visual editor TinyMCE Hint You can make Justified Image Grid automatically take over gallery shortcodes to simplify the process l Go toSettings Justified Image Grid General settings 2 Set Take over and replace gallery WordPress gallery shortcodes to Yes You can also rename justified image grid to anything else using the Shortcode alias setting Quick customize using the presets 1 Go to the plugin settings pag
83. ly set one to Custom but two fields if you set both to Custom field WP field for og description Og tags custom field Captions Shortcode attr Shortcode values Caption appearance and style Set up how you d like the image caption to appear on the thumbs Different animation methods on mouse enter fixed and off fade slide Reverse styles do the opposite of the mixed mouse interaction e g fades out the fixed caption on mouse over Caption style caption reverse fade reverse slide To put the captions below the thumbnails reverse mixed outside them choose the option below below Check out the caption height setting too off Slide and Mixed styles will fall back to a simpler style on Safari due to a rendering problem Freeze a certain caption style for mobile devices that doesn t require mouse over as there is no such thing on devices It s Mobile simulated by a single first tap Because of mobile caption M caption this it would often require double tapping an image to eventually openit This option is most useful when also using the general setting Disable mobile hover interaction Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch The opacity ofthe caption text and background combined Enter a number between 0 and 1 Value above 0 4 is recommended 0 is fully transparent
84. n and off Allow multiple filters Settings for the Buttons style pi DURGN no shortcode attr CSS Filter button CSS settings for the hover and selected hover and no shortcode attr 3 state of Filter buttons selected CSS Center filter no shortcode attr buttons HEX color value something light is Smallest tag s preferred You can use the color picker in no shortcode attr e color the top right corner This will be used for the tag with the least associated items A number in px something small is no shortcode attr preferred This will be used for the tag with the least associated items HEX color value something dark is Largest tag s recommended You can use the color no shortcode attr i n color picker in the top right corner This will be used for the tag with the most associated Smallest tag s font size Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch A number in px something large is recommended This will be used for the tag with the most associated items Filter tag CSS _ no shortcode attr CSS settings forthe Filter tags Filter tag hover and selected CSS Center tag cloud Largest tag s no shortcode a font size CSS settings for the hover and selected state of Filter tags Align the filter buttons to center Will not no shortcode attr align
85. n the user is not Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch message Blog view limit no shortcode attr Blog view limit message no shortcode attr WP image tags no shortcode attr and categories Custom links on i no shortcode attr images WP image no shortcode attr custom classes Additional tools or utilities only in the plugin s settings logged in and the Only for logged in users setting is enabled The text can be HTML formatted and will show as is Limits number of images when the post is displayed among others blog view archives author posts category listing etc and shows a message to view the rest of the gallery links to the full post like Read more The gallery only shows up in these views if your theme processes shortcodes shows the full posts and not just excerpts Since this doesn t just affect individual galleries but how multiple are displayed as part of posts these settings are not available in the Shortcode Editor The setting should be used on certain type of photo blogs consistently showing many photos in posts The text for the link below the gallery that is truncated by the Blog view limit It should indicate that there are more images This feature lets you Show WP images belonging to a certain category To categorize images check out
86. nal second line text that makes the user aware how many images are remaining The count word gets replaced with the actual count Start the next batch of load more before the end of gallery is scrolled into view Set in pixels without px Larger number means earlier less noticeable load more f on Automatically restrict the width of the Load more auto width load_more_auto_width f off button to its contents and center it Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads no yes Load more only on click load more mobile mobile scroll hybrid once count Load more count text load more count text images remaining Infinite scroll offset load more offset page on CodeCanyon if you like it Leave a comment on JIG to get in touch This setting will add meta name viewport content width device wid th no shortcode attr height device height initial scale 1 0 to the head This ll help some mobile devices to use the infinite scrolling feature properly Load more infinite scroll device fix You can override the look of the Load more button here Use the Light or Dark links to reset your settings to the desired color theme load more hover Css Customize the look of the hover state Load more button Filtering Load more CSS no shortcode attr basically the same for Level 1 and Level 2 Setting name Shortcode attr Shortcode values To automa
87. nt description above Single and plural version is separated by a pipe Comments text comments text comment comments Default comment comments If no pipe then one version will be used no matter the count Zero comments won t be shown anytime Ending for auto excerpt excerpt ending basically anything Filter narrow what posts to show Optionally you can manually specify posts WP post IDs comma by IDs comma separated You need to Post IDs post ids separated any post type select the appropriate post type as well select it too Not to be confused with ID or IDs settings on the General tab Don t show these posts specify IDs comma separated Use the word current to automatically exclude the current post for example related posts Not compatible with the post ids setting as it does just the opposite Figure out the category ID s by going to Posts Categories and hovering over the categories Note the tag ID number in the status bar Or click them and note the number from the URL bar Show posts from all categories except these OR a category ID or ID s only show posts from these categories recents include comma separated both exclude and include take comma 5 26 34 separated list of category ID s WP post IDs comma Exclude posts by ID post ids exclude separated any post type select it too a category ID or ID s recents exclude comma separated 5 26 34 Exclude category Include category Thank you for p
88. o take over those automatically by selecting the appropriate shortcode in the Take over and act in place of NextGEN shortcodes setting While the take over features are a fast way of getting there with NextGEN if you are using the Justified Image Grid shortcode attributes for NextGEN you can achieve a more fine tuned result If you already have one look at the original NextGEN shortcode you have in your post or page orthe NextGEN settings to figure out what IDs you need to use The key shortcode attributes are below e ng gallery e ng album e ng pics e ng tags gallery e ng tags album NG2 doesn t have this feature only NG1 did as far as I know e Not requiring an ID ng recent images e ng random images Lookthese up in the settings reference above for detailed explanations for each The shortcode editor lets you select albums and galleries by their name so you don t need to know the IDs Once done make sure you follow these steps to ensure that entering a gallery or sub album from an album or overview album view will take you to the desired page Unless you do this they may appear to not navigate away from the current page or show an empty page Points 1 3 apply only to NextGEN v1 only not NextGEN 2 1 Go to NextGEN settings on Gallery tab tick this The album will not link to a gallery subpage The gallery is shown on the same page 2 Then on General tab tick this Activate permalinks When you activate thi
89. on yes The download function is designed for desktops Text for the You can set up your custom text for the no shortcode attr download link Download link What text to show inside the lightbox Lightbox plugins can behave differently in terms of where they get the text from as their title and optionally their description fields The 4 options here are the WordPress fields you find when editing a picture s information With this setting you can connect any of those fields to the link s title attribute description WP field for title link title ee caption link title field P anchor tag s alternate title attribute custom ff DEAE Jetpack Carousel users only link title is always derived from Title This option only controls what to display in the description area long text inside Carousel WP field for img alt field Same as the previous but you can pair a Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch img alt image tag s alt attribute Lightbox custom field Link class es Link rel Custom attribute name lightbox custom field description field to the image s alt attribute For caption example prettyPhoto gets the title on the alternate top from the img alt attribute and custom description below the image from the link off title Colorbox will not use t
90. on IE 7 or lower no shortcode a Lightboxes Shortcode attr Shortcode values What to do when clicking on a thumbnail Lightbox type Mobile lightbox lightbox mobile lightbox prettyphoto colorbox magnific photoswipe photoswipe3 foobox socialgallery carousel custom no new tab attachment links off magnific photoswipe photoswipe3 Choose what you would like to use This is what happens when somebody clicks on the image There are two built in scripts you can use If your site already uses one of these please select custom and add the link class and or rel that your lightbox script is using to identify image links Themes may customize their version of the lightbox scripts and it s best not to mix them with an original one from this plugin If you experience this either disable the theme s or use something different here Foobox is purchased separately Social Gallery is also purchased separately Refer to the paid plugins documentation about compatibility settings Use attachment to not open a lightbox but to show the image on its own WP attachment page Displays the image on its own in case of non WP native images You can also use Jetpack s Carousel which you should definitely try if you like using Jetpack services The new tab setting allows you to open the images on their own by the browser on a new tab Can be useful if you show large screenshots like JIG preview site It s b
91. or Facebook or Instagram support SSL Please see the browser console or contact the author for forever more information FooBox is not working as Make sure you have the latest version of that plugin installed For other Social Gallery is not working as Make sure you have the latest version of that plugin installed For other With the link title field and img alt field settings you can set up which position in the lightbox gets which field from WP You can even set all four fields to appear in your gallery For example WP title as the main caption on the thumbnail WP alternative text as the description part of the thumbnail caption caption field In addition the WP caption can act as one text in prettyPhoto then the WP description as the other text in prettyPhoto Sometimes WordPress fails to link to the image file and only links to the path of the image This might be because of a broken image If you have used rebuild thumbnail tools try using them again or re uploading the pictures Try inserting the picture on its own to the post If it still doesn t show then you should re upload that picture The lightbox shows a wrong misplaced caption Some images are missing and or Make sure error checking is on and you shouldn t see whitespace where the image won t load when images should load If the big image can t load and you are serving clicked them from Facebook there is nothing you can do Facebook sometimes fails to serve im
92. osts Post ID NG NextGEN gallery FB Facebook FL Flickr IG Instagram This is not available for RSS Feeds YYYY is the actual image ID in various formats You can use developer tools to inspect or another way to figure out the ID of an image To target JIG instances with a certain Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch preset use the following selector Use jig preset global for presetless shortcodes Use jig preset 10 or jig preset cl for galleries with a preset in this example built in preset 10 and custom preset 1 eo Extra JS to add wherever JIG is used Custom JS no shortcode attr Backup and uninstall only in the plugin s settings Determine what happens the next time you uninstall the plugin Caches are WordPress transients in wp options table used to cache Facebook Flickr and Instagram and a wp jig ext images table used to cache remote images from Jetpack Photon RSS and very old NextGEN installations This setting will reset on the next install The updates are made in a way that you are not losing any setting during the process and you don t need to remove any settings either Full removal is only recommended if you no longer wish to use the plugin and it ll leave absolutely no trace in the database whatsoever If you just want to clear the caches
93. our Instagram caching time Link to the photo on instagram link Instagram page on CodeCanyon if you like it Leave a comment on JIG to get in touch RSS window tab or navigate away from the current page your site Shortcode attr Shortcode values feed URLs comma separated if more than one Feed URL s RSS links to RSS description permalink image none description excerpt datetime date nicetime rss description RSS exceprt length words R rt E pine rss_excerpt_ending a few characters ending no rss link yes alt no shortcode attr RSS lightbox backlink RSS lightbox backlink target Rss IIO rss link text our custom text backlink text dida y RSS caching time rss caching number in minutes Specify the URL of the RSS Atom feed you wish to use Can combine multiple feeds and sorts them by date put a comma between URLs in that case Use the helper tool after the RSS settings in the shortcode editor to get feed URLs from popular sites What should open when clicking on thumbnails from an RSS feed Go to General Behavior ofthe plugin Custom link s target to open permalink in the lightbox iframe videos or on a new tab This controls what text to show as description on the thumbnails Similar to what s available for Recent posts Limit the length of automatic excerpt defaults to 20 words Add this to the end of the auto excerpt like This the RSS item s backl
94. over If you empty a setting or choose default that attribute will be removed from the shortcode Manually The editor is for you convenience so that you don t need to code However if you don t have the visual editor enabled you ll need to add the attributes and values manually The Settings reference will be helpful in that case Just separate them with a space You don t need to wrap everything in or except when you add multiple values or spaces words like CSS margin 10px 0 This is only for the Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch shortcodes not the settings page Make sure you only use the available values from the table in the Settings reference with their accepted values Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Support If the troubleshooting guide didn t solve your problem or you believe you have encountered a bug please contact me here http codecanyon net user Firsh There is also a fresh FAQ online here http codecanyon net item justified image grid premium wordpress gallery 2594251 support Important When asking for support enter the URL of your page on which you are trying to implement my plugin UnlessI can see what s wrongl can
95. r settings belong to these like the lightbox choices or filtering These appear as blue in the preset authority editor Blue settings belong to the presets and are saved to custom presets When a preset is selected in the Shortcode Editor the blue settings in the settings are disregarded 3 There are settings in between whom are not affected by the presets because they are meant to bypass them and work globally like mobile behavior settings all settings for Facebook Flickr Instagram CSS settings lightbox related settings Orange settings currently don t belong to the presets and are NOT saved to custom preset When a preset is selected in the Shortcode Editor the orange settings on this page are still taken into account With the introduction of preset authority you can move settings between groups 2 and 3 by clicking on their name in the rows For example this allows you to have a global lightbox choice and still use presets with the same lightbox Even though the built in presets keep using prettyPhoto and ColorBox for variation you can bypass that by setting the lightbox setting to belong in group 3 To enable preset authority editing just click on Edit preset authority change your preferences then click Save Changes You don t need to but you can exit the editor by clicking the now changed button called Exit preset authority If you enter the preset authority editing mode and don t make any changes to their colors just the v
96. r to the documentation of your lightbox or these examples UIG selector fancybox UIG selector nchlightbox JIG_selector swipebox UIG selector nivoLightbox PrettyPhoto settings GP T GPF any combination F Facebook Like Share T Twitter P Pinterest G Google Toggle Like Tweet Pin and 1 buttons in prettyPhoto If you do not wish to show these just set this to No Default is FTPG Facebook Like Share Twitter tweet Pinterest pin Google 1 One letter means one social button With this you can re order or disable individual social buttons of prettyPhoto The smart and advanced options use several server side logics to make individual Facebook like or share possible It ll make the liked image appear on Facebook as a thumbnail and upon following the link from Facebook the liked image will re open Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch prettyPhoto theme prettyPhoto Google Analytics prettyPhoto JS settings pp default light rounded dark rounded light square dark square facebook prettyphoto theme prettyphoto analytics no shortcode attr Likes are individually counted for each image Also when your image order changes in a gallery or you add new ones to the top the Like will still work as it doesn t rely on the numerical ind
97. rchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Row behavior a number pixels preferably between 100 and a few hundred Target row height height deviation max rows Make it smaller than the row height like half or quarter size Set to 0 to have fixed row height Row height max deviation Max rows a number normal center hide match flexible flexible center flexible match flexible match center match center Incomplete last row last row The script will target this row height If you set no max deviation below some cropping will occur from the sides of the images to maintain this row height at all times Make sure your images are at least this tall to avoid upscaling Give the script a chance to make images fit by growing or shrinking them relative to the target row height If you set 200 as height and 50 as deviation the rows will range from 150 to 250 in height Rows with more portrait images will be taller rows with more landscape images will be lower Only display this many rows Any other images will not be loaded If you resize the window some images might not make it into the rows If you maximize the window again they will be re added on the fly Use this setting if you wish to create a banner like gallery block Make sure you have enough images to fill the rows Use 0 height
98. rites groups photosets galleries It s likely that not every one of these will show up it means the user doesn t use those features If you do not wish to use the Flickr feature just set this section to Do not use Flickr Selecting photostream or favorites These sources don t have the in their names it means that it s the last step of choosing these sources No other selections will be required It ll simply load the recent photostream or favorite pictures up to the limitset by you or 25 default limit or 500 maximum limit ClickInsert Edit Shortcode button at the bottom Selecting group pool photoset or gallery These sources have the in their names it means that there is one additional step of choosing these sources Click one of these then a set of your selection will display with thumbnails and titles You ll need to select one from these Once you clicked one a blue frame will appear around the selection Utilize a limit for the pictures that is set by you in the general section or 25 default limit or 500 maximum limit ClickInsert Edit Shortcode button atthe bottom If not shown due to the possible high amount of pictures the cover photo of each can be loaded by hovering over it with the mouse briefly Selecting collections Select the Collections source If you don t have such button it means you don t have collections yet Collections are a hierarchical set in a set concept of Flickr A collection can include o
99. ry a different row height If you have a lot of small images disable the caption because it won t be readable anyway this also reduces the animated elements Try turning off the animation while keeping the effects by setting animation speed to 0 Close the debugger tools firebug etc because it runs slowly when they are open Try restarting your browser as it might have suffering because of the amount of tabs you opened during its run Close flash HD videos playing in the background The mouse enter leave handling has been optimized and should run smoothly on most modern computers Especially with jQuery v1 8 The animation runs above 30fps on a 5 year old PC with lots of windows and tabs open at a time oftesting The animation is choppy Color images flash for a split second when I resize the browser It s normal the browser needs to redo the desaturation or other special window when I have effects because of the changed image dimensions Otherwise it s re desaturation on others or creating the grid because of skipping unloadable images everything i It s a known error that happens in IE It can t fade absolute positioned The images are not fading in elements if they are the child of the animated element In Safari or IE7 or lower the slide effect doesn t work You can only apply sliding to the description when the title is always visible It s called mixed The caption isn t sliding but fading in and
100. s but have something enabled Facebook Flickr Instagram NextGEN Recent posts Nothing shows up not even the shortcode as the content or it s only generating some whitespace Otherwise you likely have made an error typo in one of the settings Check if you have used any characters other than numbers in the fields that should only have numbers Quick fix is to push one of the preset Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch buttons that will reset all your settings to a working state Also try removing all attributes from the shortcode Other possibilities 1 Check if your WP installation is the latest If not upgrade 2 Check if your site loads the plugin s js in the footer view source If not add wp footer to the footer php of your theme The minimum visible width of the plugin is 10px under this it won t show anything You might need to set a fixed width if you are experiencing this General settings Custom width whole grid and Width mode Fixed Non responsive You can manually call this JavaScript line to refresh the gallery after your site has loaded jQuery justified image grid data justifiedImageGrid createGallery resize Click the link in the settings page TimThumb section to check the permissions Does it say writable Follow the instruction th
101. s and 30 text or other updates only 70 photos will show up The Facebook API doesn t support this natively so that s why it works like this Useful for event pages or community pages to show content posted by others Flickr Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Similarto Facebook you can also load images from Flickr You can choose to load the images from a user s photostream favorites groups photosets galleries No authentication is required just a mandatory API Key you can create simply The only restriction is that the photos need to be public The settings part Referto the detailed contextual help for more information It s important to note that until you clicked the Save Changes button in the lower right corner the changes are not saved After filling in the API Key you need to Save Changes so you can enable more functionality The message log will help you with error success feedback of every action you make with the Flickr user add tool Getting the Flickr API Key 1 Login to Flickr then go to Flickr Services 2 Choose Non Commercial or Commercial In most cases non commercial is fine and this help choses that path 3 Entera name and a brief description of what you are using this for The name can be your site s name The description can be simple asit is automatically approved anyway
102. s option you need to update your permalink structure one time Gallery slug name Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch 3 Then click Create new URL friendly image slugs Proceed now 4 You may also need to go to the WP settings Permalinks revert to default then change backto what you had if you had a custom one copy that to a safe place If you want to use JIG in place of already established NextGEN shortcodes there is a setting to override them on the NextGEN tab of Justified Image Grid settings Custom links on NextGEN images Install NGG Custom Fields plugin Add a new field called link to Image and Gallery Custom Fields Enter link to the NextGEN custom field for Links on the NextGEN tab of Justified Image Grid 4 Startentering your custom links in NextGEN where you edit the galleries or albums Facebook It s possible to fetch images from Facebook albums If you only want to load images from a company Facebook page that is not restricted by age or location you just need to create an App first Your setting will never expire and you can set it and forget it In any other case it s still easy but you ll also need to add a user profile The settings part Referto the detailed contextual help for more information It s important to note that until you clicked the Save Changes
103. setting if you don t wish to select it manually for each image You can set nofollow by using the custom link follow setting on the lightboxes tab If you are interested in custom links on NextGEN images check out the pharagraph called Custom links on NextGEN images To open the custom link to a page in a prettyPhoto iframe Add iframe true to your link like this http www google com iframe true and select JIG Target Lightbox video iframe another image To open another image in the lightbox Add the linkto the other image to JIG Link and select JIG Target Lightbox video iframe another image Video support This optionis only designed for prettyPhoto and FooBox so if you are using a mobile lightbox set it to be same as desktop You can change the video popup s size in the prettyPhoto JS settings under the Lightboxes tab of the plugin s settings default width 960 default height 540 Youtube or Vimeo You can fetch Youtube or Vimeo content automatically using RSS feeds Check out the shortcode editor s RSS tab for more information There are detailed instructions on obtaining feed URLs of these or other popular sites Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch In order to open videos from the thumbnails you need to enter a Youtube or Vimeo video URL into the JIG Link field in the WP ima
104. sing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch 1 Upload justified image grid zip to your WordPress installation in the admin area then click Activate It s ready to use The uploader is onthe page wp admin plugin install php tab upload 2 Open a post page and make sure you have images added to the post You can do so by clicking Add Media with an icon next to it Do not click the Insert into page button If you already have the blue gallery block gallery in the edit area of the page post just delete it 3 Add this shortcode wherever you wish to see the grid justified image grid If you forget the shortcode you can use the shortcode editor to generate it It is displayed with this icon Elin the toolbar of the Visual editor TinyMCE Setup only WP 3 5 more versatile but slower Watch this video in 1080p for a narrated demonstration of the setup 2 Settings and creating a gallery 1 Upload justified image grid zip to your WordPress installation inthe admin area then click Activate It s ready to use The uploader is on the page wp admin plugin install php tab zupload 2 Open a post page If you don t already have a WP gallery click Add Media Create a gallery using the tools there then insert it It ll display the gallery area in light blue in the Visual editor Optionally you can keep this intact as this will a
105. site Controls the image size in the lightbox When enabled the plugin will look for image sizes larger than 1024px namely Look for and 1600px and 2048px versions You might allow hi res no shortcode attr not want this for any reason including photos performance or copyright issues For consistent lightbox experience if you do not have large versions of every image displayed then keep this disabled Link to the photo on Flickr flickr link Collection related settings Show title of current Flickr collections or Collection mini fice breadcrumb default yes photoset and a link back to all parents in the breadcrumb no hierarchy This is only used when a collection is selected for display greater gt comma slash doubleslash miuns This is the character that separates path Separator plus elements in the breadcrumb Only used flickr bc separator IN character S arrow gt when the mini breadcrumb is enabled and bslash you are displaying Flickr collections doublebslash middledot dobulecolon numbersign flickr bc home text You can override the home element Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch home text parent collection name or user name with a custom text Make the thumbnail s caption display the Display photo yes flickr count count of photos in a s
106. so check out the text align settings on the captions tab If you have mouse over effects they may require double tapping on mobile devices to open the image The firsttap will imitate the hover You can make sure one tap will be enough by setting this to yes Use other mobile related settings to freeze a certain state for caption overlay and special effects on mobile devices on their respective tab This can protect your images from easy theft by disallowing the right click menu including Save as Choose yes if you want to disable the menu on right click It ll only disable those menus where you could save the image This waits for all images to load or fail then re creates the grid without the unloadable images If you resize the browser window the list of unloadable images are preserved If you set up max rows and there are unused images it ll Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch self blank video off only in SCE Custom link s link target target Follow mode for custom link follow custom links Only for logged in users only for logged in try to fetch those new images to compensate the loss of the unloadable images However the image count limit is applied on the server side and it won t load more images good or fail than the limit you ve set It s vita
107. space between each image It s a ratio number 1 11 1 1 2 35 1 16 9 aspect_ratio 4 3 3 4 5 4 4 5 1 5 0 5 or similar The only case where the plugin crops images if there is not enough height deviation to fit images by resizing There is no other way However you can choose to unplug the mechanism and Disable cropping disable_cropping e aowa minimum TOW nerght of SUR yes This will cause most images to appear slightly smaller than usual but without cropping Use it wisely as it alters how the row heights are calculated and is more likely to break the balance between portrait and landscape images If you wish to make the grid look more Randomize randomiecwidtfs interesting but most of your images thumbnail width have the same aspect ratio use this setting Even if your images have Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads Limit image count By default the plugin arranges images in a way that it respects their original aspect ratio and rarely ever crops However this may not be desired in all cases This setting lets you crop the images to a fixed aspect ratio It s created like this instead of fixed width to maintain responsiveness It s Highly recommended to leave empty for best results of the original layout It accepts the ratio in just about any format as it ll calculate the value anyway Thumbnail aspect ratio page on CodeCanyon if you like it
108. t Recent posts by date use the custom option here For recent posts menu order is equivalent to date desc Random can be used with any image source Width mode responsive fallback This option helps you when you are using Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch fixed fixed mobile fixed desktop custom width margin animation speed loading background Custom width whole grid number without px Margin around gallery any CSS margin value number in ms max advised 1000 no animation O Animation speed Min height to avoid jumping something around 1000 Background behind thumbnails CSS background property like a color or even URL tabs or sites where you d get the Element is too thin or invisible error In most cases the default option will do all that is necessary to display the gallery but sometimes you need or want to go for fixed width The width amount will be the next option The mobile desktop specific options only cause the width to be fixed on the desired medium allowing the other to be responsive This value is used for fixed width but also for the responsive fallback value for the previous Width mode option In that case itll show your gallery first with this width if automatic size is not available then change with window size automa
109. t help you Ireply to every E mail usually within a very short time Most of the requests are answered in 10 minutes so check your mailbox soon after you have sent your question You don t have to wait days If you have a problem please let me help you and it ll be resolved don t down rate Every bug report will be inspected If fixed the project will get an update which is free via CodeCanyon If you need help installing setting up the script even after reading this documentation please check if I m available My technical support is limited to problems and questions related to the plugin and compatibility issues Settings reference General settings Shortcode attr Shortcode values Override the plugin s settings You can choose a preset for each gallery individually Any other shortcode attributes you set will override that particular setting for the preset Only 1 20 some of the plugin settings will affect this C1 c custom gallery if you chose a preset within the shortcode Look up preset authority here There are 20 presets built in and unlimited custom presets Your custom presets will also show up here Presets as shortcode preset attributes Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Choose an entirely different preset for mobile devices you likely want to use a custom pres
110. tent that belongs to you Go to the Shortcode Editor and on the Instagram tab select Recent pictures of and your username Then generate the shortcode and addiit to the post You ll see your most recent photos 3 party content that is related to you Go to the Shortcode Editor and on the Instagram tab e Select Feed of your username to display what you see when you log in to Instagram the recent pictures of all the people you follow e Select Liked by your username to display what you have liked Unrelated 3 party content automatic content aggregation This is a really fun feature but unfortunately may not be useful for everyone or in all situations Instagram has lots of images added every day so this at least guarantees fresh content But you have no control over the individual images and people tend to tag inefficiently picture themselves and upload non rectangular images nocrop that can adversely affect the selection of photos you wish to display To display the recent pictures of any user click Recent pictures of any user Just begin typing their username and suggestions will come up If you wish to find a celebrity make sure you know which one is their official username To display images based on a tag click By tag and begin typing the tag Once you found the tag you need select it To display content from a venue or a geographical location click By location Go to Worldcam and find your desired p
111. the Add Media image editor for this purpose so please use that The link class rel and lightbox will be turned off for this link and it ll open in the same tab window by default Use the link target to modify that If you want to link to posts use the Recent posts feature that does it automatically for you in case you want to display recent posts of course You can also use this to open videos in prettyPhoto you need to use video as the target You need to have a liquid full width or at least a flexible width page layout defined by your theme Try looking for a full width layout under the Template in the Page Attributes box on a page edit screen in the admin The gallery will only resize if the width ofits container element is changed If it s in a fixed width div and you resize a nonresponsive site then it won t update itself The settings or a setting on the Check if you have used shortcode attributes in the post page because Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch plugin page is not changing those will always override the plugin page settings Check typos anything about the gallery Especially if you ve chosen a preset for the shortcode the main settings won t have any effect It says communicating with In most cases this is a server configuration error E g your server should Flickr
112. the Enable posttags and categories in the settings just like with NextGEN gallery You don t need to enable this option if you are using the Media Library Assistant or Media Categories plugins as they do the same thing and JIG is compatible with them You ll see options to tag and categorize in the media library where you edit the images captions Keep enabled to have the ability to put custom links on images using JIG Link and JIG Target fields in the media library Links already added won t be removed to disregard them use the Custom link s target setting with the off option This feature helps customizing only specific images in the grid When Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Media attacher utility Add images to WordPress SEO XML Sitemap Show JIG in feeds Automatically play videos Display video poster Video area background Video slug no shortcode attr no shortcode attr no shortcode attr no shortcode attr no shortcode attr no shortcode attr no shortcode attr Developer link enabled a new field will show up for each image in the Media Library allowing you to add a custom HTML CSS class Then you can target these images with your custom CSS or JS coding highlighting featured content hiding captions changing the look of a thumbnail an
113. ther collections or sets but not both at the same time The last collection in the tree will have the sets and the collections have a Flickr defined sadly small mosaic thumbnail that ll appear at a fixed layout despite your JIG settings You can select the collections or even the sets from this screen but the priority is on visualizing what contains what so you can make your decision by seeing everything at once Click the mosaic thumbnail of a Collection to select it and you ll see that everything inside its frame will be shown by JIG The end result will have auto generated subpages for every collection and set and you can go back and forth between them Also a breadcrumb will appear that you can setup using Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch most of the Collection related settings You can open the sets in the lightbox and cycle through them instead of on their own page That is useful for smaller portfolios Make collection and set descriptions visible with the Display collection set description setting Using Flickr search You have the ability to load any public photo from Flickr without needing to specify or add a certain user You can also sort this using Flickr s various sorting methods so this may act as a substitute for standard user photostream loading options as this is sortable Click on the
114. there are separate cache wipe links on their respective pages Facebook Flickr Instagram TimThumb tabs This removes all JIG settings from the database and the plugin will start over using the default settings It clears everything Wipe settings f TON including your 3rd party image source authorization data but does not clear caches You can back up your settings without caches You can optionally make your backup encrypted if you supply a key You will only be able to import with the same key The key is an arbitrary word like passwords Encryption can secure your backup as it may include access tokens to image sources like Facebook Click the button to backup the settings that you can copy to a document on your computer It s recommended to keep it in a safe place that you remember and not store the encryption key with it On uninstall Backup settings If you want to backup caches you ll need to export the database JIG doesn t cover that Use this to restore from a previous backup All your current Import settings settings will be replaced with the backup If your backup was encrypted you can only load it with your key Load more Shortcode attr Shortcode Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch v2 4 The Load more feature lets you display images in smaller batches l
115. tically keeping the responsive feature This is sort of a fixed width It s especially useful for tabs It s the space around the boundaries of the gallery You can use CSS shorthand E g 5px 0 10px 20px which is top right bottom left respectively Set the speed of all animations in milliseconds 300 for 0 3 sec etc it s for the initial fade in of images upon loading and for the mouse over effects Set a number like 600 or 1200 if you don t have a sidebar and the footer appears before the gallery loads This will make the gallery take up some space even before it s loaded Don t set anything higher than the gallery unless you want that extra space You could specify a grey or other color like Flickr cccccc or eaeaea or even a loader animation that only shows during loading of thumbnails and eventually gets covered by the thumbnails Accepts CSS background property Example of an image on a light grey background Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch url http full path to image png center center no repeat eaeaea Used for separating the download link and NextGEN tags from the description the default is a dash You separator_character a character or more can see these in the lightbox or even on the thumbnail in case of NG tags To show NextGEN tags use the Display ta
116. tically filter by tags in various image sources just set to On The available taxonomies will be loaded into this setting You can use any of them to set up filtering by Choose a taxonomy to filter the thumbnails by The automatic option will select the Tag taxonomy for the following image sources WordPress images and off posts NextGEN photos Flickr and on Instagram content You only need the Taxonomies other options when you wish to filter Filter by filterby tag WordPress content likely Recent Posts category with a custom Post type by something NextGEN gallery else and others Categories and Tags of posts can be extended to WP images using General settings Additional tools or utilities gt WP image tags and categories The NextGEN gallery option will show a filter set of any photo s parent gallery added to it So you can display many NextGEN pictures then have them narrowed on the fly by their parent galleries Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch v2 4 The other options are very useful if you have products to show off with something like WooCommerce or you manage WP images using Media Library Assistant as all the custom taxonomies are picked up and are ready to be used for filtering Choose how the filtering interface should buttons look like Buttons will display
117. ting this is in the settings unlike the others shown here that can be found only in the shortcode editor Settings for the built in JIG Breadcrumb for NextGEN ng breadcrumb Do not use Yes use Show a navigation element a breadcrumb at the top of the NextGEN gallery that is displayed by Justified Image Grid All settings below are for this feature Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch v2 4 greater comma slash doubleslash miuns plus arrow gt bslash doublebslash middledot dobulecolon numbersign This symbol is placed between navigation elements E g Home gt Gallery or Home Gallery Separator ng_bc_separator character g 9c_sep Base element custom text Home element Home element custom text Home element clickable Last element clickable Show top level breadcrumb Add separator at the end ng_bc_base ng bc home ng bc home text ng bc home clickable ng bc last clickable ng bc top level ng bc add separator Your text post title custom text album name none Your text default clickable no default not clickable yes default yes no default no yes This is the first non clickable text default is You are here this introduces the breadcrumb before the
118. to 7596 opaque black CSS Gradient for caption no shortcode attr background Overlay effects Shortcode attr Shortcode values Overlay appearance and style Select how you would like to see the color overlay This is the solid layer that can darken the images You can have it faded out on mouse enter or only activate it on mouse enter etc others hovered everything off Overlay type overlay Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Freeze a certain overlay type for mobile devices that doesn t require mouse over as there is no such thing on devices It s same Mobile overlay i simulated by a single first tap Because of mobile overlay everything e 2 3 type off this it would often require double tapping an image to eventually open it This option is most useful when also using the general setting Disable mobile hover interaction Overlay opacity overlay_opacity Enter a value between 0 and 1 CSS color Any CSS color value is accepted Avoid rgba Overlay icon on top of thumbnails You can display an icon in the center of off the overlay Mostlikely you ll need a Overlay icon overlay icon A MM on magnifier this is included and is used automatically if you turn this on E Overlay icon Control the little icon s opacity separately Boat overlay_icon_opaci
119. transforms NextGEN attributes to JIG attributes Take over the inserted galleries that appear as images in the editor They are used by NextGEN 2 instead of shortcodes It s compatible with limit but uses the global default sorting method and does not use exclusions This setting only applies for NextGEN Gallery 2 Display the number of photos in a gallery or the number of subalbums galleries on the thumbnails when using NextGEN and Justified Image Grid When this is set to no the galleries will link to a deeper level page displaying the photos thumbnails default most used When this is set to yes the galleries will open a separately grouped lightbox with their images directly from the album view Display the gallery or album description if any between the breadcrumb and the grid You can setit up in NextGEN but is hardly ever shown in the original NextGEN Choose yes if you wish to display tags or search queries combined based on AND and not ANY For example you have two tags strong and fierce choosing yes Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Narrow by tags Display tags Remove usually unnecessary NextGEN files from the page NextGEN custom field for Links NextGEN breadcrumb CSS Breadcrumb ng narrow by tags ng display tags no shortcode attr no s
120. ty from the overlay color s opacity f I i PNG Overlay icon URL overlay icon url Absolute path Up Gee Your de bed ds icon e g magnifier and enter its URL here 2x size image of your Overlay icon Default is the 2x version of the magnifier or if set the 1x version of your Overlay icon This is overlay icon retina Absolute path needed for the Retina Ready feature that is enabled by default and will make the overlay icon look crisp and good quality on modern devices Overlay icon retina URL This may decrease performance It applies a CSS3 shadow fine shaded outer shadow around the images If you display borders this ll start at Outer shadow outer shadow value 0 0 3px i a y the outermost border s edge This is always black shown when set and is not controlled by the Apply inner shadow to the image This is a CSS3 shadow fun effect see similar on the IMDB com Inner shadow inner shadow value 0 0 30px front page the three featured posters black This is always shown when set and is not controlled by the Overlay type setting Borders Outer standard ES a number This is the most basic outer border you border width B without px might be looking for this If not set or O this Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch 1 is disabled Outer standard Defaults to bla
121. u like it Leave a comment on JIG to get in touch 2 Click Add Testers and add the username ID of your user it s in the profile URL Wait until he she accepts Send them the link from the input box They ll be prompted for their basic info and photos which needs to be accepted Upon success a key will be generated that you ll need to paste into the box in the settings then click Add other user They ll be notified that their albums could be made public outside of Facebook Their access will expire after 2 months as well To renew you need to complete the second half of this process again Verifying the status of profiles or pages When you have added pages and profiles just click them and the plugin will check if they are valid and whether you can get any albums from them It also shows how much time is left until they expire and when they expire exactly Removing profiles or pages Just click the X next to those you wish to remove You or the other user might want to revoke the access of the app on Facebook in the app settings The shortcode editor part All your efforts in the settings page were made to let you access the albums This is done in the shortcode editor Open it and scroll to the Facebook section You can see every profile and page you ve added Click one so you can see their albums If you do not wish to use the Facebook feature just set it to Do not use Facebook or don t select an album Adding an album 10 albums load
122. urchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch More filtering possibilities this is Filter by tag lesen lads tag slugs comma compatible with category filters Enter post E separated tags slugs comma separated to show posts that are tagged with these tags Choose a taxonomy to filter recent posts by Taxonomy is like WP categories tags but any other you have for custom post types like city shoe size color It s the actual term for example a tag like cute category like animals the shoe size number the color by name Enter slugs no spaces but dashes Choose an author to filter recent posts by Filter by author recents author any author login name k Will only show posts from this author Only usable when displaying regular WP posts so they are not available for custom post types Narrow thumbnails to the sticky posts or exclude them Sticky posts can be enabled in the publish settings when saving a post it s a standard WP feature Filter by taxonomy recents filter tax one taxonomy slug Taxonomy filter recents filter term term e g tag slugs LAS filter e g tag slug no value Use sticky posts recents sticky yes no Advanced date queries WP 3 74 Enter the number of days to only show content published in the most recent period Only one of these two date queries can be used at the same time
123. with cover photo the other cover photos are loaded on demand This is to speed up things and reduce server load Some popular pages have several hundred albums They all load together up to 1000 albums You can see the image count of each in the top right corner The cover photo of an album can be loaded by hovering over it with the mouse briefly If the photo can t load or the album turns out to be empty or you don t have access to the album the ability to select it will be gone Select an album that can load a picture For Wall Photos and other albums with many images it s advised that you set a limit The limitis in the general settings The default limit is 25 the maximum is 500 Avoid loading a several hundred pictures if you can Use max rows and limit together Once you chose an album just clickInsert or Edit shortcode The next time you edit it the user page will be selected and the album will have the blue frame around it as well Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads page on CodeCanyon if you like it Leave a comment on JIG to get in touch Adding multiple albums Check the checkbox above the Facebook settings that says Select multiple albums After that when selecting an album described in the previous section you ll be able to keep on selecting more and more The frontend display will turn into an overview mode Thus the blue automatic overview modes will deselect your multipl
124. y the photo owner s username the one without symbols etc which automatically turns into a link in the lightbox Recommended when showing photos from multiple users to know which Show no photo is by whom The setting adds the Instagram instagram show user title name to either the title or the description username description fields You can manage what shows up in the lightbox and or on the thumbnails by using these fields The photo text gets added to the Title field at all times So you can put the username next to it or into a separate field Much like Download link in the lightboxes tab this adds a backlink to open the no original photo on Instagram You can move yes it between the text locations of your alt lightbox to ensure it shows up in the right direct place by switching between yes and alt By choosing direct the photos won t open in the lightbox Instagram will open instead You can change what you see as link text Instagram ES when linking to the original photo page backlink text on Instagram By default it s View this photo on Instagram Instagram Whether or not the Flickr link to the f no shortcode attr n 4 backlink target original photo page should open in a new Thank you for purchasing this product Please don t forget to rate with 5 stars on the downloads Instagram user blacklist Instagram username or userID instagram blacklist a number minutes instagram caching default is 60 one h

Justified Image Grid - Premium WordPress og:title tags og:title is available but too long, it will be

Contents

Download Pdf Manuals

Related Search

Related Contents