{"id":3193,"date":"2017-10-22T12:51:50","date_gmt":"2017-10-22T12:51:50","guid":{"rendered":"https:\/\/w5.themedemo.co\/moovit\/?p=3193"},"modified":"2017-10-22T12:51:50","modified_gmt":"2017-10-22T12:51:50","slug":"accordion-block","status":"publish","type":"post","link":"https:\/\/www.foodoneclick.com\/?p=3193","title":{"rendered":"Accordion Block"},"content":{"rendered":"\n<p> Accordion block provide accordion effect to your blocks, allowing you to display information in collapsible rows. This block is usually used to display collapsible content such as FAQs or to manage the display of different text heavy content. <\/p>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-qodeblock-qb-spacer qb-block-spacer qb-divider-solid qb-divider-size-1\"><hr style=\"height:70px\"\/><\/div>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Default Style<\/h2>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-qodeblock-qb-spacer qb-block-spacer qb-divider-solid qb-divider-size-1\"><hr style=\"height:50px\"\/><\/div>\n\n\n\n<div class=\"wp-block-qodeblock-qb-accordion qb-block-accordion qb-font-size-16\"><details open><summary class=\"qb-accordion-title\"><strong>\u00a0What is Qodeblock?<\/strong> <\/summary><div class=\"qb-accordion-text\">\n<p style=\"color:#131c21\" class=\"has-text-color has-normal-font-size\">Qodeblock is a collection of \u201cblocks\u201d for the new WordPress block editor, also known as Gutenberg. Blocks are chunks of content such as paragraphs, images, galleries, columns, and more. Building with blocks gives you more control to quickly create and launch any kind of site you want! Check out our introduction to qodeblocks post on our blog to learn more about qodeblocks. <\/p>\n<\/div><\/details><\/div>\n\n\n\n<div class=\"wp-block-qodeblock-qb-accordion qb-block-accordion qb-font-size-16\"><details><summary class=\"qb-accordion-title\">  <strong>\u00a0How do I install Qodeblocks?<\/strong> <\/summary><div class=\"qb-accordion-text\">\n<p style=\"color:#131c21\" class=\"has-text-color has-normal-font-size\"> Before installing Qodeblock, make sure you are using the Gutenberg editor. In case you used a classic editor you need to deactivate it. Now you can install the plugin qodeblock. To do this, go to Plugins \u2192 Add New. Enter in the Search area \u201cQodeblock\u201d. When you see in the search result Qodeblock, click on \u201cInstall Now\u201d. After succsessfull installation Activate the plugin. Once you install the qodeblock, you will be redirected to the Getting Started Page, which provides you with all the information about the plugin. <\/p>\n<\/div><\/details><\/div>\n\n\n\n<div class=\"wp-block-qodeblock-qb-accordion qb-block-accordion qb-font-size-16\"><details><summary class=\"qb-accordion-title\"> <strong>\u00a0<\/strong> <strong>Can qodeblock be used with any theme?<\/strong> <\/summary><div class=\"qb-accordion-text\">\n<p style=\"color:#131c21\" class=\"has-text-color has-normal-font-size\"> Yes, you can use qodeblock with any theme, but we recommend using our qodeblock theme for the best fit. The qodeblock theme has beautiful styles built in specifically for these blocks. Download the theme using the purple box to the right! <\/p>\n<\/div><\/details><\/div>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-qodeblock-qb-spacer qb-block-spacer qb-divider-solid qb-divider-size-1\"><hr style=\"height:70px\"\/><\/div>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Custom Colors &amp; Fonts<\/h2>\n\n\n\n<div style=\"color:#ddd\" class=\"wp-block-qodeblock-qb-spacer qb-block-spacer qb-divider-solid qb-divider-size-1\"><hr style=\"height:50px\"\/><\/div>\n\n\n\n<div class=\"wp-block-qodeblock-qb-accordion qb-block-accordion qb-font-size-16\"><details open><summary class=\"qb-accordion-title\"> <strong>\u00a0<\/strong> <strong>\u00a0How do I install Qodeblocks?<\/strong> <\/summary><div class=\"qb-accordion-text\">\n<p style=\"background-color:#ff3f39;font-size:12px\" class=\"has-text-color has-background has-very-light-gray-color\">Before installing Qodeblock, make sure you are using the Gutenberg editor. In case you used a classic editor you need to deactivate it. Now you can install the plugin qodeblock. To do this, go to Plugins \u2192 Add New. Enter in the Search area \u201cQodeblock\u201d. When you see in the search result Qodeblock, click on \u201cInstall Now\u201d. After succsessfull installation Activate the plugin. Once you install the qodeblock, you will be redirected to the Getting Started Page, which provides you with all the information about the plugin. <\/p>\n<\/div><\/details><\/div>\n\n\n\n<div class=\"wp-block-qodeblock-qb-accordion qb-block-accordion qb-font-size-16\"><details><summary class=\"qb-accordion-title\">  <strong>Can qodeblock be used with any theme?<\/strong> <\/summary><div class=\"qb-accordion-text\">\n<p class=\"has-text-color has-background has-medium-font-size has-very-light-gray-color has-very-dark-gray-background-color\">Yes, you can use qodeblock with any theme, but we recommend using our qodeblock theme for the best fit. The qodeblock theme has beautiful styles built in specifically for these blocks. Download the theme using the purple box to the right! <\/p>\n<\/div><\/details><\/div>\n\n\n\n<div class=\"wp-block-qodeblock-qb-accordion qb-block-accordion qb-font-size-14\"><details><summary class=\"qb-accordion-title\"> <strong>Do I need to know a code to use this?<\/strong> <\/summary><div class=\"qb-accordion-text\">\n<p style=\"font-size:33px\" class=\"has-text-color has-very-dark-gray-color\">Absolutely not! qodeblock are meant to simplify the creation of content and layouts on your site. However, if you are a developer, feel free to look through the qodeblock code to learn how to create your own blocks. <\/p>\n<\/div><\/details><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Accordion block provide accordion effect to your blocks [&#8230;]\n","protected":false},"author":1,"featured_media":6152,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[35],"tags":[],"class_list":["post-3193","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-qodeblock"],"_links":{"self":[{"href":"https:\/\/www.foodoneclick.com\/index.php?rest_route=\/wp\/v2\/posts\/3193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.foodoneclick.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.foodoneclick.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.foodoneclick.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.foodoneclick.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3193"}],"version-history":[{"count":0,"href":"https:\/\/www.foodoneclick.com\/index.php?rest_route=\/wp\/v2\/posts\/3193\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.foodoneclick.com\/index.php?rest_route=\/wp\/v2\/media\/6152"}],"wp:attachment":[{"href":"https:\/\/www.foodoneclick.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.foodoneclick.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.foodoneclick.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}