{"id":12146,"date":"2024-04-25T18:05:33","date_gmt":"2024-04-25T12:05:33","guid":{"rendered":"https:\/\/helpdesk.spider-themes.net\/docs\/advance-accordions\/content-elements\/advanced\/"},"modified":"2024-04-25T18:05:33","modified_gmt":"2024-04-25T12:05:33","slug":"advanced","status":"publish","type":"docs","link":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/docs\/advance-accordions\/content-elements\/advanced\/","title":{"rendered":"Advanced Settings"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Advanced Block for Advanced Accordions <\/h2>\n\n\n\n<p>This document outlines the features of the Advanced block within the context of creating advanced accordions using the Gutenberg block editor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Concept:<\/h3>\n\n\n\n<p>The Advanced block extends the functionality of the standard accordion block by providing additional controls for customization.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Features:<\/h3>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e82ac4ea0ba&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e82ac4ea0ba\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/2024\/04\/image-137-1024x447.png\" alt=\"Advanced Block\" class=\"wp-image-12216\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Advanced<\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>HTML Anchor:<\/strong> Enter a word or two \u2014 without spaces \u2014 to make a unique web address just for this block, called an \u201canchor.\u201d Then, you\u2019ll be able to link directly to this section of your page.<\/li>\n\n\n\n<li><strong>Additional CSS Class(es):<\/strong> This option enables you to add custom CSS classes to the accordion block. With CSS classes, you can style the accordion beyond the built-in options, tailoring its appearance to your specific needs.<\/li>\n\n\n\n<li><strong class=\"default_cursor_cs\">Block Name:<\/strong> This feature allows you to define a custom name for the block within the Gutenberg editor. This can be useful for better organization, especially when working with complex layouts containing numerous accordions.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Benefits:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Improved Accessibility:<\/strong> HTML anchors enhance accessibility by allowing users to navigate directly to specific accordion sections using links.<\/li>\n\n\n\n<li><strong>Enhanced Customization:<\/strong> Additional CSS class options provide greater control over the accordion&#8217;s appearance, ensuring a cohesive visual style for your website.<\/li>\n\n\n\n<li><strong>Better Organization:<\/strong> Custom block names improve clarity within the Gutenberg editor, especially when managing multiple accordions on a page.<\/li>\n<\/ul>\n\n\n\n<p>The <strong>Advanced Block<\/strong> in the <a href=\"https:\/\/wordpress.org\/plugins\/advanced-accordion-block\/\" rel=\"nofollow\">Advanced Accordions<\/a> plugin elevates accordion customization by offering features like HTML anchors for direct navigation, custom CSS classes for enhanced styling, and block naming for improved content organization. These options allow you to create accessible, visually appealing, and well-structured accordion layouts tailored to your site\u2019s design needs. For a detailed guide on leveraging the Advanced Block, visit our <a href=\"https:\/\/arolax.crowdytheme-demo.com\/documentation\/docs\/advance-accordions\/content-elements\/\">Content Elements<\/a>.<br><br><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Advanced block in the Advanced Accordions plugin empowers users with features such as HTML anchors for direct linking, custom CSS classes for tailored styling, and block naming for organization, resulting in highly customizable, accessible, and well-organized accordion layouts.<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":12120,"menu_order":8,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-12146","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/12146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/comments?post=12146"}],"version-history":[{"count":0,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/12146\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/12120"}],"wp:attachment":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/media?parent=12146"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=12146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}