{"id":325,"date":"2022-11-28T09:30:23","date_gmt":"2022-11-28T12:30:23","guid":{"rendered":"https:\/\/curso-wp.ufpel.edu.br\/plugins\/?p=325"},"modified":"2022-11-28T09:33:00","modified_gmt":"2022-11-28T12:33:00","slug":"collapse-o-matic","status":"publish","type":"post","link":"https:\/\/curso-wp.ufpel.edu.br\/plugins\/collapse-o-matic\/","title":{"rendered":"Collapse-O-Matic"},"content":{"rendered":"<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">Crie blocos de texto que s\u00e3o exibidos ou ocultados ao clicar (estilo &#8220;accordion&#8221;). <\/p><\/div>\n\n\n<h3 class=\"wp-block-heading\">Demonstra\u00e7\u00e3o:<\/h3>\n\n\n<p>[expand title=&#8221;T\u00edtulo op\u00e7\u00e3o 1&#8243; tag=&#8221;strong&#8221; rel=&#8221;-highlander&#8221;]<br \/>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed pellentesque dolor. In rhoncus arcu id dui cursus, non efficitur mi posuere. Pellentesque aliquam vulputate lectus ac tincidunt. Sed bibendum ex sem, quis porta nisl interdum quis. Phasellus viverra arcu non elementum facilisis. Integer ut dui a orci tristique lobortis non quis nibh. Fusce ut tempus eros. Suspendisse potenti. Vestibulum facilisis tincidunt nulla sit amet sollicitudin. Praesent imperdiet ex semper elit congue laoreet. Aenean efficitur turpis nibh, ut auctor nisi interdum eget. Duis et tortor non lectus consectetur viverra in ut metus. Maecenas auctor diam et enim semper tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Sed commodo consectetur libero, vitae eleifend nulla scelerisque eget. Morbi sodales ligula ut ante volutpat, ac ultricies enim malesuada.[\/expand]<\/p>\n\n\n<p>[expand title=&#8221;T\u00edtulo op\u00e7\u00e3o 2&#8243; tag=&#8221;strong&#8221; rel=&#8221;-highlander&#8221;]<br \/>\nSed sed diam consectetur nulla semper fermentum. Mauris tristique metus porta libero facilisis, in commodo risus elementum. Nullam pretium ex sed tellus pretium imperdiet. Sed elementum ullamcorper ante, in eleifend arcu malesuada non. Donec nec molestie sem, non porta turpis. Vestibulum faucibus, purus at dictum maximus, magna enim egestas massa, at pulvinar massa leo a neque. Integer sit amet diam sed nunc pharetra tincidunt. Curabitur et porta dolor, eu lobortis neque. Sed auctor euismod hendrerit. Fusce dolor tortor, lacinia sed suscipit ac, hendrerit accumsan ante. Vivamus maximus ipsum nec nulla feugiat pellentesque.[\/expand]<\/p>\n\n\n<p>[expand title=&#8221;T\u00edtulo op\u00e7\u00e3o 3&#8243; tag=&#8221;strong&#8221; rel=&#8221;-highlander&#8221;]<br \/>\nNunc accumsan vestibulum velit ut iaculis. Maecenas rhoncus vel magna a fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc in maximus lorem, ac auctor enim. Curabitur lobortis purus eu mauris auctor, non tincidunt purus dignissim. Pellentesque blandit urna nec eros congue, et tristique leo accumsan. Ut non elit at diam varius posuere vel vel turpis. Integer ut velit in nibh ornare porttitor pharetra sit amet purus. Phasellus dapibus, est et dapibus pharetra, neque nunc tempus nunc, non aliquet arcu risus et mi. In hac habitasse platea dictumst. Aliquam gravida blandit est, nec rutrum libero dignissim a. Aliquam erat volutpat. Pellentesque a felis in augue vestibulum luctus.[\/expand]<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ativa\u00e7\u00e3o e utiliza\u00e7\u00e3o:<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Ative o plugin <strong>Collapse-O-Matic<\/strong> no menu <strong><em>Plugins;<\/em><\/strong><\/li><li>O conte\u00fado deve ser inserido em blocos delimitados pelos <em>shortcodes<\/em> <code>[[expand]<\/code> e <code>[\/expand]]<\/code>, conforme modelo abaixo:<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;expand title=\"T\u00cdTULO DO T\u00d3PICO\" tag=\"strong\" rel=\"-highlander\"]\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed pellentesque dolor. In rhoncus arcu id dui cursus, non efficitur mi posuere.\n&#91;\/expand]<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Para obter a mesma apar\u00eancia da demonstra\u00e7\u00e3o, acesse <em><strong>Apar\u00eancia &gt; Personalizar &gt; CSS adicional<\/strong><\/em> e cole o c\u00f3digo abaixo:<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* collapse-o-matic *\/\n\np .collapseomatic {\n  margin: -1.25em 0;\n}\n.collapseomatic,\n.collapseomatic_content {\n  border: 1px solid #c9c9c9;\n  border-radius: 2px;\n  padding: 10px 15px;\n}\n.collapseomatic {\n  background: linear-gradient(to bottom,#ffffff 0%,#f2f2f2 100%) repeat scroll 0 0;\n  display: block;\n}\n.collapseomatic::before {\n  content: \"+ \";\n}\n.collapseomatic.colomat-close::before {\n  content: \"\\2013\"\" \";\n}\n.collapseomatic_content {\n  margin: 0;\n}\n.collapseomatic:hover {\n  text-decoration: none;\n}\n.colomat-close {\n  color: #c00;\n}<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/plugins.twinpictures.de\/plugins\/collapse-o-matic\/documentation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Clique aqui<\/a> para acessar a documenta\u00e7\u00e3o completa do plugin.<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Crie blocos de texto que s\u00e3o exibidos ou ocultados ao clicar (estilo &#8220;accordion&#8221;).<\/p>\n","protected":false},"author":34,"featured_media":352,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[5,1],"tags":[],"class_list":["post-325","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-apresentacao-e-multimidia","category-plugins"],"jetpack_featured_media_url":"https:\/\/curso-wp.ufpel.edu.br\/plugins\/wp-content\/uploads\/sites\/263\/2022\/11\/collapse-o-matic-icon.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/curso-wp.ufpel.edu.br\/plugins\/wp-json\/wp\/v2\/posts\/325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/curso-wp.ufpel.edu.br\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/curso-wp.ufpel.edu.br\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/curso-wp.ufpel.edu.br\/plugins\/wp-json\/wp\/v2\/users\/34"}],"replies":[{"embeddable":true,"href":"https:\/\/curso-wp.ufpel.edu.br\/plugins\/wp-json\/wp\/v2\/comments?post=325"}],"version-history":[{"count":23,"href":"https:\/\/curso-wp.ufpel.edu.br\/plugins\/wp-json\/wp\/v2\/posts\/325\/revisions"}],"predecessor-version":[{"id":354,"href":"https:\/\/curso-wp.ufpel.edu.br\/plugins\/wp-json\/wp\/v2\/posts\/325\/revisions\/354"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/curso-wp.ufpel.edu.br\/plugins\/wp-json\/wp\/v2\/media\/352"}],"wp:attachment":[{"href":"https:\/\/curso-wp.ufpel.edu.br\/plugins\/wp-json\/wp\/v2\/media?parent=325"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/curso-wp.ufpel.edu.br\/plugins\/wp-json\/wp\/v2\/categories?post=325"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/curso-wp.ufpel.edu.br\/plugins\/wp-json\/wp\/v2\/tags?post=325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}