Skyree

<p>Section Page a simple plugin allowing you to insert dropdown sections in your wordpress pages and posts.</p>
<h4>Prerequisite</h4>
<p>This plugin loads wordpress jQuery.</p>
<h4>Options</h4>
<ul>
<li>HTML tag for section title : Can be <code>h1</code> <code>h2</code> (by default) <code>h3</code> <code>h4</code> <code>span</code> <code>strong</code> <code>em</code> <code>p</code></li>
<li>HTML classes for section : Additional html classes for each sections (optionnal)</li>
<li>HTML classes for section title : Addtional html classes for each sections title (optionnal)</li>
<li>HTML classes for section title wrapper : Addtional html classes for each sections title container (optionnal)</li>
<li>HTML classes for section content : Additional html classes for each sections content (optionnal)</li>
<li>Use a char before section title : Add or not html chars at the left of each sections title</li>
<li>Char when section is closed : Char when a section is closed (default : <code>&#9658</code> )</li>
<li>Char when section is open : Char when a section is open (default : <code>&#9660</code> )</li>
<li>Use animation : Smooth or instant dropdown</li>
<li>Custom Css : Customize the plugin here (optionnal)</li>
</ul>
<h4>Usage</h4>
<p>The plugin add a “Add dropdown section” button to your tinymce editor.<br />
Select your block of text and click the button to wrap the text into a section shortcode.</p>
<pre><code>[section=Title of my section]
Your content
...
[endsection]
</code></pre>
<p>This will be automatically replaced by a dropdown section based on the plugin settings.</p>
<h4>Customization</h4>
<p>Use the Custom Css option with the custom classes options.<br />
You can also modify your theme css file if you are using wordpress on your ftp.<br />
Now when a section is open, it receive the css class <code>owc-sp-active</code> so you can use it for more customization.</p>


Section Page

A simple plugin allowing you to insert dropdown sections in your wordpress pages and posts.

Binsaifullah

<p><strong>Advanced Background Block</strong> is a custom Gutenberg Block developed with <strong>Gutenberg Native Components</strong>. It allows you to design <strong>Responsive Row with different backgrounds in Gutenberg Editor</strong>. It comes with a lot of features so that you can easily make an attractive section.</p>
<h3>Overview</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/PRNaUJe-1mE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>Key Features</h3>
<ul>
<li>Simple, light-weight, and super-fast</li>
<li>Built with <strong>Gutenberg Native Components</strong></li>
<li>Design <strong>Responsive Row or Section</strong></li>
<li>Custom Padding on different devices</li>
<li>Custom Margin on different devices</li>
<li><strong>Different types of background</strong> e.g color, gradient, image & video background</li>
<li>Set Maximum Content Width</li>
<li><strong>Enable Overlay</strong> </li>
</ul>
<h4>About Developer</h4>
<blockquote>
<p>Designed & Developed By Zakaria Binsaifullah. Available for any freelance work, feel free to <a href="https://makegutenblock.com/contact" rel="nofollow ugc">Contact Me</a></p>
</blockquote>


Advanced Background for Gutenberg Blocks

Advanced Background Block is a custom Gutenberg Block developed with Gutenberg Native Components allows you to create responsive row.

Section Page vs Advanced Background for Gutenberg Blocks