[GetSimple] Automatic galleries in your pages

As a web site developer, I am fan of GetSimple CMS, free and improved software for building Site, Blogs, ePortfolio.

Sadly,  there might exist some issues between themes and plugins,  for instance 118n_gallery a popular plugin with no other choice to show clean gallery. If it fails, wrong way.

For this project I needed an easy way to make galleries, the real user isn’t a power one, with no code to write editing pages. Too bad, i18n_gallery doesn’t seem to be compatible with kickstart.js so I had to find a good idea to make it work.

To solve that problem and after a lot of tries, I have installed another great plugin ExtraGallery wich is a good one to manage backend galleries but without any code to show them on a page.

The purpose of this article is to show you how it’s possible to get an automatic gallery printed at the bottom of pages and using ExtraGallery.

Stage 1 : Download and install ExtraGallery and i18n_custom_field, it will be useful to pass gallery name from page to php code in template.

Stage 2 : Setups. Under Plugins page, setup a language code for ExtraGallery. Then configure Custom Code with a text variable, change LABEL to your native language :

2016-10-09_21h23_38

Stage 3 : Copy the theme template and type this code under 



« ; function output($item,$key){ GLOBAL $SITEURL;     //echo  »

« .$item[‘field-0’]. »

« ; //uncomment to get name of gallery echo ‘‘; echo ‘‘; echo « « ;                      } ?>

Parts of this code is coming from a power user on this forum thread. It uses kickstart.js to show a clean gallery and call a Custom_Field function return_custom_field(‘name’) to get the name of the gallery to show. Html code is easy to custom, in this case, Kiskstart does a lot of work.

To get kickstart, you just have to download it and to add this code into the template header :

    
     media="all" /> 
    
    
    ?php%20get_theme_url();%20?/js/kickstart.js

Read more about Kickstart.js here

Stage 4 : Create the gallery using backend Extragallery

Stage 5 : Create or edit a page. Change the template to the one with the included code, and type the name of the gallery, obviously the one typed in ExtraGallery :

2016-10-09_21h49_15

For further informations, read this tread.

Publicités

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s