{"id":1022,"date":"2018-08-23T17:39:49","date_gmt":"2018-08-23T17:39:49","guid":{"rendered":"https:\/\/patrickcarpen.com\/computers-and-internet\/?page_id=1022"},"modified":"2018-08-23T17:41:13","modified_gmt":"2018-08-23T17:41:13","slug":"inserting-a-smart-slider-into-our-homepage","status":"publish","type":"page","link":"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/inserting-a-smart-slider-into-our-homepage\/","title":{"rendered":"Inserting a Smart Slider into our Homepage"},"content":{"rendered":"Last updated: August 23, 2018 at 17:41 pm\n<p>&nbsp;<\/p>\n<p>So we&#8217;ve just created a slider using the Smart Slider 3 Plugin. Let&#8217;s go ahead and insert that slider into our website&#8217;s homepage.<\/p>\n<p>First step is to log into our Dashboard:<\/p>\n<ol>\n<li>Type: www.hotelamazonasgy.com\/wp-admin<\/li>\n<li>Enter username and password.<\/li>\n<li>Click &#8220;Login.&#8221;<\/li>\n<\/ol>\n<p>Once inside the Dashboard, look for the &#8220;Smart Slider&#8221; button in the the left hand column menu.<\/p>\n<p>Click on it. This will load the Smart Slider Dashboard.<\/p>\n<p>Now scroll down towards the button and look for the slider we just created.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1023\" src=\"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/1-41.png\" alt=\"\" width=\"393\" height=\"226\" srcset=\"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/1-41.png 393w, https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/1-41-300x173.png 300w\" sizes=\"auto, (max-width: 393px) 100vw, 393px\" \/><\/p>\n<p>Hover your mouse over it, and the &#8220;Edit&#8221; button will appear. A new screen will load. Scroll down a little, and you will see the shortcode under the &#8220;Publish&#8221; button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1024\" src=\"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/2-37.png\" alt=\"\" width=\"349\" height=\"264\" srcset=\"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/2-37.png 349w, https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/2-37-300x227.png 300w\" sizes=\"auto, (max-width: 349px) 100vw, 349px\" \/><\/p>\n<p>That&#8217;s the shortcode highlighted above that you need to paste into the widget area to run the slider. Let&#8217;s take a closer look.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1025\" src=\"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/3-35.png\" alt=\"\" width=\"245\" height=\"59\" \/><\/p>\n<p>That&#8217;s it highlighted in blue above there. I&#8217;ll just select it, right click and copy.<\/p>\n<p>Now, let&#8217;s head over to the widgets area to paste this shortcode where it belongs.<\/p>\n<p>I&#8217;ll click on &#8220;Appearance &gt;&gt; Widgets.&#8221; This will load the widgets screen. I&#8217;ll look for the Homepage, Top Sidebar widget area, and click the down arrow to expand it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1029\" src=\"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/4-33.png\" alt=\"\" width=\"467\" height=\"209\" srcset=\"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/4-33.png 467w, https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/4-33-300x134.png 300w\" sizes=\"auto, (max-width: 467px) 100vw, 467px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1030\" src=\"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/5-28.png\" alt=\"\" width=\"326\" height=\"120\" srcset=\"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/5-28.png 326w, https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/5-28-300x110.png 300w\" sizes=\"auto, (max-width: 326px) 100vw, 326px\" \/><\/p>\n<p>There you go! As you can see, it already has the Text Widget inside. And I&#8217;ll just click the &#8220;down arrow&#8221; to open the Text Widget.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1031\" src=\"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/6-26.png\" alt=\"\" width=\"477\" height=\"344\" srcset=\"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/6-26.png 477w, https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/6-26-300x216.png 300w\" sizes=\"auto, (max-width: 477px) 100vw, 477px\" \/><\/p>\n<p>And as you can see, the text widget already has a shortcode in there which is the shortcode we had pasted when we created the previous slider using the Slide Anything Plugin.<\/p>\n<p>So I&#8217;ll delete shortcode and paste the new shortcode for our present slider.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1032\" src=\"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/7-26.png\" alt=\"\" width=\"369\" height=\"191\" srcset=\"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/7-26.png 369w, https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/7-26-300x155.png 300w\" sizes=\"auto, (max-width: 369px) 100vw, 369px\" \/><\/p>\n<p>Great. Let&#8217;s click the save button, and then pull a new browser and load our website to see the slider in action.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1033\" src=\"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/8-22.png\" alt=\"\" width=\"1317\" height=\"456\" srcset=\"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/8-22.png 1317w, https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/8-22-300x104.png 300w, https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/8-22-768x266.png 768w, https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/8-22-1024x355.png 1024w\" sizes=\"auto, (max-width: 1317px) 100vw, 1317px\" \/><\/p>\n<p>Wow! It looks and is working awesome! The next step is do some some adjustments and add some features such as text, caption, read more buttons, etc. And all this can be done from the Smart Slider Dashboard.<\/p>\n<p>I guess you&#8217;re smart and experienced enough by now to go about tweaking settings, playing with layers etc and experimenting on your own, so see you in the next lesson!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; So we&#8217;ve just created a slider using the Smart Slider 3 Plugin. Let&#8217;s go ahead and insert that slider into our website&#8217;s homepage. First step is to log into <a class=\"more-link\" href=\"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/inserting-a-smart-slider-into-our-homepage\/\">Continue Reading &rarr;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":363,"menu_order":45,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"categories":[8,7,10],"tags":[],"class_list":["post-1022","page","type-page","status-publish","hentry","category-web-design-and-development","category-wordpress","category-wordpress-plugins"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Inserting a Smart Slider into our Homepage - Computers and Internet<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/inserting-a-smart-slider-into-our-homepage\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Inserting a Smart Slider into our Homepage - Computers and Internet\" \/>\n<meta property=\"og:description\" content=\"&nbsp; So we&#8217;ve just created a slider using the Smart Slider 3 Plugin. Let&#8217;s go ahead and insert that slider into our website&#8217;s homepage. First step is to log into Continue Reading &rarr;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/inserting-a-smart-slider-into-our-homepage\/\" \/>\n<meta property=\"og:site_name\" content=\"Computers and Internet\" \/>\n<meta property=\"article:modified_time\" content=\"2018-08-23T17:41:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/1-41.png\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/first-steps-to-building-your-wordpress-website\\\/inserting-a-smart-slider-into-our-homepage\\\/\",\"url\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/first-steps-to-building-your-wordpress-website\\\/inserting-a-smart-slider-into-our-homepage\\\/\",\"name\":\"Inserting a Smart Slider into our Homepage - Computers and Internet\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/first-steps-to-building-your-wordpress-website\\\/inserting-a-smart-slider-into-our-homepage\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/first-steps-to-building-your-wordpress-website\\\/inserting-a-smart-slider-into-our-homepage\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/wp-content\\\/uploads\\\/sites\\\/133\\\/2018\\\/08\\\/1-41.png\",\"datePublished\":\"2018-08-23T17:39:49+00:00\",\"dateModified\":\"2018-08-23T17:41:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/first-steps-to-building-your-wordpress-website\\\/inserting-a-smart-slider-into-our-homepage\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/first-steps-to-building-your-wordpress-website\\\/inserting-a-smart-slider-into-our-homepage\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/first-steps-to-building-your-wordpress-website\\\/inserting-a-smart-slider-into-our-homepage\\\/#primaryimage\",\"url\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/wp-content\\\/uploads\\\/sites\\\/133\\\/2018\\\/08\\\/1-41.png\",\"contentUrl\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/wp-content\\\/uploads\\\/sites\\\/133\\\/2018\\\/08\\\/1-41.png\",\"width\":393,\"height\":226},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/first-steps-to-building-your-wordpress-website\\\/inserting-a-smart-slider-into-our-homepage\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"First Steps to Building Your WordPress Website\",\"item\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/first-steps-to-building-your-wordpress-website\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Inserting a Smart Slider into our Homepage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/#website\",\"url\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/\",\"name\":\"Computers and Internet\",\"description\":\"By Patrick Carpen: The Greatest Writer On Earth\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/patrickcarpen.com\\\/computers-and-internet\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Inserting a Smart Slider into our Homepage - Computers and Internet","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/inserting-a-smart-slider-into-our-homepage\/","og_locale":"en_US","og_type":"article","og_title":"Inserting a Smart Slider into our Homepage - Computers and Internet","og_description":"&nbsp; So we&#8217;ve just created a slider using the Smart Slider 3 Plugin. Let&#8217;s go ahead and insert that slider into our website&#8217;s homepage. First step is to log into Continue Reading &rarr;","og_url":"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/inserting-a-smart-slider-into-our-homepage\/","og_site_name":"Computers and Internet","article_modified_time":"2018-08-23T17:41:13+00:00","og_image":[{"url":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/1-41.png","type":"","width":"","height":""}],"twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/inserting-a-smart-slider-into-our-homepage\/","url":"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/inserting-a-smart-slider-into-our-homepage\/","name":"Inserting a Smart Slider into our Homepage - Computers and Internet","isPartOf":{"@id":"https:\/\/patrickcarpen.com\/computers-and-internet\/#website"},"primaryImageOfPage":{"@id":"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/inserting-a-smart-slider-into-our-homepage\/#primaryimage"},"image":{"@id":"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/inserting-a-smart-slider-into-our-homepage\/#primaryimage"},"thumbnailUrl":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/1-41.png","datePublished":"2018-08-23T17:39:49+00:00","dateModified":"2018-08-23T17:41:13+00:00","breadcrumb":{"@id":"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/inserting-a-smart-slider-into-our-homepage\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/inserting-a-smart-slider-into-our-homepage\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/inserting-a-smart-slider-into-our-homepage\/#primaryimage","url":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/1-41.png","contentUrl":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-content\/uploads\/sites\/133\/2018\/08\/1-41.png","width":393,"height":226},{"@type":"BreadcrumbList","@id":"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/inserting-a-smart-slider-into-our-homepage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/patrickcarpen.com\/computers-and-internet\/"},{"@type":"ListItem","position":2,"name":"First Steps to Building Your WordPress Website","item":"https:\/\/patrickcarpen.com\/computers-and-internet\/first-steps-to-building-your-wordpress-website\/"},{"@type":"ListItem","position":3,"name":"Inserting a Smart Slider into our Homepage"}]},{"@type":"WebSite","@id":"https:\/\/patrickcarpen.com\/computers-and-internet\/#website","url":"https:\/\/patrickcarpen.com\/computers-and-internet\/","name":"Computers and Internet","description":"By Patrick Carpen: The Greatest Writer On Earth","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/patrickcarpen.com\/computers-and-internet\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"jetpack_shortlink":"https:\/\/wp.me\/PekbOB-gu","jetpack_sharing_enabled":true,"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-json\/wp\/v2\/pages\/1022","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-json\/wp\/v2\/comments?post=1022"}],"version-history":[{"count":2,"href":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-json\/wp\/v2\/pages\/1022\/revisions"}],"predecessor-version":[{"id":1035,"href":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-json\/wp\/v2\/pages\/1022\/revisions\/1035"}],"up":[{"embeddable":true,"href":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-json\/wp\/v2\/pages\/363"}],"wp:attachment":[{"href":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-json\/wp\/v2\/media?parent=1022"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-json\/wp\/v2\/categories?post=1022"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/patrickcarpen.com\/computers-and-internet\/wp-json\/wp\/v2\/tags?post=1022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}