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:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 | 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