[lightgallery]
[lgallery]
[/lgallery]
For this demo page –
-shortcode for bootstrap collapsible scripts
-shortcode for lightGallery scripts
<div id=”lightgallery” class=”list-unstyled row”>
-Images with thumbnails – I made thumbnails as small as possible.
-use data-sub-html=”
<p>this is the title.</p>
<p>” after the href= for caption.</div>
-close bootstrap collapsible shortcode
- Create a lightgallery.php for shortcode
<?php
add_shortcode( ‘mygallery’, ‘mygalleryscript’ );
function mygalleryscript() {
return
‘<link href=”/idogjs/lightGallery/dist/css/lightgallery.css” rel=”stylesheet”><script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js”></script><script src=”/idogjs/lightGallery/dist/js/lightgallery.js”></script><script src=”/idogjs/lightGallery/dist/js/lg-fullscreen.js”></script><script src=”/idogjs/lightGallery/dist/js/lg-thumbnail.js”></script><script src=”/idogjs/lightGallery/dist/js/lg-autoplay.js”></script><script src=”/idogjs/lightGallery/dist/js/lg-zoom.js”></script><script src=”/idogjs/lightGallery/dist/js/lg-hash.js”></script><script src=”/idogjs/lightGallery/dist/js/lg-pager.js”></script><script src=”/idogjs/lightGallery/lib/jquery.mousewheel.min.js”></script><script type=”text/javascript”>
var $jG=jQuery.noConflict();
$jG(document).ready(function(){
});
</script>
<script src=”/idogjs/lightGallery/dist/js/idogGallery.js”></script>’
; }
- Include in theme function.php
include ‘lightgallery.php’;
- Make sure all the scripts are in the correct folder url.
- Create Responsive Theme For WordPress With Twenty Ten
- Fotorama.io In WordPress Without Plugin
- Galleria.io In WordPress
- Increase In 404 Pages On… Google Bots
- Galleria.io, lightGallery and Fotorama in Bootstrap Collapsible