top of page
  • Writer's pictureJLCodE Team

WordPress Essential Grid & Custom PHP with do_shortcode


Hello Everyone.


Today, JLCode will introduce the experience of WordPress Essential Grid Gallery plugin.


Essential Grid Gallery is a premium plugin for WordPress that allows you to build great looking image, video and audio galleries from various sources! Use the adapted WordPress gallery functionality, posts and pages, include albums built with other plugins like NextGen Gallery, connect to the big social media streams like Instagram, YouTube, Vimeo, Twitter, Flickretc. or build a complete custom Gallery grid. Our template library will give you example grids that will look outstanding on mobile devices too and are easy to configure and fill with your content!


Product Features:

  • All-Purpose Usage

  • Boxed, Full-Width, Full-Screen Layouts

  • Adjustable Rows/Columns/Spacings

  • Images, Youtube & Vimeo Video, HTML5 Self-Hosted Video, iFrame Content

  • Content Sources: Post, Custom Post, Pages, WooCommerce, Gallery

  • Various Animation Types & Preloaders

  • Dozens Example Skins available

  • Responsive & Mobile Optimized

  • Visual Skin Editor: Build and Customize own Skins easily

  • Easily Import / Export Skins

  • Include Custom Skins with Plugin Install, One-Click Installer

  • Custom Metas: Additional Options for Posts

  • Custom Post Based Skin Modifications: Special rules for Posts

  • Extensive Documentation & Tutorial Videos

  • Customizable Transition Speed (Individual / Global)


/*** 
Default Ess.Grid available values: 

%title%
%post_id%
%excerpt%
%cat_list%
%tag_list%
%date%
%date_year%
%date_month%
%date_day%
....
All WP_Query parameters can be possible.
***/

Sometimes, people want show different contents on Ess.Grid gallery items.

Here is the example of it.


 

Our Experience of Usage:


1. Create custom php function in function.php and Assign.

2. Call do_shortcode in Item Skin Editor.


- Add below code in Function.php


function tp_custom_essgrid_shortcode( $atts ) {  
$value= '';
$p = shortcode_attsarray(  'id' => 0 ), $atts );
 /* Procedure here..
  YOU CAN GET values from WP_Query..
 */
 return $value;
}
add_shortcode'custom_essgrid_audio''tp_custom_essgrid_shortcode' );


-Call shortcode in Item Skin Editor.


[custom_essgrid_audio id=%post_id%]




On above pages, you can see the results of Ess.Grid gallery.


Thank you.


18 views
bottom of page