DragBlock.Com

Sneeit.Com

Tim Codex

<p>The “DragBlock” plugin enhances the WordPress Full Site Gutenberg Editor to support designing pixel perfect websites<br />
easily.</p>
<p><iframe loading="lazy" title="Appearance Panel Introduction - DragBlock Plugin" width="750" height="422" src="https://www.youtube.com/embed/c0kgB-mBDTo?list=PLM7acJv8ZNtio0sPznKOGtxodBUOZWDYR" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3>YOU CAN:</h3>
<p><strong><a href="https://www.youtube.com/watch?v=c0kgB-mBDTo" title="Introduce Appearance Panel" rel="nofollow ugc">Add Appearance Styles</a>:</strong> to design perfect websites. You can also select devices for the styles to create responsive designs.</p>
<p><strong><a href="https://www.youtube.com/watch?v=KpjyBqkY-MY" title="Introduce Attributes Panel" rel="nofollow ugc">Add Tag Attributes</a>: </strong> like title, alt, placeholder… to improve both search engine optimization (SEO) and Core Web Vital Score.</p>
<p><strong><a href="https://www.youtube.com/watch?v=q90uCWkNRKA" title="Introduce Form Blocks" rel="nofollow ugc">Build Forms</a>: </strong> such as contact forms or any kind of forms. ContactForm7 and all other heavy form plugins are no longer needed</p>
<p><strong><a href="https://www.youtube.com/watch?v=zqqhUubFawY" title="Introduce Database Panel" rel="nofollow ugc">Query Database</a>: </strong> to load posts and other dynamic contents to your design.</p>
<p><strong><a href="https://www.youtube.com/watch?v=UTTi8Smuz3g" title="Introduce Interactions Panel" rel="nofollow ugc">Define Interactions</a>:</strong> like onClick, onMouseEnter onMouseLeave between blocks.</p>
<p><strong><a href="https://www.youtube.com/watch?v=KRILy2KsT60" title="Introduce Wrapper Toolbar" rel="nofollow ugc">Quick Styling</a>: </strong> via the block toolbars.</p>
<p><strong><a href="https://www.youtube.com/watch?v=bbnUsu-fXU4" title="Introduce Font Library" rel="nofollow ugc">Pick Google Fonts</a>: </strong> through the font library. You can also upload your custom font to the library.</p>
<p><strong>Define multilingual texts:</strong> to support many languages without creating separate pages and designs</p>
<h3>CREDITS AND CONTRIBUTION</h3>
<p>Check my plugin at <a href="https://github.com/tiennguyenvan/wp.org.dragblock/" title="DragBlock GitHub OpenSource" rel="nofollow ugc">DragBlock GitHub</a></p>
<h3>DESIGN PHILOSOPHY</h3>
<p>Our philosophy is “block oriented designing” (BOD) which means attaching everything related to a block to itself. By doing that, we can manage things related to an individual block easily and when removing a block, everything that is plugged into it, including server side scripts, client scripts, css and text definitions, will be completely removed as well. This will give a huge impact on improving the performance of websites and also saving the time for developers to not find and clean codes manually like before.</p>
<p>Moreover, we also want to get rid of the era when we treat users like babies by providing them inputs for everything. In the DragBlock, we provide users with dictionaries so they can grasp their layout properties completely without being smashed by a flood of many different kinds of inputs.</p>
<p>In summary, DragBlock empowers users to create professional-looking websites like an expert designer effortlessly with a fresh feeling of managing blocks with simplicity. Everything can be done within the Gutenberg editor, ushering in a new era of Full Site Editing with the DragBlock plugin.</p>


DragBlock – WordPress Site & Page Builder with Advanced Blocks


I've been developing WordPress themes for quite some time now, and I recently had the pleasure of utilizing the Grid System and Responsiveness features of this plugin. It has made it incredibly easy to create complex grid layouts and ensure that your content looks stunning on all devices. Additionally, it achieves excellent speed and maintains a smaller DOM size compared to other plugins because it integrates seamlessly with the default Gutenberg editor.



Great plugin at all!


The best plugin grid system and features for the Gutenberg

The "DragBlock" plugin enhances the WordPress Full Site Gutenberg Editor to support designing pixel perfect websites easily.

BasePress

<p>BasePress is the best option when it comes to building advanced knowledge bases on your WordPress site.<br />
If you use Oxygen site builder to create your posts and pages this add-on is what you are looking for to integrate BasePress Knowledge Base and Oxygen builder!</p>
<h4>Why is this plugin necessary?</h4>
<p>BasePress was developed to integrate with your WordPress theme and it uses its own templates to display the knowledge base content.<br />
On the other hand Oxygen builder disables any WordPress theme as it doesn’t need one to work and uses its own templates to display your site. In doing so it overrides BasePress templates.</p>
<p>This small plugin adds a new shortcode that can be used inside Oxygen’s templates making BasePress work as expected with Oxygen.</p>
<h4>How to use</h4>
<ol>
<li>Set-up BasePress as normal</li>
<li>Create a new dedicated template in Oxygen for your Knowledge Base.</li>
<li>In the newly created template select the template you want the knowledge base to inherit in “INHERIT DESIGN FROM OTHER TEMPLATE”.</li>
<li>Select the “Knowledge Base” post type under Single</li>
<li>Select “All Knowledge Base categories” under Archive > Taxonomies.</li>
<li>Remove any other option from the template.</li>
<li>Set the template priority higher than other templates.</li>
<li>Edit the Template content by clicking “Edit with Oxygen” and just add the shortcode [basepress-oxygen].</li>
</ol>
<p>If you need to customise a BasePress theme or create your own you can still follow the instructions in these articles:<br />
<a href="https://codesavory.com/knowledge-base/basepress/basepress-themes/customize-a-knowledge-base-theme/" rel="nofollow ugc">Customise a knowledge base theme</a><br />
<a href="https://codesavory.com/knowledge-base/basepress/basepress-themes/create-new-theme/" rel="nofollow ugc">Create a new knowledge base theme</a><br />
Just keep in mind that Oxygen would disable any theme in your WordPress installation therefore you cannot place BasePress custom theme on your WordPress theme’s folder.<br />
You can instead place the custom BasePress theme in WordPress uploads directory.</p>


BasePress Knowledge Base + Oxygen Visual Site Builder Integration

Integrate BasePress Knowledge Base with Oxygen Visual Site Builder

DragBlock – WordPress Site & Page Builder with Advanced Blocks vs BasePress Knowledge Base + Oxygen Visual Site Builder Integration