CINXE.COM

<html dir="ltr" lang="en-US" prefix="og: https://ogp.me/ns#"> <head>   <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"/>  <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="https://soliloquywp.com/xmlrpc.php"> <link rel="dns-prefetch" href="//fonts.googleapis.com/">  <title>Soliloquy Blog</title> <meta name="robots" content="max-image-preview:large" /> <meta name="google-site-verification" content="y92R-hZUcUyF3G-kDcg_3AxTBaJ3uHzmSnIOXWiVhjg" /> <link rel="canonical" href="https://soliloquywp.com/blog/" /> <meta name="generator" content="All in One SEO Pro (AIOSEO) 4.7.4.2" /> <meta property="og:locale" content="en_US" /> <meta property="og:site_name" content="Soliloquy" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Soliloquy Blog" /> <meta property="og:url" content="https://soliloquywp.com/blog/" /> <meta property="og:image" content="https://soliloquywp.com/wp-content/uploads/2016/03/logo.png" /> <meta property="og:image:secure_url" content="https://soliloquywp.com/wp-content/uploads/2016/03/logo.png" /> <meta property="article:published_time" content="-001-11-30T00:00:00+00:00" /> <meta property="article:modified_time" content="2012-02-17T23:23:23+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@soliloquywp" /> <meta name="twitter:title" content="Soliloquy Blog" /> <meta name="twitter:creator" content="@soliloquywp" /> <meta name="twitter:image" content="https://soliloquywp.com/wp-content/uploads/2016/03/logo.png" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="Thomas Griffin" /> <script type="application/ld+json" class="aioseo-schema"> {"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/soliloquywp.com\/blog\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/soliloquywp.com\/#listItem","position":1,"name":"Home","item":"https:\/\/soliloquywp.com\/","nextItem":"https:\/\/soliloquywp.com\/blog\/#listItem"},{"@type":"ListItem","@id":"https:\/\/soliloquywp.com\/blog\/#listItem","position":2,"name":"Soliloquy Blog","previousItem":"https:\/\/soliloquywp.com\/#listItem"}]},{"@type":"Organization","@id":"https:\/\/soliloquywp.com\/#organization","name":"Soliloquy","description":"Best Responsive WordPress Slider Plugin","url":"https:\/\/soliloquywp.com\/","logo":{"@type":"ImageObject","url":"https:\/\/soliloquywp.com\/wp-content\/uploads\/2016\/03\/logo.png","@id":"https:\/\/soliloquywp.com\/blog\/#organizationLogo","width":400,"height":82,"caption":"Best Responsive WordPress Slider Plugin"},"image":{"@id":"https:\/\/soliloquywp.com\/blog\/#organizationLogo"},"sameAs":["https:\/\/twitter.com\/soliloquywp"]},{"@type":"WebPage","@id":"https:\/\/soliloquywp.com\/blog\/#webpage","url":"https:\/\/soliloquywp.com\/blog\/","name":"Soliloquy Blog","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/soliloquywp.com\/#website"},"breadcrumb":{"@id":"https:\/\/soliloquywp.com\/blog\/#breadcrumblist"},"datePublished":"2012-02-17T23:23:23-05:00","dateModified":"2012-02-17T23:23:23-05:00"},{"@type":"WebSite","@id":"https:\/\/soliloquywp.com\/#website","url":"https:\/\/soliloquywp.com\/","name":"Soliloquy","description":"Best Responsive WordPress Slider Plugin","inLanguage":"en-US","publisher":{"@id":"https:\/\/soliloquywp.com\/#organization"}}]} </script>  <link rel='dns-prefetch' href='//a.omappapi.com' /> <link rel='dns-prefetch' href='//js.stripe.com' /> <link rel="alternate" type="application/rss+xml" title="Soliloquy » Soliloquy Blog Comments Feed" href="https://soliloquywp.com/blog/feed/" />  <script src="//www.googletagmanager.com/gtag/js?id=G-QGXP3ERL6E" data-cfasync="false" data-wpfc-render="false" type="text/javascript" async></script> <script data-cfasync="false" data-wpfc-render="false" type="text/javascript"> var mi_version = '9.2.1'; var mi_track_user = true; var mi_no_track_reason = ''; var MonsterInsightsDefaultLocations = {"page_location":"https:\/\/soliloquywp.com\/how-to-add-a-homepage-slider-in-wordpress\/"}; if ( typeof MonsterInsightsPrivacyGuardFilter === 'function' ) { var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsPrivacyGuardFilter( MonsterInsightsExcludeQuery ) : MonsterInsightsPrivacyGuardFilter( MonsterInsightsDefaultLocations ); } else { var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsExcludeQuery : MonsterInsightsDefaultLocations; } var disableStrs = [ 'ga-disable-G-QGXP3ERL6E', ]; /* Function to detect opted out users */ function __gtagTrackerIsOptedOut() { for (var index = 0; index < disableStrs.length; index++) { if (document.cookie.indexOf(disableStrs[index] + '=true') > -1) { return true; } } return false; } /* Disable tracking if the opt-out cookie exists. */ if (__gtagTrackerIsOptedOut()) { for (var index = 0; index < disableStrs.length; index++) { window[disableStrs[index]] = true; } } /* Opt-out function */ function __gtagTrackerOptout() { for (var index = 0; index < disableStrs.length; index++) { document.cookie = disableStrs[index] + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/'; window[disableStrs[index]] = true; } } if ('undefined' === typeof gaOptout) { function gaOptout() { __gtagTrackerOptout(); } } window.dataLayer = window.dataLayer || []; window.MonsterInsightsDualTracker = { helpers: {}, trackers: {}, }; if (mi_track_user) { function __gtagDataLayer() { dataLayer.push(arguments); } function __gtagTracker(type, name, parameters) { if (!parameters) { parameters = {}; } if (parameters.send_to) { __gtagDataLayer.apply(null, arguments); return; } if (type === 'event') { parameters.send_to = monsterinsights_frontend.v4_id; var hookName = name; if (typeof parameters['event_category'] !== 'undefined') { hookName = parameters['event_category'] + ':' + name; } if (typeof MonsterInsightsDualTracker.trackers[hookName] !== 'undefined') { MonsterInsightsDualTracker.trackers[hookName](parameters); } else { __gtagDataLayer('event', name, parameters); } } else { __gtagDataLayer.apply(null, arguments); } } __gtagTracker('js', new Date()); __gtagTracker('set', { 'developer_id.dZGIzZG': true, }); if ( MonsterInsightsLocations.page_location ) { __gtagTracker('set', MonsterInsightsLocations); } __gtagTracker('config', 'G-QGXP3ERL6E', {"forceSSL":"true","link_attribution":"true"} ); window.gtag = __gtagTracker; (function () { /* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */ /* ga and __gaTracker compatibility shim. */ var noopfn = function () { return null; }; var newtracker = function () { return new Tracker(); }; var Tracker = function () { return null; }; var p = Tracker.prototype; p.get = noopfn; p.set = noopfn; p.send = function () { var args = Array.prototype.slice.call(arguments); args.unshift('send'); __gaTracker.apply(null, args); }; var __gaTracker = function () { var len = arguments.length; if (len === 0) { return; } var f = arguments[len - 1]; if (typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function') { if ('send' === arguments[0]) { var hitConverted, hitObject = false, action; if ('event' === arguments[1]) { if ('undefined' !== typeof arguments[3]) { hitObject = { 'eventAction': arguments[3], 'eventCategory': arguments[2], 'eventLabel': arguments[4], 'value': arguments[5] ? arguments[5] : 1, } } } if ('pageview' === arguments[1]) { if ('undefined' !== typeof arguments[2]) { hitObject = { 'eventAction': 'page_view', 'page_path': arguments[2], } } } if (typeof arguments[2] === 'object') { hitObject = arguments[2]; } if (typeof arguments[5] === 'object') { Object.assign(hitObject, arguments[5]); } if ('undefined' !== typeof arguments[1].hitType) { hitObject = arguments[1]; if ('pageview' === hitObject.hitType) { hitObject.eventAction = 'page_view'; } } if (hitObject) { action = 'timing' === arguments[1].hitType ? 'timing_complete' : hitObject.eventAction; hitConverted = mapArgs(hitObject); __gtagTracker('event', action, hitConverted); } } return; } function mapArgs(args) { var arg, hit = {}; var gaMap = { 'eventCategory': 'event_category', 'eventAction': 'event_action', 'eventLabel': 'event_label', 'eventValue': 'event_value', 'nonInteraction': 'non_interaction', 'timingCategory': 'event_category', 'timingVar': 'name', 'timingValue': 'value', 'timingLabel': 'event_label', 'page': 'page_path', 'location': 'page_location', 'title': 'page_title', 'referrer' : 'page_referrer', }; for (arg in args) { if (!(!args.hasOwnProperty(arg) || !gaMap.hasOwnProperty(arg))) { hit[gaMap[arg]] = args[arg]; } else { hit[arg] = args[arg]; } } return hit; } try { f.hitCallback(); } catch (ex) { } }; __gaTracker.create = newtracker; __gaTracker.getByName = newtracker; __gaTracker.getAll = function () { return []; }; __gaTracker.remove = noopfn; __gaTracker.loaded = true; window['__gaTracker'] = __gaTracker; })(); } else { console.log(""); (function () { function __gtagTracker() { return null; } window['__gtagTracker'] = __gtagTracker; window['gtag'] = __gtagTracker; })(); } </script>  <script data-cfasync="false" data-wpfc-render="false" type="text/javascript"> window.MonsterInsightsDualTracker.helpers.mapProductItem = function (uaItem) { var prefixIndex, prefixKey, mapIndex; var toBePrefixed = ['id', 'name', 'list_name', 'brand', 'category', 'variant']; var item = {}; var fieldMap = { 'price': 'price', 'list_position': 'index', 'quantity': 'quantity', 'position': 'index', }; for (mapIndex in fieldMap) { if (uaItem.hasOwnProperty(mapIndex)) { item[fieldMap[mapIndex]] = uaItem[mapIndex]; } } for (prefixIndex = 0; prefixIndex < toBePrefixed.length; prefixIndex++) { prefixKey = toBePrefixed[prefixIndex]; if (typeof uaItem[prefixKey] !== 'undefined') { item['item_' + prefixKey] = uaItem[prefixKey]; } } return item; }; MonsterInsightsDualTracker.trackers['view_item_list'] = function (parameters) { var items = parameters.items; var listName, itemIndex, item, itemListName; var lists = { '_': {items: [], 'send_to': monsterinsights_frontend.v4_id}, }; for (itemIndex = 0; itemIndex < items.length; itemIndex++) { item = MonsterInsightsDualTracker.helpers.mapProductItem(items[itemIndex]); if (typeof item['item_list_name'] === 'undefined') { lists['_'].items.push(item); } else { itemListName = item['item_list_name']; if (typeof lists[itemListName] === 'undefined') { lists[itemListName] = { 'items': [], 'item_list_name': itemListName, 'send_to': monsterinsights_frontend.v4_id, }; } lists[itemListName].items.push(item); } } for (listName in lists) { __gtagDataLayer('event', 'view_item_list', lists[listName]); } }; MonsterInsightsDualTracker.trackers['select_content'] = function (parameters) { const items = parameters.items.map(MonsterInsightsDualTracker.helpers.mapProductItem); __gtagDataLayer('event', 'select_item', {items: items, send_to: parameters.send_to}); }; MonsterInsightsDualTracker.trackers['view_item'] = function (parameters) { const items = parameters.items.map(MonsterInsightsDualTracker.helpers.mapProductItem); __gtagDataLayer('event', 'view_item', {items: items, send_to: parameters.send_to}); }; </script> <script data-cfasync="false" data-wpfc-render="false" type="text/javascript"> if (window.hasOwnProperty('MonsterInsightsDualTracker')){ window.MonsterInsightsDualTracker.trackers['form:impression'] = function (parameters) { __gtagDataLayer('event', 'form_impression', { form_id: parameters.event_label, content_type: 'form', non_interaction: true, send_to: parameters.send_to, }); }; window.MonsterInsightsDualTracker.trackers['form:conversion'] = function (parameters) { __gtagDataLayer('event', 'generate_lead', { form_id: parameters.event_label, send_to: parameters.send_to, }); }; } </script> <link rel='stylesheet' id='ea-share-count-css' href='https://soliloquywp.com/wp-content/plugins/ea-share-count/assets/css/share-count.css?ver=1.8.0' type='text/css' media='all' /> <link rel='stylesheet' id='wp-block-library-css' href='https://soliloquywp.com/wp-includes/css/dist/block-library/style.min.css?ver=6.5.4' type='text/css' media='all' /> <link rel='stylesheet' id='edd-blocks-css' href='https://soliloquywp.com/wp-content/plugins/easy-digital-downloads-pro/includes/blocks/assets/css/edd-blocks.css?ver=3.3.6.1' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='am-alert-style-css' href='https://soliloquywp.com/wp-content/plugins/am-shortcodes/assets/css/alert.css?ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='edd-styles-css' href='https://soliloquywp.com/wp-content/plugins/easy-digital-downloads-pro/assets/css/edd.min.css?ver=3.3.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='wp-components-css' href='https://soliloquywp.com/wp-includes/css/dist/components/style.min.css?ver=6.5.4' type='text/css' media='all' /> <link rel='stylesheet' id='godaddy-styles-css' href='https://soliloquywp.com/wp-content/plugins/coblocks/includes/Dependencies/GoDaddy/Styles/build/latest.css?ver=2.0.2' type='text/css' media='all' /> <link rel='stylesheet' id='edd-recurring-css' href='https://soliloquywp.com/wp-content/plugins/edd-recurring/assets/css/styles.css?ver=2.12.5.1' type='text/css' media='all' /> <link rel='stylesheet' id='soliloquy-screen-css' href='https://soliloquywp.com/wp-content/themes/soliloquy-v4/style.css?ver=4.0.4' type='text/css' media='' /> <link rel="https://api.w.org/" href="https://soliloquywp.com/wp-json/" /><link rel="alternate" type="application/json" href="https://soliloquywp.com/wp-json/wp/v2/posts/358543" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://soliloquywp.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://soliloquywp.com/?p=358543' /> <link rel="alternate" type="application/json+oembed" href="https://soliloquywp.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsoliloquywp.com%2Fblog%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://soliloquywp.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsoliloquywp.com%2Fblog%2F&format=xml" />  <meta name="generator" content="Easy Digital Downloads v3.3.6.1" /> <style type='text/css'>.rp4wp-related-posts ul{width:100%;padding:0;margin:0;float:left;} .rp4wp-related-posts ul>li{list-style:none;padding:0;margin:0;padding-bottom:20px;clear:both;} .rp4wp-related-posts ul>li>p{margin:0;padding:0;} .rp4wp-related-post-image{width:35%;padding-right:25px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;}</style> <script type="text/javascript" src="//cdn-4.convertexperiments.com/v1/js/10047864-100412492.js"></script>  <script data-cfasync="false" data-wpfc-render="false" type="text/javascript"> function monsterinsights_forms_record_impression(event) { monsterinsights_add_bloom_forms_ids(); var monsterinsights_forms = document.getElementsByTagName("form"); var monsterinsights_forms_i; for (monsterinsights_forms_i = 0; monsterinsights_forms_i < monsterinsights_forms.length; monsterinsights_forms_i++) { var monsterinsights_form_id = monsterinsights_forms[monsterinsights_forms_i].getAttribute("id"); var skip_conversion = false; /* Check to see if it's contact form 7 if the id isn't set */ if (!monsterinsights_form_id) { monsterinsights_form_id = monsterinsights_forms[monsterinsights_forms_i].parentElement.getAttribute("id"); if (monsterinsights_form_id && monsterinsights_form_id.lastIndexOf('wpcf7-f', 0) === 0) { /* If so, let's grab that and set it to be the form's ID*/ var tokens = monsterinsights_form_id.split('-').slice(0, 2); var result = tokens.join('-'); monsterinsights_forms[monsterinsights_forms_i].setAttribute("id", result);/* Now we can do just what we did above */ monsterinsights_form_id = monsterinsights_forms[monsterinsights_forms_i].getAttribute("id"); } else { monsterinsights_form_id = false; } } /* Check if it's Ninja Forms & id isn't set. */ if (!monsterinsights_form_id && monsterinsights_forms[monsterinsights_forms_i].parentElement.className.indexOf('nf-form-layout') >= 0) { monsterinsights_form_id = monsterinsights_forms[monsterinsights_forms_i].parentElement.parentElement.parentElement.getAttribute('id'); if (monsterinsights_form_id && 0 === monsterinsights_form_id.lastIndexOf('nf-form-', 0)) { /* If so, let's grab that and set it to be the form's ID*/ tokens = monsterinsights_form_id.split('-').slice(0, 3); result = tokens.join('-'); monsterinsights_forms[monsterinsights_forms_i].setAttribute('id', result); /* Now we can do just what we did above */ monsterinsights_form_id = monsterinsights_forms[monsterinsights_forms_i].getAttribute('id'); skip_conversion = true; } } if (monsterinsights_form_id && monsterinsights_form_id !== 'commentform' && monsterinsights_form_id !== 'adminbar-search') { __gtagTracker('event', 'impression', { event_category: 'form', event_label: monsterinsights_form_id, value: 1, non_interaction: true }); /* If a WPForms Form, we can use custom tracking */ if (monsterinsights_form_id && 0 === monsterinsights_form_id.lastIndexOf('wpforms-form-', 0)) { continue; } /* Formiddable Forms, use custom tracking */ if (monsterinsights_forms_has_class(monsterinsights_forms[monsterinsights_forms_i], 'frm-show-form')) { continue; } /* If a Gravity Form, we can use custom tracking */ if (monsterinsights_form_id && 0 === monsterinsights_form_id.lastIndexOf('gform_', 0)) { continue; } /* If Ninja forms, we use custom conversion tracking */ if (skip_conversion) { continue; } var custom_conversion_mi_forms = false; if (custom_conversion_mi_forms) { continue; } if (window.jQuery) { (function (form_id) { jQuery(document).ready(function () { jQuery('#' + form_id).on('submit', monsterinsights_forms_record_conversion); }); })(monsterinsights_form_id); } else { var __gaFormsTrackerWindow = window; if (__gaFormsTrackerWindow.addEventListener) { document.getElementById(monsterinsights_form_id).addEventListener("submit", monsterinsights_forms_record_conversion, false); } else { if (__gaFormsTrackerWindow.attachEvent) { document.getElementById(monsterinsights_form_id).attachEvent("onsubmit", monsterinsights_forms_record_conversion); } } } } else { continue; } } } function monsterinsights_forms_has_class(element, className) { return (' ' + element.className + ' ').indexOf(' ' + className + ' ') > -1; } function monsterinsights_forms_record_conversion(event) { var monsterinsights_form_conversion_id = event.target.id; var monsterinsights_form_action = event.target.getAttribute("miforms-action"); if (monsterinsights_form_conversion_id && !monsterinsights_form_action) { document.getElementById(monsterinsights_form_conversion_id).setAttribute("miforms-action", "submitted"); __gtagTracker('event', 'conversion', { event_category: 'form', event_label: monsterinsights_form_conversion_id, value: 1, }); } } /* Attach the events to all clicks in the document after page and GA has loaded */ function monsterinsights_forms_load() { if (typeof (__gtagTracker) !== 'undefined' && __gtagTracker) { var __gtagFormsTrackerWindow = window; if (__gtagFormsTrackerWindow.addEventListener) { __gtagFormsTrackerWindow.addEventListener("load", monsterinsights_forms_record_impression, false); } else { if (__gtagFormsTrackerWindow.attachEvent) { __gtagFormsTrackerWindow.attachEvent("onload", monsterinsights_forms_record_impression); } } } else { setTimeout(monsterinsights_forms_load, 200); } } /* Custom Ninja Forms impression tracking */ if (window.jQuery) { jQuery(document).on('nfFormReady', function (e, layoutView) { var label = layoutView.el; label = label.substring(1, label.length); label = label.split('-').slice(0, 3).join('-'); __gtagTracker('event', 'impression', { event_category: 'form', event_label: label, value: 1, non_interaction: true }); }); } /* Custom Bloom Form tracker */ function monsterinsights_add_bloom_forms_ids() { var bloom_forms = document.querySelectorAll('.et_bloom_form_content form'); if (bloom_forms.length > 0) { for (var i = 0; i < bloom_forms.length; i++) { if ('' === bloom_forms[i].id) { var form_parent_root = monsterinsights_find_parent_with_class(bloom_forms[i], 'et_bloom_optin'); if (form_parent_root) { var classes = form_parent_root.className.split(' '); for (var j = 0; j < classes.length; ++j) { if (0 === classes[j].indexOf('et_bloom_optin')) { bloom_forms[i].id = classes[j]; } } } } } } } function monsterinsights_find_parent_with_class(element, className) { if (element.parentNode && '' !== className) { if (element.parentNode.className.indexOf(className) >= 0) { return element.parentNode; } else { return monsterinsights_find_parent_with_class(element.parentNode, className); } } return false; } monsterinsights_forms_load(); </script>  <link rel="icon" href="https://soliloquywp.com/wp-content/uploads/2016/03/cropped-site_icon-32x32.png" sizes="32x32" /> <link rel="icon" href="https://soliloquywp.com/wp-content/uploads/2016/03/cropped-site_icon-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://soliloquywp.com/wp-content/uploads/2016/03/cropped-site_icon-180x180.png" /> <meta name="msapplication-TileImage" content="https://soliloquywp.com/wp-content/uploads/2016/03/cropped-site_icon-270x270.png" /> <style type="text/css" id="wp-custom-css"> /* Start New Demo Custom CSS*/ .postid-352718 .fluid-width-video-wrapper { visibility: hidden !important; } body.page-id-529397 h1 { text-align: center; margin: 10px 0; } body.page-id-529397 section.intro { padding: 120px 0 0 0; } body.page-id-529397 .intro .container article p { font-size: 16px; line-height: 1.3em; margin-bottom: 10px; } /* End New Demo Custom CSS*/ /*2021 Full Width Demo CSS*/ body.page.page-id-589996 #content { width: 100% !important; max-width: 100%; } body.page.page-id-589996 #content ul#soliloquy-519608 img { width: 100%; } body.page.page-id-589996 .post-589996 p, pre { width: 80%; margin: 0 auto; } body.page.page-id-589996 .button-primary { } /*End Full Width Demo CSS*/ body.soliloquy_docs-template-default h3 { font-size: 27px; } body.soliloquy_docs-template-default h5 { font-size: 20px; } body.soliloquy_docs-template-default .panel .panel-content { padding: 20px; } body.soliloquy_docs-template-default h1 { font-size: 28px; } body.soliloquy_docs-template-default ol li, body.soliloquy_docs-template-default ul li, body.soliloquy_docs-template-default dl li { margin-bottom: 10px; line-height: 25px; margin-top: 10px; } body.page.page-id-519610 #content { width: 100% !important; max-width: 100%; } body.page.page-id-519610 #content ul#soliloquy-519608 img { width: 100%; } body.page-template-page-templatestemplate-checkout-php #edd_checkout_form_wrap form#edd_purchase_form fieldset#edd_cc_fields label.edd-label { float: none; padding-bottom: 10px; } .envira-renewal-notice { display: none; } /*Demo Page CSS*/ body.page-id-592832 .container { width: 92% !important; } body.page-id-592832 p { text-align: center; font-size: 16px !important; margin: 0 auto !important; line-height: 25px !important; } body.page-id-592832 .intro .container h1 { font-weight: 700; font-size: 30px; text-align: center; } body.page-id-592832 section.cta div.cta-inner { padding: 14px 90px 30px; } body.page-id-592832 footer#footer aside ul.column { width: 19%; } body.page-id-592832 section.intro { padding: 80px 0 0 0 !important; } body.page-id-592832 section, body.envira_album-template-default.postid-133269 section { padding: 15px 0 0 0; } body.page-id-592832 .demo-grid .label h2 { font-size: 20px; } @media only screen and (max-width: 600px) { body.page-id-592832 a.demo-grid { flex: none; margin: 0 0 20px 0; max-width: 100%; width: 95%; } } </style> <noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript> </head>  <body class="post-template-default single single-post postid-358543 single-format-standard wp-custom-logo edd-js-none"> <div id="header-wrap"> <header id="header" role="banner"> <div class="container"> <a href="https://soliloquywp.com/" class="custom-logo-link" rel="home"><img width="400" height="82" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%2082'%3E%3C/svg%3E" class="custom-logo" alt="Best Responsive WordPress Slider Plugin" decoding="async" data-lazy-srcset="https://soliloquywp.com/wp-content/uploads/2016/03/logo.png 400w, https://soliloquywp.com/wp-content/uploads/2016/03/logo-300x62.png 300w" data-lazy-sizes="(max-width: 400px) 100vw, 400px" title="logo - Soliloquy" data-lazy-src="https://soliloquywp.com/wp-content/uploads/2016/03/logo.png" /><noscript><img width="400" height="82" src="https://soliloquywp.com/wp-content/uploads/2016/03/logo.png" class="custom-logo" alt="Best Responsive WordPress Slider Plugin" decoding="async" srcset="https://soliloquywp.com/wp-content/uploads/2016/03/logo.png 400w, https://soliloquywp.com/wp-content/uploads/2016/03/logo-300x62.png 300w" sizes="(max-width: 400px) 100vw, 400px" title="logo - Soliloquy" /></noscript></a> <div class="right"> <nav id="header-menu" class="menu-primary-navigation-container"><ul id="header-nav" class=""><li id="menu-item-322109" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322109"><a href="https://soliloquywp.com/features/">Features</a></li> <li id="menu-item-594427" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-594427"><a href="https://soliloquywp.com/soliloquy-demo/">Demo</a></li> <li id="menu-item-322084" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-322084"><a href="https://soliloquywp.com/pricing/">Pricing</a></li> <li id="menu-item-322101" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322101"><a href="https://soliloquywp.com/contact/">Contact</a></li> <li id="menu-item-322090" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322090"><a href="https://soliloquywp.com/login/">Login</a></li> <li id="menu-item-322085" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-322085"><a href="https://soliloquywp.com/blog/">Blog</a></li> <li id="menu-item-322092" class="button button-primary menu-item menu-item-type-post_type menu-item-object-page menu-item-322092"><a href="https://soliloquywp.com/pricing/">Get Soliloquy</a></li> </ul></nav>  <div id="sidr-close-button"> <a href="#sidr-close" id="sidr-close">X</a> </div>  <a href="#sidr-main" id="sidr-menu-button">☰</a> </div> </div> </header> </div>  <section id="intro"> <div class="container"> <article> <header> <h2 class="page-title"> Soliloquy Blog </h2> </header> WordPress slider tips, Tutorials and Resources. </article> </div> </section> <main id="content" class="container"> <div class="grid-md-8 first"> <article class="panel panel-primary post-358543 post type-post status-publish format-standard has-post-thumbnail hentry category-tutorials tag-slider tag-wordpress-slider tag-image-slider tag-homepage"> <div class="article-thumbnail"> <img width="620" height="310" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20620%20310'%3E%3C/svg%3E" class="attachment-blog size-blog wp-post-image" alt="how-to-add-a-homepage-slider-in-wordpress" decoding="async" fetchpriority="high" data-lazy-srcset="https://soliloquywp.com/wp-content/uploads/2016/09/How-to-Add-a-Homepage-Slider-in-WordPress.png 620w, https://soliloquywp.com/wp-content/uploads/2016/09/How-to-Add-a-Homepage-Slider-in-WordPress-300x150.png 300w, https://soliloquywp.com/wp-content/uploads/2016/09/How-to-Add-a-Homepage-Slider-in-WordPress-550x275.png 550w" data-lazy-sizes="(max-width: 620px) 100vw, 620px" title="how-to-add-a-homepage-slider-in-wordpress - Soliloquy" data-lazy-src="https://soliloquywp.com/wp-content/uploads/2016/09/How-to-Add-a-Homepage-Slider-in-WordPress.png" /><noscript><img width="620" height="310" src="https://soliloquywp.com/wp-content/uploads/2016/09/How-to-Add-a-Homepage-Slider-in-WordPress.png" class="attachment-blog size-blog wp-post-image" alt="how-to-add-a-homepage-slider-in-wordpress" decoding="async" fetchpriority="high" srcset="https://soliloquywp.com/wp-content/uploads/2016/09/How-to-Add-a-Homepage-Slider-in-WordPress.png 620w, https://soliloquywp.com/wp-content/uploads/2016/09/How-to-Add-a-Homepage-Slider-in-WordPress-300x150.png 300w, https://soliloquywp.com/wp-content/uploads/2016/09/How-to-Add-a-Homepage-Slider-in-WordPress-550x275.png 550w" sizes="(max-width: 620px) 100vw, 620px" title="how-to-add-a-homepage-slider-in-wordpress - Soliloquy" /></noscript> </div> <section class="panel-content"> <h1 class="title article-title">How to Add a Homepage Slider in WordPress</h1> <span class="meta"> by Waseem Abbas on July 5, 2022 | <span class='reader_disclosure' data-tooltip="Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. We only recommend products that we believe will add value to our readers.">Reader Disclosure</span> </span> <div class="ea-share-count-wrap before_content"><a href="https://www.facebook.com/sharer/sharer.php?u=https://soliloquywp.com/how-to-add-a-homepage-slider-in-wordpress/&display=popup&ref=plugin&src=share_button" title="Share on Facebook" target="_blank" class="ea-share-count-button style-awesome facebook" data-postid="358543"><span class="ea-share-count-icon-label"><i class="ea-share-count-icon easc-icon-facebook"></i><span class="ea-share-count-label">Share</span></span><span class="ea-share-count">1</span></a><a href="https://twitter.com/share?url=https://soliloquywp.com/how-to-add-a-homepage-slider-in-wordpress/&text=How+to+Add+a+Homepage+Slider+in+WordPress&via=soliloquywp" title="Share on Twitter" target="_blank" class="ea-share-count-button style-awesome ea-share-no-count twitter" data-postid="358543"><span class="ea-share-count-icon-label"><i class="ea-share-count-icon easc-icon-twitter"></i><span class="ea-share-count-label">Tweet</span></span><span class="ea-share-count">0</span></a><a href="http://www.linkedin.com/shareArticle?mini=true&url=https://soliloquywp.com/how-to-add-a-homepage-slider-in-wordpress/" title="Share on LinkedIn" target="_blank" class="ea-share-count-button style-awesome ea-share-no-count linkedin" data-postid="358543"><span class="ea-share-count-icon-label"><i class="ea-share-count-icon easc-icon-linkedin"></i><span class="ea-share-count-label">Share</span></span><span class="ea-share-count">0</span></a><span class="ea-share-count-button style-awesome included_total" data-postid="358543"><span class="ea-share-count-icon-label"><i class="ea-share-count-icon easc-icon-share"></i><span class="ea-share-count-label">Shares</span></span><span class="ea-share-count">1</span></span></div> <p>Do you want to create a slider for your homepage? Sometimes your theme doesn’t come with a homepage slider, and you want to add one using a plugin. In this article, we will share how to add a homepage slider in WordPress.</p> <p>Many website owners use a moving slider on their homepage to engage their visitors or to display their portfolio. Some WordPress themes come with a simple homepage slider included, but many do not. For the most fully-featured homepage slider, you’ll need to install the Soliloquy WordPress plugin.</p> <p>To add a homepage slider in WordPress, you’ll need to follow these 3 steps:</p> <ul style="list-style: none;"> <li><strong>Step 1.</strong> Install and activate Soliloquy WordPress plugin</li> <li><strong>Step 2.</strong> Create an image slider with Soliloquy</li> <li><strong>Step 3.</strong> Copy and paste the shortcode or template tag to your homepage</li> </ul> <p>Ready to get started? Let’s go!</p> <h3>Step 1: Install and Activate Soliloquy WordPress Plugin</h3> <p>First thing you need to do is install and activate <a title="Soliloquy Slider" href="https://soliloquywp.com/pricing/">Soliloquy WordPress slider plugin</a>.</p> <p><img decoding="async" class="alignnone size-full wp-image-353434" title="Soliloquy website - Soliloquy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20620%20276'%3E%3C/svg%3E" alt="Soliloquy website" width="620" height="276" data-lazy-srcset="https://soliloquywp.com/wp-content/uploads/2016/08/soliloquy-web-sliderthumb.jpg 620w, https://soliloquywp.com/wp-content/uploads/2016/08/soliloquy-web-sliderthumb-300x134.jpg 300w, https://soliloquywp.com/wp-content/uploads/2016/08/soliloquy-web-sliderthumb-550x245.jpg 550w" data-lazy-sizes="(max-width: 620px) 100vw, 620px" data-lazy-src="https://soliloquywp.com/wp-content/uploads/2016/08/soliloquy-web-sliderthumb.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-353434" title="Soliloquy website - Soliloquy" src="https://soliloquywp.com/wp-content/uploads/2016/08/soliloquy-web-sliderthumb.jpg" alt="Soliloquy website" width="620" height="276" srcset="https://soliloquywp.com/wp-content/uploads/2016/08/soliloquy-web-sliderthumb.jpg 620w, https://soliloquywp.com/wp-content/uploads/2016/08/soliloquy-web-sliderthumb-300x134.jpg 300w, https://soliloquywp.com/wp-content/uploads/2016/08/soliloquy-web-sliderthumb-550x245.jpg 550w" sizes="(max-width: 620px) 100vw, 620px" /></noscript></p> <p>If you need help with this step, then check out our guide on <a title="Installation" href="https://soliloquywp.com/docs/installation/">how to install Soliloquy</a>.</p> <h3>Step 2: Create an Image Slider with Soliloquy</h3> <p>Once you’ve installed and activated Soliloquy, create your homepage slider by going to <strong>Soliloquy 禄 Add New</strong> from your WordPress admin backend.</p> <p>Start by adding a title for your homepage slider. Then drop your images into the Native Slider area.</p> <p><img decoding="async" class="alignnone size-full wp-image-353444" title="Add Images - Soliloquy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20620%20367'%3E%3C/svg%3E" alt="Add Images" width="620" height="367" data-lazy-srcset="https://soliloquywp.com/wp-content/uploads/2016/08/add-images-sliderthumb.jpg 620w, https://soliloquywp.com/wp-content/uploads/2016/08/add-images-sliderthumb-300x178.jpg 300w, https://soliloquywp.com/wp-content/uploads/2016/08/add-images-sliderthumb-550x326.jpg 550w" data-lazy-sizes="(max-width: 620px) 100vw, 620px" data-lazy-src="https://soliloquywp.com/wp-content/uploads/2016/08/add-images-sliderthumb.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-353444" title="Add Images - Soliloquy" src="https://soliloquywp.com/wp-content/uploads/2016/08/add-images-sliderthumb.jpg" alt="Add Images" width="620" height="367" srcset="https://soliloquywp.com/wp-content/uploads/2016/08/add-images-sliderthumb.jpg 620w, https://soliloquywp.com/wp-content/uploads/2016/08/add-images-sliderthumb-300x178.jpg 300w, https://soliloquywp.com/wp-content/uploads/2016/08/add-images-sliderthumb-550x326.jpg 550w" sizes="(max-width: 620px) 100vw, 620px" /></noscript></p> <p>After adding your images, you can go to the Config tab to adjust your settings. Once you are happy, hit the Publish button to save your changes.</p> <p>For more details on creating your homepage slider with Soliloquy, check out our guide on <a title="How to Create an Image Slider in WordPress" href="https://soliloquywp.com/how-to-create-an-image-slider-in-wordpress/">how to create an image slider in WordPress</a>.</p> <h3>Step 3: Copy and Paste the Shortcode or Template Tag to Your Homepage</h3> <p>Now that you’ve created your homepage slider, now it’s time to add it to the homepage on your site.</p> <p>There are two simple ways to add a Soliloquy slider to your homepage: using a shortcode, or using a template tag. Let’s have a look at each method…</p> <p><strong>Method One: Use the Shortcode</strong></p> <p>This is the simplest method to add a slider to your homepage. From the edit screen of your homepage slider, simply copy the shortcode inside the Soliloquy Slider Code widget.</p> <p><img decoding="async" class="alignnone size-full wp-image-352338" title="Copy Shortcode - Soliloquy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20620%20362'%3E%3C/svg%3E" alt="Copy Shortcode" width="620" height="362" data-lazy-srcset="https://soliloquywp.com/wp-content/uploads/2016/08/copy-shortcode-ctabutton.jpg 620w, https://soliloquywp.com/wp-content/uploads/2016/08/copy-shortcode-ctabutton-300x175.jpg 300w, https://soliloquywp.com/wp-content/uploads/2016/08/copy-shortcode-ctabutton-550x321.jpg 550w" data-lazy-sizes="(max-width: 620px) 100vw, 620px" data-lazy-src="https://soliloquywp.com/wp-content/uploads/2016/08/copy-shortcode-ctabutton.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-352338" title="Copy Shortcode - Soliloquy" src="https://soliloquywp.com/wp-content/uploads/2016/08/copy-shortcode-ctabutton.jpg" alt="Copy Shortcode" width="620" height="362" srcset="https://soliloquywp.com/wp-content/uploads/2016/08/copy-shortcode-ctabutton.jpg 620w, https://soliloquywp.com/wp-content/uploads/2016/08/copy-shortcode-ctabutton-300x175.jpg 300w, https://soliloquywp.com/wp-content/uploads/2016/08/copy-shortcode-ctabutton-550x321.jpg 550w" sizes="(max-width: 620px) 100vw, 620px" /></noscript></p> <p>Then, edit your home page and paste the shortcode into the visual editor.</p> <p><img decoding="async" class="alignnone size-full wp-image-365057" title="Edit Homepage to Paste Shortcode - Soliloquy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20620%20348'%3E%3C/svg%3E" alt="Edit Homepage to Paste Shortcode" width="620" height="348" data-lazy-srcset="https://soliloquywp.com/wp-content/uploads/2016/09/edit-page-hompageslider.jpg 620w, https://soliloquywp.com/wp-content/uploads/2016/09/edit-page-hompageslider-300x168.jpg 300w, https://soliloquywp.com/wp-content/uploads/2016/09/edit-page-hompageslider-550x309.jpg 550w" data-lazy-sizes="(max-width: 620px) 100vw, 620px" data-lazy-src="https://soliloquywp.com/wp-content/uploads/2016/09/edit-page-hompageslider.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-365057" title="Edit Homepage to Paste Shortcode - Soliloquy" src="https://soliloquywp.com/wp-content/uploads/2016/09/edit-page-hompageslider.jpg" alt="Edit Homepage to Paste Shortcode" width="620" height="348" srcset="https://soliloquywp.com/wp-content/uploads/2016/09/edit-page-hompageslider.jpg 620w, https://soliloquywp.com/wp-content/uploads/2016/09/edit-page-hompageslider-300x168.jpg 300w, https://soliloquywp.com/wp-content/uploads/2016/09/edit-page-hompageslider-550x309.jpg 550w" sizes="(max-width: 620px) 100vw, 620px" /></noscript></p> <p>That’s it! Now your homepage slider will appear on your WordPress site.</p> <p><strong>Method Two: Add the Template Tag to Your Theme’s Template File</strong></p> <p>If you want your homepage slider to be added to your theme’s header, you’ll need to use the template tag.</p> <p>First, edit your image slider and copy the template tag from the Soliloquy Slider Code widget.</p> <p><img decoding="async" class="alignnone size-full wp-image-365063" title="Copy Template Tag - Soliloquy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20620%20402'%3E%3C/svg%3E" alt="Copy Template Tag" width="620" height="402" data-lazy-srcset="https://soliloquywp.com/wp-content/uploads/2016/09/copy-templatetag-homepageslider.jpg 620w, https://soliloquywp.com/wp-content/uploads/2016/09/copy-templatetag-homepageslider-300x195.jpg 300w, https://soliloquywp.com/wp-content/uploads/2016/09/copy-templatetag-homepageslider-550x357.jpg 550w" data-lazy-sizes="(max-width: 620px) 100vw, 620px" data-lazy-src="https://soliloquywp.com/wp-content/uploads/2016/09/copy-templatetag-homepageslider.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-365063" title="Copy Template Tag - Soliloquy" src="https://soliloquywp.com/wp-content/uploads/2016/09/copy-templatetag-homepageslider.jpg" alt="Copy Template Tag" width="620" height="402" srcset="https://soliloquywp.com/wp-content/uploads/2016/09/copy-templatetag-homepageslider.jpg 620w, https://soliloquywp.com/wp-content/uploads/2016/09/copy-templatetag-homepageslider-300x195.jpg 300w, https://soliloquywp.com/wp-content/uploads/2016/09/copy-templatetag-homepageslider-550x357.jpg 550w" sizes="(max-width: 620px) 100vw, 620px" /></noscript></p> <p>Then, paste the template tag to your <code>header.php</code> file, so it will be displayed in the header on your homepage and the other pages on your site.</p> <p><img decoding="async" class="alignnone size-full wp-image-363432" title="Edit Theme File - Soliloquy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20620%20392'%3E%3C/svg%3E" alt="Edit Theme File" width="620" height="392" data-lazy-srcset="https://soliloquywp.com/wp-content/uploads/2016/09/edit-theme-file-withoutshortcode.jpg 620w, https://soliloquywp.com/wp-content/uploads/2016/09/edit-theme-file-withoutshortcode-300x190.jpg 300w, https://soliloquywp.com/wp-content/uploads/2016/09/edit-theme-file-withoutshortcode-550x348.jpg 550w" data-lazy-sizes="(max-width: 620px) 100vw, 620px" data-lazy-src="https://soliloquywp.com/wp-content/uploads/2016/09/edit-theme-file-withoutshortcode.jpg" /><noscript><img decoding="async" class="alignnone size-full wp-image-363432" title="Edit Theme File - Soliloquy" src="https://soliloquywp.com/wp-content/uploads/2016/09/edit-theme-file-withoutshortcode.jpg" alt="Edit Theme File" width="620" height="392" srcset="https://soliloquywp.com/wp-content/uploads/2016/09/edit-theme-file-withoutshortcode.jpg 620w, https://soliloquywp.com/wp-content/uploads/2016/09/edit-theme-file-withoutshortcode-300x190.jpg 300w, https://soliloquywp.com/wp-content/uploads/2016/09/edit-theme-file-withoutshortcode-550x348.jpg 550w" sizes="(max-width: 620px) 100vw, 620px" /></noscript></p> <p>That’s it! We hope this article has helped you to learn how to add a homepage slider in WordPress. You may also want to check out our guide on <a title="How to Create a WordPress Slider for Custom Post Types" href="https://soliloquywp.com/how-to-create-a-wordpress-slider-for-custom-post-types/">how to create a WordPress slider for custom post types</a>.</p> <p>If you like this article, then please follow us on <a title="Facebook" href="https://www.facebook.com/soliloquywp" target="_blank" rel="nofollow noopener">Facebook</a> and <a title="Twitter" href="https://twitter.com/soliloquywp" target="_blank" rel="nofollow noopener">Twitter</a> for more free WordPress tutorials. You can also subscribe to our newsletter on the right of this page!</p> <div class="ea-share-count-wrap after_content"><a href="https://www.facebook.com/sharer/sharer.php?u=https://soliloquywp.com/how-to-add-a-homepage-slider-in-wordpress/&display=popup&ref=plugin&src=share_button" title="Share on Facebook" target="_blank" class="ea-share-count-button style-awesome facebook" data-postid="358543"><span class="ea-share-count-icon-label"><i class="ea-share-count-icon easc-icon-facebook"></i><span class="ea-share-count-label">Share</span></span><span class="ea-share-count">1</span></a><a href="https://twitter.com/share?url=https://soliloquywp.com/how-to-add-a-homepage-slider-in-wordpress/&text=How+to+Add+a+Homepage+Slider+in+WordPress&via=soliloquywp" title="Share on Twitter" target="_blank" class="ea-share-count-button style-awesome ea-share-no-count twitter" data-postid="358543"><span class="ea-share-count-icon-label"><i class="ea-share-count-icon easc-icon-twitter"></i><span class="ea-share-count-label">Tweet</span></span><span class="ea-share-count">0</span></a><a href="http://www.linkedin.com/shareArticle?mini=true&url=https://soliloquywp.com/how-to-add-a-homepage-slider-in-wordpress/" title="Share on LinkedIn" target="_blank" class="ea-share-count-button style-awesome ea-share-no-count linkedin" data-postid="358543"><span class="ea-share-count-icon-label"><i class="ea-share-count-icon easc-icon-linkedin"></i><span class="ea-share-count-label">Share</span></span><span class="ea-share-count">0</span></a><span class="ea-share-count-button style-awesome included_total" data-postid="358543"><span class="ea-share-count-icon-label"><i class="ea-share-count-icon easc-icon-share"></i><span class="ea-share-count-label">Shares</span></span><span class="ea-share-count">1</span></span></div><div class='rp4wp-related-posts'> <h3>Related Posts</h3> <ul> <li><div class='rp4wp-related-post-image'> <a href='https://soliloquywp.com/how-to-add-slider-delay-in-wordpress-image-sliders/'><img width="300" height="145" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20145'%3E%3C/svg%3E" class="attachment-medium size-medium wp-post-image" alt="" data-lazy-srcset="https://soliloquywp.com/wp-content/uploads/2017/04/how-to-add-slider-delay-300x145.jpg 300w, https://soliloquywp.com/wp-content/uploads/2017/04/how-to-add-slider-delay-550x266.jpg 550w, https://soliloquywp.com/wp-content/uploads/2017/04/how-to-add-slider-delay.jpg 620w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" title="how-to-add-slider-delay - Soliloquy" data-lazy-src="https://soliloquywp.com/wp-content/uploads/2017/04/how-to-add-slider-delay-300x145.jpg" /><noscript><img width="300" height="145" src="https://soliloquywp.com/wp-content/uploads/2017/04/how-to-add-slider-delay-300x145.jpg" class="attachment-medium size-medium wp-post-image" alt="" srcset="https://soliloquywp.com/wp-content/uploads/2017/04/how-to-add-slider-delay-300x145.jpg 300w, https://soliloquywp.com/wp-content/uploads/2017/04/how-to-add-slider-delay-550x266.jpg 550w, https://soliloquywp.com/wp-content/uploads/2017/04/how-to-add-slider-delay.jpg 620w" sizes="(max-width: 300px) 100vw, 300px" title="how-to-add-slider-delay - Soliloquy" /></noscript></a></div> <div class='rp4wp-related-post-content'> <a href='https://soliloquywp.com/how-to-add-slider-delay-in-wordpress-image-sliders/'>How to Add a Slider Delay in WordPress Image Sliders</a></div> </li> <li><div class='rp4wp-related-post-image'> <a href='https://soliloquywp.com/how-to-add-an-image-slider-in-wordpress-header/'><img width="300" height="145" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20145'%3E%3C/svg%3E" class="attachment-medium size-medium wp-post-image" alt="Image Slider in WordPress Header" data-lazy-srcset="https://soliloquywp.com/wp-content/uploads/2017/08/image-slider-wordpress-header-300x145.jpg 300w, https://soliloquywp.com/wp-content/uploads/2017/08/image-slider-wordpress-header-550x266.jpg 550w, https://soliloquywp.com/wp-content/uploads/2017/08/image-slider-wordpress-header.jpg 620w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" title="Image Slider in WordPress Header - Soliloquy" data-lazy-src="https://soliloquywp.com/wp-content/uploads/2017/08/image-slider-wordpress-header-300x145.jpg" /><noscript><img width="300" height="145" src="https://soliloquywp.com/wp-content/uploads/2017/08/image-slider-wordpress-header-300x145.jpg" class="attachment-medium size-medium wp-post-image" alt="Image Slider in WordPress Header" srcset="https://soliloquywp.com/wp-content/uploads/2017/08/image-slider-wordpress-header-300x145.jpg 300w, https://soliloquywp.com/wp-content/uploads/2017/08/image-slider-wordpress-header-550x266.jpg 550w, https://soliloquywp.com/wp-content/uploads/2017/08/image-slider-wordpress-header.jpg 620w" sizes="(max-width: 300px) 100vw, 300px" title="Image Slider in WordPress Header - Soliloquy" /></noscript></a></div> <div class='rp4wp-related-post-content'> <a href='https://soliloquywp.com/how-to-add-an-image-slider-in-wordpress-header/'>How to Add an Image Slider in WordPress Header</a></div> </li> <li><div class='rp4wp-related-post-image'> <a href='https://soliloquywp.com/how-to-add-a-featured-image-slider-in-wordpress/'><img width="300" height="145" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20145'%3E%3C/svg%3E" class="attachment-medium size-medium wp-post-image" alt="Featured Image Slider in WordPress" data-lazy-srcset="https://soliloquywp.com/wp-content/uploads/2017/10/featured-image-slider-in-wordpress-300x145.jpg 300w, https://soliloquywp.com/wp-content/uploads/2017/10/featured-image-slider-in-wordpress-550x266.jpg 550w, https://soliloquywp.com/wp-content/uploads/2017/10/featured-image-slider-in-wordpress.jpg 620w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" title="Featured Image Slider in WordPress - Soliloquy" data-lazy-src="https://soliloquywp.com/wp-content/uploads/2017/10/featured-image-slider-in-wordpress-300x145.jpg" /><noscript><img width="300" height="145" src="https://soliloquywp.com/wp-content/uploads/2017/10/featured-image-slider-in-wordpress-300x145.jpg" class="attachment-medium size-medium wp-post-image" alt="Featured Image Slider in WordPress" srcset="https://soliloquywp.com/wp-content/uploads/2017/10/featured-image-slider-in-wordpress-300x145.jpg 300w, https://soliloquywp.com/wp-content/uploads/2017/10/featured-image-slider-in-wordpress-550x266.jpg 550w, https://soliloquywp.com/wp-content/uploads/2017/10/featured-image-slider-in-wordpress.jpg 620w" sizes="(max-width: 300px) 100vw, 300px" title="Featured Image Slider in WordPress - Soliloquy" /></noscript></a></div> <div class='rp4wp-related-post-content'> <a href='https://soliloquywp.com/how-to-add-a-featured-image-slider-in-wordpress/'>How to Add a Featured Image Slider in WordPress</a></div> </li> <li><div class='rp4wp-related-post-image'> <a href='https://soliloquywp.com/how-to-create-a-classic-image-slider-in-wordpress/'><img width="300" height="145" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20145'%3E%3C/svg%3E" class="attachment-medium size-medium wp-post-image" alt="Classic Image Slider" data-lazy-srcset="https://soliloquywp.com/wp-content/uploads/2017/03/classic-image-slider-in-wordpress-300x145.jpg 300w, https://soliloquywp.com/wp-content/uploads/2017/03/classic-image-slider-in-wordpress-550x266.jpg 550w, https://soliloquywp.com/wp-content/uploads/2017/03/classic-image-slider-in-wordpress.jpg 620w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" title="Classic Image Slider - Soliloquy" data-lazy-src="https://soliloquywp.com/wp-content/uploads/2017/03/classic-image-slider-in-wordpress-300x145.jpg" /><noscript><img width="300" height="145" src="https://soliloquywp.com/wp-content/uploads/2017/03/classic-image-slider-in-wordpress-300x145.jpg" class="attachment-medium size-medium wp-post-image" alt="Classic Image Slider" srcset="https://soliloquywp.com/wp-content/uploads/2017/03/classic-image-slider-in-wordpress-300x145.jpg 300w, https://soliloquywp.com/wp-content/uploads/2017/03/classic-image-slider-in-wordpress-550x266.jpg 550w, https://soliloquywp.com/wp-content/uploads/2017/03/classic-image-slider-in-wordpress.jpg 620w" sizes="(max-width: 300px) 100vw, 300px" title="Classic Image Slider - Soliloquy" /></noscript></a></div> <div class='rp4wp-related-post-content'> <a href='https://soliloquywp.com/how-to-create-a-classic-image-slider-in-wordpress/'>How to Create a Classic Image Slider in WordPress</a></div> </li> <li><div class='rp4wp-related-post-image'> <a href='https://soliloquywp.com/how-to-add-custom-css-to-your-wordpress-image-slider/'><img width="300" height="145" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20145'%3E%3C/svg%3E" class="attachment-medium size-medium wp-post-image" alt="how-to-add-custom-css-to-your-wordpress-image-slider" data-lazy-srcset="https://soliloquywp.com/wp-content/uploads/2016/09/How-to-Add-Custom-CSS-to-Your-WordPress-Image-Slider-300x145.png 300w, https://soliloquywp.com/wp-content/uploads/2016/09/How-to-Add-Custom-CSS-to-Your-WordPress-Image-Slider-550x266.png 550w, https://soliloquywp.com/wp-content/uploads/2016/09/How-to-Add-Custom-CSS-to-Your-WordPress-Image-Slider.png 620w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" title="how-to-add-custom-css-to-your-wordpress-image-slider - Soliloquy" data-lazy-src="https://soliloquywp.com/wp-content/uploads/2016/09/How-to-Add-Custom-CSS-to-Your-WordPress-Image-Slider-300x145.png" /><noscript><img width="300" height="145" src="https://soliloquywp.com/wp-content/uploads/2016/09/How-to-Add-Custom-CSS-to-Your-WordPress-Image-Slider-300x145.png" class="attachment-medium size-medium wp-post-image" alt="how-to-add-custom-css-to-your-wordpress-image-slider" srcset="https://soliloquywp.com/wp-content/uploads/2016/09/How-to-Add-Custom-CSS-to-Your-WordPress-Image-Slider-300x145.png 300w, https://soliloquywp.com/wp-content/uploads/2016/09/How-to-Add-Custom-CSS-to-Your-WordPress-Image-Slider-550x266.png 550w, https://soliloquywp.com/wp-content/uploads/2016/09/How-to-Add-Custom-CSS-to-Your-WordPress-Image-Slider.png 620w" sizes="(max-width: 300px) 100vw, 300px" title="how-to-add-custom-css-to-your-wordpress-image-slider - Soliloquy" /></noscript></a></div> <div class='rp4wp-related-post-content'> <a href='https://soliloquywp.com/how-to-add-custom-css-to-your-wordpress-image-slider/'>How to Add Custom CSS to Your WordPress Image Slider</a></div> </li> <li><div class='rp4wp-related-post-image'> <a href='https://soliloquywp.com/how-to-add-an-image-slider-to-wordpress-template-page/'><img width="300" height="145" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20145'%3E%3C/svg%3E" class="attachment-medium size-medium wp-post-image" alt="Image Slider to WordPress Template Page" data-lazy-srcset="https://soliloquywp.com/wp-content/uploads/2017/09/image-slider-to-wordpress-template-page-300x145.jpg 300w, https://soliloquywp.com/wp-content/uploads/2017/09/image-slider-to-wordpress-template-page-550x266.jpg 550w, https://soliloquywp.com/wp-content/uploads/2017/09/image-slider-to-wordpress-template-page.jpg 620w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" title="Image Slider to WordPress Template Page - Soliloquy" data-lazy-src="https://soliloquywp.com/wp-content/uploads/2017/09/image-slider-to-wordpress-template-page-300x145.jpg" /><noscript><img width="300" height="145" src="https://soliloquywp.com/wp-content/uploads/2017/09/image-slider-to-wordpress-template-page-300x145.jpg" class="attachment-medium size-medium wp-post-image" alt="Image Slider to WordPress Template Page" srcset="https://soliloquywp.com/wp-content/uploads/2017/09/image-slider-to-wordpress-template-page-300x145.jpg 300w, https://soliloquywp.com/wp-content/uploads/2017/09/image-slider-to-wordpress-template-page-550x266.jpg 550w, https://soliloquywp.com/wp-content/uploads/2017/09/image-slider-to-wordpress-template-page.jpg 620w" sizes="(max-width: 300px) 100vw, 300px" title="Image Slider to WordPress Template Page - Soliloquy" /></noscript></a></div> <div class='rp4wp-related-post-content'> <a href='https://soliloquywp.com/how-to-add-an-image-slider-to-wordpress-template-page/'>How to Add an Image Slider to WordPress Template Page</a></div> </li> </ul> </div> <div id="author-sendoff"> <div class="author-portrait left"> <img alt='' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%2090'%3E%3C/svg%3E" data-lazy-srcset='https://secure.gravatar.com/avatar/9753647220ed219e722a022e24abb497?s=180&d=mm&r=g 2x' class='avatar avatar-90 photo' height='90' width='90' decoding='async' data-lazy-src="https://secure.gravatar.com/avatar/9753647220ed219e722a022e24abb497?s=90&d=mm&r=g"/><noscript><img alt='' src='https://secure.gravatar.com/avatar/9753647220ed219e722a022e24abb497?s=90&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/9753647220ed219e722a022e24abb497?s=180&d=mm&r=g 2x' class='avatar avatar-90 photo' height='90' width='90' decoding='async'/></noscript> </div> <div class="author-content"> <div class="author-byline">Published by Waseem Abbas</div> <div class="author-about">Waseem Abbas is a content writer for SoliloquyWP and Envira Gallery.</div> </div> </div> </section> </article> <div id="comments"> <h2>Comments</h2> <ol class="comment-list panel panel-secondary"> <div class="panel-content"> <div id="comment-51157" class="comment even thread-even depth-1"> <article class="comment-single clearfix"> <section class="comment-content"> <header class="comment-header"> <div class="comment-avatar"> <img alt='' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2050'%3E%3C/svg%3E" data-lazy-srcset='https://secure.gravatar.com/avatar/83361ddd822c1f51e79640bee4b5806e?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' decoding='async' data-lazy-src="https://secure.gravatar.com/avatar/83361ddd822c1f51e79640bee4b5806e?s=50&d=mm&r=g"/><noscript><img alt='' src='https://secure.gravatar.com/avatar/83361ddd822c1f51e79640bee4b5806e?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/83361ddd822c1f51e79640bee4b5806e?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' decoding='async'/></noscript> </div> <div class="comment-author"> <h4 class="author-title"> Michael </h4> <div class="comment-time"><span class="comment-date icon-clock">May 3, 2017</span></div> </div> <div class="clearfix"></div> </header> <div class="comment-body panel panel-primary"> <div class="panel-content"> <p>This is the best article from soliloquywp; and easy to understood</p> <span class="reply-link left"><i class="icon-reply"></i><a rel='nofollow' class='comment-reply-link' href='#comment-51157' data-commentid="51157" data-postid="358543" data-belowelement="comment-51157" data-respondelement="respond" data-replyto="Reply to Michael" aria-label='Reply to Michael'>Reply</a></span> <div class="clearfix"></div> </div> </div> </section> </article> <ol class="children"> <div id="comment-51168" class="comment byuser comment-author-waseemawesomemotive-com bypostauthor odd alt depth-2"> <article class="comment-single clearfix"> <section class="comment-content"> <header class="comment-header"> <div class="comment-avatar"> <img alt='' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2050'%3E%3C/svg%3E" data-lazy-srcset='https://secure.gravatar.com/avatar/9753647220ed219e722a022e24abb497?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' decoding='async' data-lazy-src="https://secure.gravatar.com/avatar/9753647220ed219e722a022e24abb497?s=50&d=mm&r=g"/><noscript><img alt='' src='https://secure.gravatar.com/avatar/9753647220ed219e722a022e24abb497?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/9753647220ed219e722a022e24abb497?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' decoding='async'/></noscript> </div> <div class="comment-author"> <h4 class="author-title"> Waseem Abbas </h4> <div class="comment-time"><span class="comment-date icon-clock">May 4, 2017</span></div> </div> <div class="clearfix"></div> </header> <div class="comment-body panel panel-primary"> <div class="panel-content"> <p>Hey Michael, glad you like this article. 馃檪 Do follow us on <a href="https://www.facebook.com/soliloquywp" target="_blank" title="Facebook" rel="nofollow">Facebook</a> and <a href="https://twitter.com/soliloquywp" target="_blank" title="Twitter" rel="nofollow">Twitter</a> for more free WordPress guides.</p> <span class="reply-link left"><i class="icon-reply"></i><a rel='nofollow' class='comment-reply-link' href='#comment-51168' data-commentid="51168" data-postid="358543" data-belowelement="comment-51168" data-respondelement="respond" data-replyto="Reply to Waseem Abbas" aria-label='Reply to Waseem Abbas'>Reply</a></span> <div class="clearfix"></div> </div> </div> </section> </article> </li> </ol> </li> <div id="comment-53240" class="comment even thread-odd thread-alt depth-1"> <article class="comment-single clearfix"> <section class="comment-content"> <header class="comment-header"> <div class="comment-avatar"> <img alt='' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2050'%3E%3C/svg%3E" data-lazy-srcset='https://secure.gravatar.com/avatar/16a14c0d3f1edaf3347370f9bb2e63ae?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' decoding='async' data-lazy-src="https://secure.gravatar.com/avatar/16a14c0d3f1edaf3347370f9bb2e63ae?s=50&d=mm&r=g"/><noscript><img alt='' src='https://secure.gravatar.com/avatar/16a14c0d3f1edaf3347370f9bb2e63ae?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/16a14c0d3f1edaf3347370f9bb2e63ae?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' decoding='async'/></noscript> </div> <div class="comment-author"> <h4 class="author-title"> Matthias </h4> <div class="comment-time"><span class="comment-date icon-clock">June 29, 2017</span></div> </div> <div class="clearfix"></div> </header> <div class="comment-body panel panel-primary"> <div class="panel-content"> <p>Why dont you show WHERE to add the template tag. That’s the most important information of this article…and its missing. I am sorry, but explaining the obvious while not explaning the important things is not very helpful. You could say it is useless I guess.<br /> And why do you even upload an Image of the Header.php if the template tag isn’t in there? Just WHY? </p> <p>That is the information noobs like me need.</p> <span class="reply-link left"><i class="icon-reply"></i><a rel='nofollow' class='comment-reply-link' href='#comment-53240' data-commentid="53240" data-postid="358543" data-belowelement="comment-53240" data-respondelement="respond" data-replyto="Reply to Matthias" aria-label='Reply to Matthias'>Reply</a></span> <div class="clearfix"></div> </div> </div> </section> </article> <ol class="children"> <div id="comment-53351" class="comment byuser comment-author-waseemawesomemotive-com bypostauthor odd alt depth-2"> <article class="comment-single clearfix"> <section class="comment-content"> <header class="comment-header"> <div class="comment-avatar"> <img alt='' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2050'%3E%3C/svg%3E" data-lazy-srcset='https://secure.gravatar.com/avatar/9753647220ed219e722a022e24abb497?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' decoding='async' data-lazy-src="https://secure.gravatar.com/avatar/9753647220ed219e722a022e24abb497?s=50&d=mm&r=g"/><noscript><img alt='' src='https://secure.gravatar.com/avatar/9753647220ed219e722a022e24abb497?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/9753647220ed219e722a022e24abb497?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' decoding='async'/></noscript> </div> <div class="comment-author"> <h4 class="author-title"> Waseem Abbas </h4> <div class="comment-time"><span class="comment-date icon-clock">July 3, 2017</span></div> </div> <div class="clearfix"></div> </header> <div class="comment-body panel panel-primary"> <div class="panel-content"> <p>Hello Matthias, you can add the template tag in <code>header.php</code> file where you want to display your image slider to the homepage. It is same with the shortcode. If you further need any assistance on where to place the template tag, then feel free to ask me here. 馃檪</p> <span class="reply-link left"><i class="icon-reply"></i><a rel='nofollow' class='comment-reply-link' href='#comment-53351' data-commentid="53351" data-postid="358543" data-belowelement="comment-53351" data-respondelement="respond" data-replyto="Reply to Waseem Abbas" aria-label='Reply to Waseem Abbas'>Reply</a></span> <div class="clearfix"></div> </div> </div> </section> </article> <ol class="children"> <div id="comment-55044" class="comment even depth-3"> <article class="comment-single clearfix"> <section class="comment-content"> <header class="comment-header"> <div class="comment-avatar"> <img alt='' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2050'%3E%3C/svg%3E" data-lazy-srcset='https://secure.gravatar.com/avatar/a04ea0d0fa8f43cbf9ccf6383513978e?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' decoding='async' data-lazy-src="https://secure.gravatar.com/avatar/a04ea0d0fa8f43cbf9ccf6383513978e?s=50&d=mm&r=g"/><noscript><img alt='' src='https://secure.gravatar.com/avatar/a04ea0d0fa8f43cbf9ccf6383513978e?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/a04ea0d0fa8f43cbf9ccf6383513978e?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' decoding='async'/></noscript> </div> <div class="comment-author"> <h4 class="author-title"> Ebony </h4> <div class="comment-time"><span class="comment-date icon-clock">August 16, 2017</span></div> </div> <div class="clearfix"></div> </header> <div class="comment-body panel panel-primary"> <div class="panel-content"> <p>Hi! Can you please explain step by step how to add this to the header.php file? I am not sure where to find it or add the shortcode.</p> <span class="reply-link left"><i class="icon-reply"></i><a rel='nofollow' class='comment-reply-link' href='#comment-55044' data-commentid="55044" data-postid="358543" data-belowelement="comment-55044" data-respondelement="respond" data-replyto="Reply to Ebony" aria-label='Reply to Ebony'>Reply</a></span> <div class="clearfix"></div> </div> </div> </section> </article> <ol class="children"> <div id="comment-55153" class="comment byuser comment-author-waseemawesomemotive-com bypostauthor odd alt depth-4"> <article class="comment-single clearfix"> <section class="comment-content"> <header class="comment-header"> <div class="comment-avatar"> <img alt='' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2050'%3E%3C/svg%3E" data-lazy-srcset='https://secure.gravatar.com/avatar/9753647220ed219e722a022e24abb497?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' decoding='async' data-lazy-src="https://secure.gravatar.com/avatar/9753647220ed219e722a022e24abb497?s=50&d=mm&r=g"/><noscript><img alt='' src='https://secure.gravatar.com/avatar/9753647220ed219e722a022e24abb497?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/9753647220ed219e722a022e24abb497?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' decoding='async'/></noscript> </div> <div class="comment-author"> <h4 class="author-title"> Waseem Abbas </h4> <div class="comment-time"><span class="comment-date icon-clock">August 19, 2017</span></div> </div> <div class="clearfix"></div> </header> <div class="comment-body panel panel-primary"> <div class="panel-content"> <p>Hey Ebony, you can add the template tag in your header.php file at the place where you want to display the slider on homepage. Shortcodes are recommended for WordPress pages and posts.</p> <span class="reply-link left"><i class="icon-reply"></i><a rel='nofollow' class='comment-reply-link' href='#comment-55153' data-commentid="55153" data-postid="358543" data-belowelement="comment-55153" data-respondelement="respond" data-replyto="Reply to Waseem Abbas" aria-label='Reply to Waseem Abbas'>Reply</a></span> <div class="clearfix"></div> </div> </div> </section> </article> <ol class="children"> <div id="comment-77247" class="comment byuser comment-author-kaitvano even depth-5"> <article class="comment-single clearfix"> <section class="comment-content"> <header class="comment-header"> <div class="comment-avatar"> <img alt='' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2050'%3E%3C/svg%3E" data-lazy-srcset='https://secure.gravatar.com/avatar/887d27ccfa2abe2f5b7ef31e499dbf07?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' decoding='async' data-lazy-src="https://secure.gravatar.com/avatar/887d27ccfa2abe2f5b7ef31e499dbf07?s=50&d=mm&r=g"/><noscript><img alt='' src='https://secure.gravatar.com/avatar/887d27ccfa2abe2f5b7ef31e499dbf07?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/887d27ccfa2abe2f5b7ef31e499dbf07?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' decoding='async'/></noscript> </div> <div class="comment-author"> <h4 class="author-title"> Kait Vanosch </h4> <div class="comment-time"><span class="comment-date icon-clock">January 20, 2019</span></div> </div> <div class="clearfix"></div> </header> <div class="comment-body panel panel-primary"> <div class="panel-content"> <p>But how do we access the header file so we can make changes to it? Not every theme allows this?</p> <span class="reply-link left"><i class="icon-reply"></i></span> <div class="clearfix"></div> </div> </div> </section> </article> </li> </ol> </li> </ol> </li> </ol> </li> </ol> </li> <div id="comment-62507" class="comment odd alt thread-even depth-1"> <article class="comment-single clearfix"> <section class="comment-content"> <header class="comment-header"> <div class="comment-avatar"> <img alt='' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2050'%3E%3C/svg%3E" data-lazy-srcset='https://secure.gravatar.com/avatar/3862f134f45f021cd8e52bf0dc356d7f?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' decoding='async' data-lazy-src="https://secure.gravatar.com/avatar/3862f134f45f021cd8e52bf0dc356d7f?s=50&d=mm&r=g"/><noscript><img alt='' src='https://secure.gravatar.com/avatar/3862f134f45f021cd8e52bf0dc356d7f?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/3862f134f45f021cd8e52bf0dc356d7f?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' decoding='async'/></noscript> </div> <div class="comment-author"> <h4 class="author-title"> Kaung </h4> <div class="comment-time"><span class="comment-date icon-clock">January 10, 2018</span></div> </div> <div class="clearfix"></div> </header> <div class="comment-body panel panel-primary"> <div class="panel-content"> <p>I already have one homepage slider,but i did another slider and i want to change to new one without delecting old one…How can i do ?</p> <span class="reply-link left"><i class="icon-reply"></i><a rel='nofollow' class='comment-reply-link' href='#comment-62507' data-commentid="62507" data-postid="358543" data-belowelement="comment-62507" data-respondelement="respond" data-replyto="Reply to Kaung" aria-label='Reply to Kaung'>Reply</a></span> <div class="clearfix"></div> </div> </div> </section> </article> </li> <div id="comment-84087" class="comment even thread-odd thread-alt depth-1"> <article class="comment-single clearfix"> <section class="comment-content"> <header class="comment-header"> <div class="comment-avatar"> <img alt='' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2050%2050'%3E%3C/svg%3E" data-lazy-srcset='https://secure.gravatar.com/avatar/4e48cc49a175b161c1462e96e1bd0dc5?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' decoding='async' data-lazy-src="https://secure.gravatar.com/avatar/4e48cc49a175b161c1462e96e1bd0dc5?s=50&d=mm&r=g"/><noscript><img alt='' src='https://secure.gravatar.com/avatar/4e48cc49a175b161c1462e96e1bd0dc5?s=50&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/4e48cc49a175b161c1462e96e1bd0dc5?s=100&d=mm&r=g 2x' class='avatar avatar-50 photo' height='50' width='50' decoding='async'/></noscript> </div> <div class="comment-author"> <h4 class="author-title"> Brenda Doro </h4> <div class="comment-time"><span class="comment-date icon-clock">July 31, 2019</span></div> </div> <div class="clearfix"></div> </header> <div class="comment-body panel panel-primary"> <div class="panel-content"> <p>I have the header.php file up and I inspected the elements on the page using just the google Inspect Element option, but I want the slider to come under my theme main menu. I can find the main menu. I inserted the code after all the s at the end of the code . But that’s just putting the code on the main page not the images that the code represents. Help!<br /> Thank you,<br /> Brenda</p> <span class="reply-link left"><i class="icon-reply"></i><a rel='nofollow' class='comment-reply-link' href='#comment-84087' data-commentid="84087" data-postid="358543" data-belowelement="comment-84087" data-respondelement="respond" data-replyto="Reply to Brenda Doro" aria-label='Reply to Brenda Doro'>Reply</a></span> <div class="clearfix"></div> </div> </div> </section> </article> </li> </div> </ol> <article class="comments-form"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/how-to-add-a-homepage-slider-in-wordpress/#respond" style="display:none;">Cancel reply</a></small></h3><form action="https://soliloquywp.com/wp-comments-post.php" method="post" id="commentform" class="panel panel-secondary panel-content"><p class="commentpolicy">We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our <a href="/privacy" title="Privacy Policy">privacy policy</a>, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.</p><p class="comment-form-comment"><label for="author">Your Comment</label><textarea class="form-input" name="comment" id="comment" placeholder="Your Comment"></textarea></p><p class="comment-form-author"><label for="author">Your Real Name</label><input class="form-input" type="text" name="author" id="author" placeholder="Your Real Name" required /></p> <p class="comment-form-email"><label for="email">Your Email Address</label><input class="form-input" type="email" name="email" id="email" placeholder="Your Email Address" required /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p> <script>document.addEventListener("DOMContentLoaded",(function(){var e=document.getElementById("cf-turnstile-c-1048773076");e&&!e.innerHTML.trim()&&(turnstile.remove("#cf-turnstile-c-1048773076"),turnstile.render("#cf-turnstile-c-1048773076",{sitekey:"0x4AAAAAAAxI0m_80gBocTBp"}))}));</script> <p class="form-submit"><span id="cf-turnstile-c-1048773076" class="cf-turnstile cf-turnstile-comments" data-action="wordpress-comment" data-callback="turnstileCommentCallback" data-sitekey="0x4AAAAAAAxI0m_80gBocTBp" data-theme="auto" data-language="auto" data-appearance="always" data-retry="auto" data-retry-interval="1000"></span><br class="cf-turnstile-br cf-turnstile-br-comments"><span class="cf-turnstile-comment" style="pointer-events: none; opacity: 0.5;"><input name="submit" type="submit" id="submit" class="button button-secondary" value="Add Your Comment" /></span><script type="text/javascript">document.addEventListener("DOMContentLoaded", function() { document.body.addEventListener("click", function(event) { if (event.target.matches(".comment-reply-link, #cancel-comment-reply-link")) { turnstile.reset(".comment-form .cf-turnstile"); } }); });</script><script type="text/javascript">jQuery(document).ajaxComplete(function() { setTimeout(function() { turnstile.render("#cf-turnstile-c-1048773076"); }, 1000); });</script> <input type='hidden' name='comment_post_ID' value='358543' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="1c9789cff5" /></p><p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="221"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p></form> </div> </article> </div> </div> <aside class="grid-md-4"> <ul class="list-unstyled"> <li class="widget widget_cta panel"> <div class="panel-content"> <a href="https://soliloquywp.com/pricing" title="Get Soliloquy Now"> <p>Create Beautiful Responsive Sliders in Minutes</p> <p> <span class="button button-primary"> Get Soliloquy Now </span> </p> </a> </div> </li> <li id="search-3" class="widget panel panel-secondary widget_search"><form role="search" method="get" class="searchform" action="https://soliloquywp.com/"> <div> <input class="form-input" type="text" name="s" id="s" value="" placeholder="Search Soliloquy Blog" /> <input type="submit" value="Search" /> <div class="clearfix"></div> </div> </form></li> <li class="widget widget_newsletter"> <div id="om-eoc9jdzppg4sc7rd-holder"></div> </li> <li class="widget widget_social panel panel-secondary"> <div class="panel-content"> <h4 class="widgettitle">Lets Connect</h4> <ul> <li class="facebook"> <a href="https://www.facebook.com/soliloquywp" title="Facebook" target="_blank" class="facebook"> Facebook </a> </li> <li class="twitter"> <a href="https://twitter.com/soliloquywp" title="Twitter" target="_blank" class="twitter"> Twitter </a> </li> <li class="youtube"> <a href="https://www.youtube.com/c/soliloquywp" title="YouTube" target="_blank" class="youtube"> YouTube </a> </li> </ul> </div> </li> </ul> </aside> </main> <section class="cta-footer"> <div class="container"> <div class="footer-cta-content"> <h2 class="section-title">Ready to start creating slides the easy way?</h2> <a href="https://soliloquywp.com/pricing/" class="button button-primary">Get Soliloquy Now</a> </div> </div> </section>  <footer id="footer"> <div class="container">  <aside> <ul class="column column-1"> <li id="nav_menu-1" class="widget widget_nav_menu"><h4 class="widgettitle">Company</h4><div class="menu-company-container"><ul id="menu-company" class="menu"><li id="menu-item-322113" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322113"><a href="https://soliloquywp.com/about-us/">About Us</a></li> <li id="menu-item-322107" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322107"><a href="https://soliloquywp.com/contact/">Contact</a></li> <li id="menu-item-322105" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322105"><a href="https://soliloquywp.com/affiliates/">Affiliates</a></li> <li id="menu-item-322106" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-322106"><a href="https://soliloquywp.com/blog/">Blog</a></li> <li id="menu-item-428568" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-428568"><a href="https://soliloquywp.com/demo/">Demo</a></li> <li id="menu-item-428567" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-428567"><a href="https://soliloquywp.com/pricing/">Plans & Pricing</a></li> </ul></div></li> </ul> <ul class="column column-2"> <li id="nav_menu-2" class="widget widget_nav_menu"><h4 class="widgettitle">Top Features</h4><div class="menu-top-features-1-container"><ul id="menu-top-features-1" class="menu"><li id="menu-item-322116" class="menu-item menu-item-type-post_type menu-item-object-addons menu-item-322116"><a href="https://soliloquywp.com/addons/featured-content/">Featured Content Slider</a></li> <li id="menu-item-322115" class="menu-item menu-item-type-post_type menu-item-object-addons menu-item-322115"><a href="https://soliloquywp.com/addons/woocommerce-addon/">WooCommerce Slider</a></li> <li id="menu-item-322117" class="menu-item menu-item-type-post_type menu-item-object-addons menu-item-322117"><a href="https://soliloquywp.com/addons/carousel/">Carousel Slider</a></li> <li id="menu-item-322118" class="menu-item menu-item-type-post_type menu-item-object-addons menu-item-322118"><a href="https://soliloquywp.com/addons/lightbox/">Lightbox Slider</a></li> <li id="menu-item-428572" class="menu-item menu-item-type-post_type menu-item-object-addons menu-item-428572"><a href="https://soliloquywp.com/addons/thumbnails/">Thumbnails Slider</a></li> <li id="menu-item-322114" class="menu-item menu-item-type-post_type menu-item-object-addons menu-item-322114"><a href="https://soliloquywp.com/addons/dynamic/">Dynamic Slider</a></li> <li id="menu-item-428566" class="menu-item menu-item-type-post_type menu-item-object-addons menu-item-428566"><a href="https://soliloquywp.com/addons/pdf/">PDF Slider Addon</a></li> <li id="menu-item-428573" class="menu-item menu-item-type-post_type menu-item-object-addons menu-item-428573"><a href="https://soliloquywp.com/addons/themes/">Slider Themes</a></li> <li id="menu-item-428574" class="menu-item menu-item-type-post_type menu-item-object-addons menu-item-428574"><a href="https://soliloquywp.com/addons/instagram/">Instagram Slider</a></li> </ul></div></li> </ul> <ul class="column column-3"> <li id="nav_menu-3" class="widget widget_nav_menu"><h4 class="widgettitle">Slider Demos</h4><div class="menu-demos-container"><ul id="menu-demos" class="menu"><li id="menu-item-342223" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-342223"><a href="https://soliloquywp.com/demo/carousel-slider-demo/">Carousel Slider</a></li> <li id="menu-item-342222" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-342222"><a href="https://soliloquywp.com/demo/featured-content-slider-demo/">Featured Content Slider</a></li> <li id="menu-item-342224" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-342224"><a href="https://soliloquywp.com/demo/lightbox-slider-demo/">Lightbox Slider</a></li> <li id="menu-item-342228" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-342228"><a href="https://soliloquywp.com/demo/video-slider-demo/">Video Slider</a></li> <li id="menu-item-342264" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-342264"><a href="https://soliloquywp.com/demo/slider-with-captions-demo/">Slider with Captions</a></li> <li id="menu-item-342241" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-342241"><a href="https://soliloquywp.com/demo/slider-transition-effects-demo/">Slider with Transition Effects</a></li> <li id="menu-item-342263" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-342263"><a href="https://soliloquywp.com/demo/slider-with-thumbnails-demo/">Slider with Thumbnails</a></li> <li id="menu-item-342262" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-342262"><a href="https://soliloquywp.com/demo/instagram-slider-demo/">Instagram Slider</a></li> <li id="menu-item-342265" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-342265"><a href="https://soliloquywp.com/demo/slider-themes-demo/">Slider Themes Demo</a></li> <li id="menu-item-347511" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-347511"><a href="https://soliloquywp.com/demo/html-slider-demo/">Custom HTML Slider Demo</a></li> </ul></div></li> </ul> <ul class="column column-4"> <li id="nav_menu-6" class="widget widget_nav_menu"><h4 class="widgettitle">Our Brands</h4><div class="menu-our-brands-container"><ul id="menu-our-brands" class="menu"><li id="menu-item-428560" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-428560"><a title="WordPress Photo and Video Gallery plugin" target="_blank" rel="noopener" href="http://enviragallery.com/">Envira Gallery</a></li> </ul></div></li> <li class="widget widget_social panel panel-secondary"> <div class="panel-content"> <h4 class="widgettitle">Connect With Us</h4> <ul> <li class="facebook"> <a href="https://www.facebook.com/soliloquywp" title="Facebook" target="_blank" class="facebook"> Facebook </a> </li> <li class="twitter"> <a href="https://twitter.com/soliloquywp" title="Twitter" target="_blank" class="twitter"> Twitter </a> </li> <li class="youtube"> <a href="https://www.youtube.com/@SoliloquySlider" title="YouTube" target="_blank" class="youtube"> YouTube </a> </li> </ul> </div> </li> <li id="block-3" class="widget widget_block"><a href="https://www.wpbeginner.com/solutions/soliloquy/" target="_blank" rel="noopener"><img decoding="async" width="480" height="86" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%2086'%3E%3C/svg%3E" alt="WPBeginner verified" class="wp-image-637661" data-lazy-srcset="https://soliloquywp.com/wp-content/uploads/2025/01/wpb-verified.png 480w, https://soliloquywp.com/wp-content/uploads/2025/01/wpb-verified.png 300w" data-lazy-sizes="(max-width: 480px) 100vw, 480px" data-lazy-src="https://soliloquywp.com/wp-content/uploads/2025/01/wpb-verified.png"><noscript><img decoding="async" width="480" height="86" src="https://soliloquywp.com/wp-content/uploads/2025/01/wpb-verified.png" alt="WPBeginner verified" class="wp-image-637661" srcset="https://soliloquywp.com/wp-content/uploads/2025/01/wpb-verified.png 480w, https://soliloquywp.com/wp-content/uploads/2025/01/wpb-verified.png 300w" sizes="(max-width: 480px) 100vw, 480px"></noscript></a></li> </ul> <ul class="column column-5"> <li id="nav_menu-4" class="widget widget_nav_menu"><h4 class="widgettitle">Helpful Links</h4><div class="menu-helpful-links-container"><ul id="menu-helpful-links" class="menu"><li id="menu-item-322102" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322102"><a href="https://soliloquywp.com/login/">Login</a></li> <li id="menu-item-322103" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322103"><a href="https://soliloquywp.com/members-area/support/">Support</a></li> <li id="menu-item-322162" class="menu-item menu-item-type-post_type_archive menu-item-object-soliloquy_docs menu-item-322162"><a href="https://soliloquywp.com/docs/">Documentation</a></li> <li id="menu-item-428569" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-428569"><a title="How to choose the best WordPress hosting" target="_blank" rel="noopener" href="http://www.wpbeginner.com/wordpress-hosting/">WordPress Hosting</a></li> <li id="menu-item-428570" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-428570"><a title="How to make a website (step by step)" target="_blank" rel="noopener" href="http://www.wpbeginner.com/guides/">Make a Website</a></li> </ul></div></li> </ul> </aside> </div>  <div id="footer-info" class="container"> <div class="left"> <p class="copyright"> Copyright © 2025 SoliloquyWP, LLC. All rights reserved. </p> <p class="copyright">The WordPress庐 trademark is the intellectual property of the WordPress Foundation. Uses of the WordPress庐, names in this website are for identification purposes only and do not imply an endorsement by WordPress Foundation. Soliloquy is not endorsed or owned by, or affiliated with, the WordPress Foundation</p> <nav> <ul id="menu-footer-copyright" class="list-inline"><li id="menu-item-322111" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322111"><a href="https://soliloquywp.com/terms-and-conditions/">Terms of Service</a></li> <li id="menu-item-322110" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322110"><a href="https://soliloquywp.com/privacy-policy/">Privacy Policy</a></li> <li id="menu-item-637180" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-637180"><a href="https://soliloquywp.com/application-privacy-policy/">Application Privacy Policy</a></li> <li id="menu-item-322112" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-322112"><a href="https://soliloquywp.com/sitemap_index.xml">Sitemap</a></li> </ul> </nav> </div> <img class="protected right" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://soliloquywp.com/wp-content/themes/soliloquy-v4/assets/images/edd/verisign@2x.png" /><noscript><img class="protected right" src="https://soliloquywp.com/wp-content/themes/soliloquy-v4/assets/images/edd/verisign@2x.png" /></noscript> </div> </footer> <script> WebFontConfig = { google: { families: [ 'Source+Sans+Pro:400,300,600:latin' ] } }; (function() { var wf = document.createElement('script'); wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })();</script><script type="text/javascript" src="https://soliloquywp.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://soliloquywp.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" id="drip-js-extra"> /* <![CDATA[ */ var drip = {"tag_prefix":"soliloquy","checkout_url":"https:\/\/soliloquywp.com\/checkout\/?nocache=true"}; var drip = {"tag_prefix":"soliloquy","checkout_url":"https:\/\/soliloquywp.com\/checkout\/?nocache=true"}; /* ]]> */ </script> <script type="text/javascript" src="https://soliloquywp.com/wp-content/mu-plugins/envira-core-v2/assets/js/drip.min.js?ver=1.0.0" id="drip-js"></script> <script type="text/javascript" id="soliloquy-app-js-extra"> /* <![CDATA[ */ var soliloquy_theme = {"ajax":"https:\/\/soliloquywp.com\/wp-admin\/admin-ajax.php","nonce":"548bdf7d17","searching_for":"Searching for ","search_loading":"Loading...","confirm_cancel":"You are about to cancel your {plan name} subscription. You will lose access to support and updates once your subscription expires. Are you sure you want to continue?","search_no_results":"No docs found"}; /* ]]> */ </script> <script type="text/javascript" src="https://soliloquywp.com/wp-content/themes/soliloquy-v4/assets/js/min/app-min.js?ver=4.0.4" id="soliloquy-app-js"></script> <script type="text/javascript" src="https://soliloquywp.com/wp-content/plugins/ea-share-count/assets/js/share-count.js?ver=1.8.0" id="ea-share-count-js"></script> <script type="text/javascript" src="https://soliloquywp.com/wp-content/plugins/google-analytics-premium/assets/js/frontend-gtag.min.js?ver=9.2.1" id="monsterinsights-frontend-script-js" async="async" data-wp-strategy="async"></script> <script data-cfasync="false" data-wpfc-render="false" type="text/javascript" id='monsterinsights-frontend-script-js-extra'>/* <![CDATA[ */ var monsterinsights_frontend = {"js_events_tracking":"true","download_extensions":"doc,pdf,ppt,zip,xls,docx,pptx,xlsx","inbound_paths":"[{\"path\":\"\\\/go\\\/\",\"label\":\"affiliate\"},{\"path\":\"\\\/recommend\\\/\",\"label\":\"affiliate\"}]","home_url":"https:\/\/soliloquywp.com","hash_tracking":"false","v4_id":"G-QGXP3ERL6E"};/* ]]> */ </script> <script type="text/javascript" src="https://soliloquywp.com/wp-content/plugins/coblocks/dist/js/coblocks-animation.js?ver=3.1.13" id="coblocks-animation-js"></script> <script type="text/javascript" src="https://soliloquywp.com/wp-content/plugins/coblocks/dist/js/vendors/tiny-swiper.js?ver=3.1.13" id="coblocks-tiny-swiper-js"></script> <script type="text/javascript" id="coblocks-tinyswiper-initializer-js-extra"> /* <![CDATA[ */ var coblocksTinyswiper = {"carouselPrevButtonAriaLabel":"Previous","carouselNextButtonAriaLabel":"Next","sliderImageAriaLabel":"Image"}; /* ]]> */ </script> <script type="text/javascript" src="https://soliloquywp.com/wp-content/plugins/coblocks/dist/js/coblocks-tinyswiper-initializer.js?ver=3.1.13" id="coblocks-tinyswiper-initializer-js"></script> <script type="text/javascript" id="edd-ajax-js-extra"> /* <![CDATA[ */ var edd_scripts = {"ajaxurl":"https:\/\/soliloquywp.com\/wp-admin\/admin-ajax.php","position_in_cart":"","has_purchase_links":"0","already_in_cart_message":"You have already added this item to your cart","empty_cart_message":"Your cart is empty","loading":"Loading","select_option":"Please select an option","is_checkout":"0","default_gateway":"stripe","redirect_to_checkout":"1","checkout_page":"https:\/\/soliloquywp.com\/checkout\/?nocache=true","permalinks":"1","quantities_enabled":"","taxes_enabled":"0","current_page":"11"}; /* ]]> */ </script> <script type="text/javascript" src="https://soliloquywp.com/wp-content/plugins/easy-digital-downloads-pro/assets/js/edd-ajax.js?ver=3.3.6.1" id="edd-ajax-js"></script> <script>(function(d){var s=d.createElement("script");s.type="text/javascript";s.src="https://a.omappapi.com/app/js/api.min.js";s.async=true;s.id="omapi-script";d.getElementsByTagName("head")[0].appendChild(s);})(document);</script><script type="text/javascript" id="eg-cancel-js-extra"> /* <![CDATA[ */ var egCancelSurvery = {"ajax":"https:\/\/soliloquywp.com\/wp-admin\/admin-ajax.php","nonce":"d16a9c97e5","accountUrl":"https:\/\/soliloquywp.com\/members-area\/?cancellation-survey=1","form_ids":{"choose_reason":631833},"confirm_page_url":"https:\/\/soliloquywp.com\/members-area\/?cancellation-survey=2"}; /* ]]> */ </script> <script type="text/javascript" src="https://soliloquywp.com/wp-content/themes/soliloquy-v4/assets/js/min/cancel-min.js" id="eg-cancel-js"></script> <script type="text/javascript" src="https://js.stripe.com/v3/?ver=v3" id="sandhills-stripe-js-v3-js"></script> <script type="text/javascript" src="https://soliloquywp.com/wp-content/plugins/wp-rocket/assets/js/heartbeat.js?ver=3.15.9" id="heartbeat-js"></script> <script type="text/javascript" src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit" id="cfturnstile-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://soliloquywp.com/wp-content/plugins/simple-cloudflare-turnstile/js/disable-submit.js?ver=5.0" id="cfturnstile-js-js" defer="defer" data-wp-strategy="defer"></script> <script defer type="text/javascript" src="https://soliloquywp.com/wp-content/plugins/akismet/_inc/akismet-frontend.js?ver=1735573125" id="akismet-frontend-js"></script> <script> var shareasaleSSCID=shareasaleGetParameterByName("sscid");function shareasaleSetCookie(e,a,r,s,t){if(e&&a){var o,n=s?"; path="+s:"",i=t?"; domain="+t:"",l="";r&&((o=new Date).setTime(o.getTime()+r),l="; expires="+o.toUTCString()),document.cookie=e+"="+a+l+n+i}}function shareasaleGetParameterByName(e,a){a||(a=window.location.href),e=e.replace(/[\[\]]/g,"\\$&");var r=new RegExp("[?&]"+e+"(=([^&#]*)|&|#|$)").exec(a);return r?r[2]?decodeURIComponent(r[2].replace(/\+/g," ")):"":null}shareasaleSSCID&&shareasaleSetCookie("shareasaleSSCID",shareasaleSSCID,94670778e4,"/"); </script> <style>.edd-js-none .edd-has-js, .edd-js .edd-no-js, body.edd-js input.edd-no-js { display: none; }</style> <script>/* <![CDATA[ */(function(){var c = document.body.classList;c.remove('edd-js-none');c.add('edd-js');})();/* ]]> */</script>  <script type="text/javascript"> var _dcq = _dcq || []; var _dcs = _dcs || {}; _dcs.account = '2509708'; window.onload = function () { var dc = document.createElement( 'script' ); dc.type = 'text/javascript'; dc.async = true; dc.src = '//tag.getdrip.com/2509708.js'; var s = document.getElementsByTagName( 'script' )[0]; s.parentNode.insertBefore( dc, s ); } </script>   <script>(function(d,u,ac){var s=d.createElement('script');s.type='text/javascript';s.src='https://a.omappapi.com/app/js/api.min.js';s.async=true;s.dataset.user=u;s.dataset.campaign=ac;d.getElementsByTagName('head')[0].appendChild(s);})(document,40288,'zkejc5adl7ar5aqlrlwy');</script> <script type="text/javascript"> /* MonsterInsights Scroll Tracking */ if ( typeof(jQuery) !== 'undefined' ) { jQuery( document ).ready(function(){ function monsterinsights_scroll_tracking_load() { if ( ( typeof(__gaTracker) !== 'undefined' && __gaTracker && __gaTracker.hasOwnProperty( "loaded" ) && __gaTracker.loaded == true ) || ( typeof(__gtagTracker) !== 'undefined' && __gtagTracker ) ) { (function(factory) { factory(jQuery); }(function($) { /* Scroll Depth */ "use strict"; var defaults = { percentage: true }; var $window = $(window), cache = [], scrollEventBound = false, lastPixelDepth = 0; /* * Plugin */ $.scrollDepth = function(options) { var startTime = +new Date(); options = $.extend({}, defaults, options); /* * Functions */ function sendEvent(action, label, scrollDistance, timing) { if ( 'undefined' === typeof MonsterInsightsObject || 'undefined' === typeof MonsterInsightsObject.sendEvent ) { return; } var paramName = action.toLowerCase(); var fieldsArray = { send_to: 'G-QGXP3ERL6E', non_interaction: true }; fieldsArray[paramName] = label; if (arguments.length > 3) { fieldsArray.scroll_timing = timing MonsterInsightsObject.sendEvent('event', 'scroll_depth', fieldsArray); } else { MonsterInsightsObject.sendEvent('event', 'scroll_depth', fieldsArray); } } function calculateMarks(docHeight) { return { '25%' : parseInt(docHeight * 0.25, 10), '50%' : parseInt(docHeight * 0.50, 10), '75%' : parseInt(docHeight * 0.75, 10), /* Cushion to trigger 100% event in iOS */ '100%': docHeight - 5 }; } function checkMarks(marks, scrollDistance, timing) { /* Check each active mark */ $.each(marks, function(key, val) { if ( $.inArray(key, cache) === -1 && scrollDistance >= val ) { sendEvent('Percentage', key, scrollDistance, timing); cache.push(key); } }); } function rounded(scrollDistance) { /* Returns String */ return (Math.floor(scrollDistance/250) * 250).toString(); } function init() { bindScrollDepth(); } /* * Public Methods */ /* Reset Scroll Depth with the originally initialized options */ $.scrollDepth.reset = function() { cache = []; lastPixelDepth = 0; $window.off('scroll.scrollDepth'); bindScrollDepth(); }; /* Add DOM elements to be tracked */ $.scrollDepth.addElements = function(elems) { if (typeof elems == "undefined" || !$.isArray(elems)) { return; } $.merge(options.elements, elems); /* If scroll event has been unbound from window, rebind */ if (!scrollEventBound) { bindScrollDepth(); } }; /* Remove DOM elements currently tracked */ $.scrollDepth.removeElements = function(elems) { if (typeof elems == "undefined" || !$.isArray(elems)) { return; } $.each(elems, function(index, elem) { var inElementsArray = $.inArray(elem, options.elements); var inCacheArray = $.inArray(elem, cache); if (inElementsArray != -1) { options.elements.splice(inElementsArray, 1); } if (inCacheArray != -1) { cache.splice(inCacheArray, 1); } }); }; /* * Throttle function borrowed from: * Underscore.js 1.5.2 * http://underscorejs.org * (c) 2009-2013 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors * Underscore may be freely distributed under the MIT license. */ function throttle(func, wait) { var context, args, result; var timeout = null; var previous = 0; var later = function() { previous = new Date; timeout = null; result = func.apply(context, args); }; return function() { var now = new Date; if (!previous) previous = now; var remaining = wait - (now - previous); context = this; args = arguments; if (remaining <= 0) { clearTimeout(timeout); timeout = null; previous = now; result = func.apply(context, args); } else if (!timeout) { timeout = setTimeout(later, remaining); } return result; }; } /* * Scroll Event */ function bindScrollDepth() { scrollEventBound = true; $window.on('scroll.scrollDepth', throttle(function() { /* * We calculate document and window height on each scroll event to * account for dynamic DOM changes. */ var docHeight = $(document).height(), winHeight = window.innerHeight ? window.innerHeight : $window.height(), scrollDistance = $window.scrollTop() + winHeight, /* Recalculate percentage marks */ marks = calculateMarks(docHeight), /* Timing */ timing = +new Date - startTime; checkMarks(marks, scrollDistance, timing); }, 500)); } init(); }; /* UMD export */ return $.scrollDepth; })); jQuery.scrollDepth(); } else { setTimeout(monsterinsights_scroll_tracking_load, 200); } } monsterinsights_scroll_tracking_load(); }); } /* End MonsterInsights Scroll Tracking */ </script> <script type="text/javascript"> var zkejc5adl7ar5aqlrlwy_shortcode = true; </script> <script type="text/javascript" src="https://soliloquywp.com/wp-content/plugins/optinmonster/assets/dist/js/helper.min.js?ver=2.16.8" id="optinmonster-wp-helper-js"></script> <script type="text/javascript"> jQuery('.soliloquy-container').removeClass('no-js'); </script> <script type="text/javascript">var omapi_localized = { ajax: 'https://soliloquywp.com/wp-admin/admin-ajax.php?optin-monster-ajax-route=1', nonce: '7f16da5ec1', slugs: {"zkejc5adl7ar5aqlrlwy":{"slug":"zkejc5adl7ar5aqlrlwy","mailpoet":false}} };</script> <script type="text/javascript">var omapi_data = {"object_id":358543,"object_key":"post","object_type":"post","term_ids":[475,581,582,590,614],"wp_json":"https:\/\/soliloquywp.com\/wp-json","wc_active":false,"edd_active":true,"nonce":"2a63764716","edd":{"discounts":[],"quantity":0,"subtotal":"0.00","total":0,"items":[],"customer":null}};</script> <script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://soliloquywp.com/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script> </body> </html>