{"id":1418,"date":"2022-02-09T09:37:11","date_gmt":"2022-02-09T14:37:11","guid":{"rendered":"https:\/\/carleton.ca\/cms-help\/?page_id=1418"},"modified":"2022-08-29T10:48:56","modified_gmt":"2022-08-29T14:48:56","slug":"slideme","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/slideme\/","title":{"rendered":"Slideme"},"content":{"rendered":"<p>Slideme\u2019s show and hide content. Users collapse and expand the slideme by clicking on a highlighted title.<\/p>\n<p>Examples of slideme&#8217;s have been seen throughout the CMS training modules for video transcripts.<\/p>\n<p>Be sure not to hide crucial content behind slideme&#8217;s and please be aware that inserting features that use code into slideme&#8217;s may break the slideme.<\/p>\n<h2>Step-by-Step<\/h2>\n<h3>Creating a slideme<\/h3>\n<ol>\n<li><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1423 size-thumbnail\" src=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-09-at-9.29.47-AM-160x106.png\" alt=\"\" width=\"160\" height=\"106\" srcset=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-09-at-9.29.47-AM-160x106.png 160w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-09-at-9.29.47-AM.png 226w\" sizes=\"(max-width: 160px) 100vw, 160px\" \/>Select the <strong>Slideme<\/strong> button on the text editor bar<\/li>\n<li>In the <strong>Your title<\/strong> field, enter the title of the slideme and click <strong>OK<\/strong><\/li>\n<li>A few lines of shortcode will now appear in the editing box. Enter your content for the slideme where prompted.<\/li>\n<\/ol>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-1426 aligncenter\" src=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-09-at-9.34.02-AM-240x127.png\" alt=\"\" width=\"240\" height=\"127\" srcset=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-09-at-9.34.02-AM-240x127.png 240w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-09-at-9.34.02-AM-400x212.png 400w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-09-at-9.34.02-AM-160x85.png 160w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-09-at-9.34.02-AM-360x191.png 360w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Screen-Shot-2022-02-09-at-9.34.02-AM.png 550w\" sizes=\"(max-width: 240px) 100vw, 240px\" \/><\/p>\n<h3>Important Notes<\/h3>\n<ul>\n<li>Do not remove or modify the code, as the slideme will not appear correctly<\/li>\n<li>You can change the title of the slideme at any time \u2013 simply replace your current title in the code (between quotations) with your new title<\/li>\n<li>When entering content after your slideme code, make sure you begin on a new line<\/li>\n<\/ul>\n<h3>Comparison of a Slide Me on the Front and Back End<\/h3>\n<div id=\"attachment_1847\" class=\"wp-caption aligncenter\" style=\"width: 413px\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-1847 \" src=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Slide-Me-comparison-numbers-e1661784149779.png\" alt=\"Visual comparison of a Slide Me on the back and front end\" width=\"413\" height=\"378\" srcset=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Slide-Me-comparison-numbers-e1661784149779.png 3139w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Slide-Me-comparison-numbers-e1661784149779-240x219.png 240w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Slide-Me-comparison-numbers-e1661784149779-400x365.png 400w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Slide-Me-comparison-numbers-e1661784149779-160x146.png 160w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Slide-Me-comparison-numbers-e1661784149779-768x701.png 768w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Slide-Me-comparison-numbers-e1661784149779-1536x1402.png 1536w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Slide-Me-comparison-numbers-e1661784149779-2048x1870.png 2048w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Slide-Me-comparison-numbers-e1661784149779-360x329.png 360w\" sizes=\"(max-width: 413px) 100vw, 413px\" \/><p class=\"wp-caption-text\">Each numbered element on the back end (top view) corresponds to its output on the front end (bottom view)<\/p><\/div>\n<h2>Video Tutorial<\/h2>\n<div class=\"content__video\"><iframe loading=\"lazy\" title=\"Module 3: Slideme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/tVGeS4x0UfM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<h3>Transcript<\/h3>\n<div class=\"slideme\"><dl class=\"slideme__list\"><dt class=\"slideme__term\"><a href=\"#slideme-module-3-slideme\" aria-expanded=\"false\" aria-controls=\"slideme-module-3-slideme\" class=\"slideme__heading slideme__trigger\">Module 3: Slideme<\/a><\/dt><dd class=\"slideme__description\" id=\"slideme-module-3-slideme\" aria-hidden=\"true\"><p><\/p>\n<p>Hello and welcome back to Module 3 of the Basic CMS Training. This video is about slideme\u2019s.<\/p>\n<p>To create a slideme, first, click the \u201cSlideme\u201d button. You will be prompted to insert the title of the slideme. Here I will say \u201ctest slideme\u201d. Once you are done, click \u201cOK\u201d.<\/p>\n<p>A few lines of code will now appear in the editing area. Insert your content where it says \u201cThis is the content of the slideme\u201d.<\/p>\n<p>Do not remove or modify the code, as the slideme will not appear correctly.<\/p>\n<p>You can change the title of the slideme at any time by replacing your current title in the code with your new title.<\/p>\n<p>Now, click \u201cPreview\u201d to see your slideme on the front end.<\/p>\n<p><\/p><\/dd><dl><\/div>\n<h2>Try It Out!<\/h2>\n<p>Now that you have learned how to use a slideme, time to try it out!<\/p>\n<ol>\n<li>Add a slideme to your page\/post.<\/li>\n<li>Change the slideme&#8217;s title.<\/li>\n<li>Preview\/View the slideme on the front end and try interacting with it.<\/li>\n<\/ol>\n\n<div class=\"u-center-text\">\n\t<p>\n\t\t<a class=\"button__red button__red--solid\" href=\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-4-organizing-your-site\/\"  rel=\"noopener noreferrer\">Next: Module 4<\/a>\n\t<\/p>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Slideme\u2019s show and hide content. Users collapse and expand the slideme by clicking on a highlighted title. Examples of slideme&#8217;s have been seen throughout the CMS training modules for video transcripts. Be sure not to hide crucial content behind slideme&#8217;s and please be aware that inserting features that use code into slideme&#8217;s may break the [&hellip;]<\/p>\n","protected":false},"author":20,"featured_media":0,"parent":848,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","_mi_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Slideme - Carleton CMS Help Centre<\/title>\n<meta name=\"description\" content=\"Slideme\u2019s show and hide content. Users collapse and expand the slideme by clicking on a highlighted title. Examples of slideme&#039;s have been seen throughout\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/slideme\/\" \/>\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:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/slideme\/\",\"url\":\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/slideme\/\",\"name\":\"Slideme - Carleton CMS Help Centre\",\"isPartOf\":{\"@id\":\"https:\/\/carleton.ca\/cms-help\/#website\"},\"datePublished\":\"2022-02-09T14:37:11+00:00\",\"dateModified\":\"2022-08-29T14:48:56+00:00\",\"description\":\"Slideme\u2019s show and hide content. Users collapse and expand the slideme by clicking on a highlighted title. Examples of slideme's have been seen throughout\",\"breadcrumb\":{\"@id\":\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/slideme\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/slideme\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/slideme\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/carleton.ca\/cms-help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Basic Training\",\"item\":\"https:\/\/carleton.ca\/cms-help\/basic-training\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Module 3: Post Elements\",\"item\":\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Slideme\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/carleton.ca\/cms-help\/#website\",\"url\":\"https:\/\/carleton.ca\/cms-help\/\",\"name\":\"Carleton CMS Help Centre\",\"description\":\"Web Services - Carleton university\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/carleton.ca\/cms-help\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Slideme - Carleton CMS Help Centre","description":"Slideme\u2019s show and hide content. Users collapse and expand the slideme by clicking on a highlighted title. Examples of slideme's have been seen throughout","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:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/slideme\/","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/slideme\/","url":"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/slideme\/","name":"Slideme - Carleton CMS Help Centre","isPartOf":{"@id":"https:\/\/carleton.ca\/cms-help\/#website"},"datePublished":"2022-02-09T14:37:11+00:00","dateModified":"2022-08-29T14:48:56+00:00","description":"Slideme\u2019s show and hide content. Users collapse and expand the slideme by clicking on a highlighted title. Examples of slideme's have been seen throughout","breadcrumb":{"@id":"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/slideme\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/slideme\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/slideme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/carleton.ca\/cms-help\/"},{"@type":"ListItem","position":2,"name":"Basic Training","item":"https:\/\/carleton.ca\/cms-help\/basic-training\/"},{"@type":"ListItem","position":3,"name":"Module 3: Post Elements","item":"https:\/\/carleton.ca\/cms-help\/basic-training\/module-3-post-elements\/"},{"@type":"ListItem","position":4,"name":"Slideme"}]},{"@type":"WebSite","@id":"https:\/\/carleton.ca\/cms-help\/#website","url":"https:\/\/carleton.ca\/cms-help\/","name":"Carleton CMS Help Centre","description":"Web Services - Carleton university","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carleton.ca\/cms-help\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"acf":{"banner_image_type":null,"banner_uploaded_image":null,"banner_hosted_image":null,"banner_opacity":null,"banner_button":null,"banner_buttons":null},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/1418"}],"collection":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/comments?post=1418"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/1418\/revisions"}],"predecessor-version":[{"id":1852,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/1418\/revisions\/1852"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/848"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/media?parent=1418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}