Below, you’ll find a detailed guide on how to add the Slider – Ultimate Responsive Image Slider Shortcode to your WordPress website, including its parameters, examples, and PHP function code. Additionally, we’ll assist you with common issues that might cause the Slider – Ultimate Responsive Image Slider Plugin shortcode not to show or not to work correctly.
Before starting, here is an overview of the Slider – Ultimate Responsive Image Slider Plugin and the shortcodes it provides:
Slider – Ultimate Responsive Image Slider
"Slider – Ultimate Responsive Image Slider is a dynamic plugin that enhances your WordPress site's visual appeal. It allows you to create fully responsive image sliders, ensuring an engaging user experience across all devices."
Included Shortcodes:
- [URIS]
Slider – Ultimate Responsive Image Slider [URIS] Shortcode
The Ultimate Responsive Image Slider shortcode is a powerful tool that enables the display of a responsive image slider on your WordPress site. It fetches saved settings from the database, loads JS CSS scripts, and outputs the slider layout.
Shortcode: [URIS]
Parameters
Here is a list of all possible URIS shortcode parameters and attributes:
id– Unique identifier for the image sliderWRIS_L3_Slide_Title– Defines whether to show the slide titleWRIS_L3_Show_Slide_Title– Determines if the slide title is shownWRIS_L3_Show_Slide_Desc– Determines if the slide description is shownWRIS_L3_Auto_Slideshow– Controls if the slider auto playsWRIS_L3_Transition– Defines the transition effectWRIS_L3_Transition_Speed– Sets the speed of transitionWRIS_L3_Slide_Order– Determines the order of slidesWRIS_L3_Slide_Distance– Sets the distance between slidesWRIS_L3_Sliding_Arrow– Controls if sliding arrows are shownWRIS_L3_Slider_Navigation– Controls if navigation is shownWRIS_L3_Navigation_Position– Sets the position of navigationWRIS_L3_Thumbnail_Style– Determines the style of thumbnailsWRIS_L3_Thumbnail_Width– Sets the width of thumbnailsWRIS_L3_Thumbnail_Height– Sets the height of thumbnailsWRIS_L3_Navigation_Button– Controls if navigation buttons are shownWRIS_L3_Width– Defines the width of the sliderWRIS_L3_Slider_Width– Sets the width of the sliderWRIS_L3_Height– Defines the height of the sliderWRIS_L3_Slider_Height– Sets the height of the sliderWRIS_L3_Slider_Scale_Mode– Determines the scale mode of the sliderWRIS_L3_Slider_Auto_Scale– Controls if the slider auto scalesWRIS_L3_Font_Style– Sets the font style of the sliderWRIS_L3_Title_Color– Defines the color of the titleWRIS_L3_Title_BgColor– Sets the background color of the titleWRIS_L3_Desc_Color– Defines the color of the descriptionWRIS_L3_Desc_BgColor– Sets the background color of the descriptionWRIS_L3_Navigation_Color– Defines the color of the navigationWRIS_L3_Fullscreeen– Controls if the slider is fullscreenWRIS_L3_Custom_CSS– Allows for custom CSS stylingWRIS_L3_Navigation_Bullets_Color– Sets the color of navigation bulletsWRIS_L3_Navigation_Pointer_Color– Defines the color of the navigation pointer
Examples and Usage
Basic example – Displaying a slider using its ID
[URIS id=1 /]Advanced examples
Displaying a slider using its ID and customizing the slide title, auto slideshow, and transition speed.
[URIS id=1 WRIS_L3_Slide_Title=1 WRIS_L3_Auto_Slideshow=1 WRIS_L3_Transition_Speed=5000 /]Displaying a slider using its ID and customizing the navigation color, fullscreen mode, and adding custom CSS.
[URIS id=1 WRIS_L3_Navigation_Color="#FFFFFF" WRIS_L3_Fullscreeen=1 WRIS_L3_Custom_CSS="your-custom-css" /]Note: Replace “your-custom-css” with your actual CSS code.
PHP Function Code
In case you have difficulties debugging what causing issues with [URIS] shortcode, check below the related PHP functions code.
Shortcode line:
add_shortcode( 'URIS', 'Wpfrank_URIS_Shortcode' );Shortcode PHP function:
function Wpfrank_URIS_Shortcode( $Id ) {
ob_start();
// slider JS CSS scripts
wp_enqueue_script('wpfrank-uris-jquery-sliderPro-js', URIS_PLUGIN_URL.'assets/js/jquery.sliderPro.js', array('jquery'), '1.5.0', true);
wp_enqueue_style('wpfrank-uris-slider-css', URIS_PLUGIN_URL.'assets/css/slider-pro.css');
//Load Saved Ultimate Responsive Image Slider Settings
if(!isset($Id['id'])) {
$Id['id'] = "";
} else {
$WRIS_Id = $Id['id'];
$WRIS_Gallery_Settings_Key = "WRIS_Gallery_Settings_".$WRIS_Id;
$WRIS_Gallery_Settings = get_post_meta( $WRIS_Id, $WRIS_Gallery_Settings_Key, true);
if(isset($WRIS_Gallery_Settings['WRIS_L3_Slide_Title']))
$WRIS_L3_Slide_Title = $WRIS_Gallery_Settings['WRIS_L3_Slide_Title'];
else
$WRIS_L3_Slide_Title = 1;
if(isset($WRIS_Gallery_Settings['WRIS_L3_Show_Slide_Title']))
$WRIS_L3_Show_Slide_Title = $WRIS_Gallery_Settings['WRIS_L3_Show_Slide_Title'];
else
$WRIS_L3_Show_Slide_Title = 0;
if(isset($WRIS_Gallery_Settings['WRIS_L3_Show_Slide_Desc']))
$WRIS_L3_Show_Slide_Desc = $WRIS_Gallery_Settings['WRIS_L3_Show_Slide_Desc'];
else
$WRIS_L3_Show_Slide_Desc = 0;
if(isset($WRIS_Gallery_Settings['WRIS_L3_Auto_Slideshow']))
$WRIS_L3_Auto_Slideshow = $WRIS_Gallery_Settings['WRIS_L3_Auto_Slideshow'];
else
$WRIS_L3_Auto_Slideshow = 1;
if(isset($WRIS_Gallery_Settings['WRIS_L3_Transition']))
$WRIS_L3_Transition = $WRIS_Gallery_Settings['WRIS_L3_Transition'];
else
$WRIS_L3_Transition = 1;
if(isset($WRIS_Gallery_Settings['WRIS_L3_Transition_Speed']))
$WRIS_L3_Transition_Speed = $WRIS_Gallery_Settings['WRIS_L3_Transition_Speed'];
else
$WRIS_L3_Transition_Speed = 5000;
if(isset($WRIS_Gallery_Settings['WRIS_L3_Slide_Order']))
$WRIS_L3_Slide_Order = $WRIS_Gallery_Settings['WRIS_L3_Slide_Order'];
else
$WRIS_L3_Slide_Order = "ASC";
if(isset($WRIS_Gallery_Settings['WRIS_L3_Slide_Distance']))
$WRIS_L3_Slide_Distance = $WRIS_Gallery_Settings['WRIS_L3_Slide_Distance'];
else
$WRIS_L3_Slide_Distance = 5;
if(isset($WRIS_Gallery_Settings['WRIS_L3_Sliding_Arrow']))
$WRIS_L3_Sliding_Arrow = $WRIS_Gallery_Settings['WRIS_L3_Sliding_Arrow'];
else
$WRIS_L3_Sliding_Arrow = 1;
if(isset($WRIS_Gallery_Settings['WRIS_L3_Slider_Navigation']))
$WRIS_L3_Slider_Navigation = $WRIS_Gallery_Settings['WRIS_L3_Slider_Navigation'];
else
$WRIS_L3_Slider_Navigation = 1;
if(isset($WRIS_Gallery_Settings['WRIS_L3_Navigation_Position']))
$WRIS_L3_Navigation_Position = $WRIS_Gallery_Settings['WRIS_L3_Navigation_Position'];
else
$WRIS_L3_Navigation_Position = "bottom";
if(isset($WRIS_Gallery_Settings['WRIS_L3_Thumbnail_Style']))
$WRIS_L3_Thumbnail_Style = $WRIS_Gallery_Settings['WRIS_L3_Thumbnail_Style'];
else
$WRIS_L3_Thumbnail_Style = "border";
if(isset($WRIS_Gallery_Settings['WRIS_L3_Thumbnail_Width']))
$WRIS_L3_Thumbnail_Width = $WRIS_Gallery_Settings['WRIS_L3_Thumbnail_Width'];
else
$WRIS_L3_Thumbnail_Width = 120;
if(isset($WRIS_Gallery_Settings['WRIS_L3_Thumbnail_Height']))
$WRIS_L3_Thumbnail_Height = $WRIS_Gallery_Settings['WRIS_L3_Thumbnail_Height'];
else
$WRIS_L3_Thumbnail_Height = 120;
if(isset($WRIS_Gallery_Settings['WRIS_L3_Navigation_Button']))
$WRIS_L3_Navigation_Button = $WRIS_Gallery_Settings['WRIS_L3_Navigation_Button'];
else
$WRIS_L3_Navigation_Button = 1;
if(isset($WRIS_Gallery_Settings['WRIS_L3_Width']))
$WRIS_L3_Width = $WRIS_Gallery_Settings['WRIS_L3_Width'];
else
$WRIS_L3_Width = "custom";
if(isset($WRIS_Gallery_Settings['WRIS_L3_Slider_Width']))
$WRIS_L3_Slider_Width = $WRIS_Gallery_Settings['WRIS_L3_Slider_Width'];
else
$WRIS_L3_Slider_Width = 1000;
if(isset($WRIS_Gallery_Settings['WRIS_L3_Height']))
$WRIS_L3_Height = $WRIS_Gallery_Settings['WRIS_L3_Height'];
else
$WRIS_L3_Height = "custom";
if(isset($WRIS_Gallery_Settings['WRIS_L3_Slider_Height']))
$WRIS_L3_Slider_Height = $WRIS_Gallery_Settings['WRIS_L3_Slider_Height'];
else
$WRIS_L3_Slider_Height = 500;
if(isset($WRIS_Gallery_Settings['WRIS_L3_Slider_Scale_Mode']))
$WRIS_L3_Slider_Scale_Mode = $WRIS_Gallery_Settings['WRIS_L3_Slider_Scale_Mode'];
else
$WRIS_L3_Slider_Scale_Mode = "cover";
if(isset($WRIS_Gallery_Settings['WRIS_L3_Slider_Auto_Scale']))
$WRIS_L3_Slider_Auto_Scale = $WRIS_Gallery_Settings['WRIS_L3_Slider_Auto_Scale'];
else
$WRIS_L3_Slider_Auto_Scale = 1;
if(isset($WRIS_Gallery_Settings['WRIS_L3_Font_Style']))
$WRIS_L3_Font_Style = $WRIS_Gallery_Settings['WRIS_L3_Font_Style'];
else
$WRIS_L3_Font_Style = "Arial";
if(isset($WRIS_Gallery_Settings['WRIS_L3_Title_Color']))
$WRIS_L3_Title_Color = $WRIS_Gallery_Settings['WRIS_L3_Title_Color'];
else
$WRIS_L3_Title_Color = "#FFFFFF";
if(isset($WRIS_Gallery_Settings['WRIS_L3_Title_BgColor']))
$WRIS_L3_Title_BgColor = $WRIS_Gallery_Settings['WRIS_L3_Title_BgColor'];
else
$WRIS_L3_Title_BgColor = "#000000";
if(isset($WRIS_Gallery_Settings['WRIS_L3_Desc_Color']))
$WRIS_L3_Desc_Color = $WRIS_Gallery_Settings['WRIS_L3_Desc_Color'];
else
$WRIS_L3_Desc_Color = "#FFFFFF";
if(isset($WRIS_Gallery_Settings['WRIS_L3_Desc_BgColor']))
$WRIS_L3_Desc_BgColor = $WRIS_Gallery_Settings['WRIS_L3_Desc_BgColor'];
else
$WRIS_L3_Desc_BgColor = "#00000";
if(isset($WRIS_Gallery_Settings['WRIS_L3_Navigation_Color']))
$WRIS_L3_Navigation_Color = $WRIS_Gallery_Settings['WRIS_L3_Navigation_Color'];
else
$WRIS_L3_Navigation_Color = "#FFFFFF";
if(isset($WRIS_Gallery_Settings['WRIS_L3_Fullscreeen']))
$WRIS_L3_Fullscreeen = $WRIS_Gallery_Settings['WRIS_L3_Fullscreeen'];
else
$WRIS_L3_Fullscreeen = 1;
if(isset($WRIS_Gallery_Settings['WRIS_L3_Custom_CSS']))
$WRIS_L3_Custom_CSS = $WRIS_Gallery_Settings['WRIS_L3_Custom_CSS'];
else
$WRIS_L3_Custom_CSS = "";
if(isset($WRIS_Gallery_Settings['WRIS_L3_Navigation_Bullets_Color']))
$WRIS_L3_Navigation_Bullets_Color = $WRIS_Gallery_Settings['WRIS_L3_Navigation_Bullets_Color'];
else
$WRIS_L3_Navigation_Bullets_Color = "#000000";
if(isset($WRIS_Gallery_Settings['WRIS_L3_Navigation_Pointer_Color']))
$WRIS_L3_Navigation_Pointer_Color = $WRIS_Gallery_Settings['WRIS_L3_Navigation_Pointer_Color'];
else
$WRIS_L3_Navigation_Pointer_Color = "#000000";
}
//Load Slider Layout Output
require("layout.php");
wp_reset_query();
return ob_get_clean();
}
Code file location:
ultimate-responsive-image-slider/ultimate-responsive-image-slider/shortcode.phpConclusion
Now that you’ve learned how to embed the Slider – Ultimate Responsive Image Slider Plugin shortcode, understood the parameters, and seen code examples, it’s easy to use and debug any issue that might cause it to ‘not work’. If you still have difficulties with it, don’t hesitate to leave a comment below.
Leave a Reply