Blocks Creation

🧱 Blocks, the main concept of DegDitor

📝 How to create a root block

1. Either after creating your page or selecting the page you want to edit, click on the Edit page content button to launch our WISIWIG editor.
   
2. Click on the Add top level block button.
   
3. In the search input, search for the block you want to add, or select it through the list of root blocks below it.
   
4. Click on the + button to open the block configuration settings.
   
5. Configure your block settings.
6. Click on Save to add your block.
7. Verify the block appearance directly in the page preview.

1. Once you decided where you want to nest a block, click on the + icon right on the block actions.
   
2. Look for the block you want to create and follow the exact same process described above from point 4!

📝 Key Features:

1. Pre-Made Blocks for Quick Page Assembly (from starter pack only)
   Choose from a library of professionally designed pre-made blocks to rapidly build pages. These blocks are optimized for various use cases, allowing you to create stunning layouts with minimal effort.
2. Custom Block Creation
   Build layouts from the ground up using a flexible root-to-nested structure,based on Bootstrap principle. Root Blocks: Containers form the foundation of your layout. Nested Blocks: Containers hold rows, rows hold columns, and columns can contain various elements such as text, images, links, inputs and more.
3. Drag-and-Drop Simplicity
   Arrange, reorder, and refine your blocks effortlessly using the intuitive drag-and-drop interface. Experience instant feedback on your designs. The live preview ensures that your layout appears exactly as intended, speeding up iterations and decision-making.
4. Bootstrap-Based Responsiveness
   DegDitor leverages Bootstrap’s grid system to ensure every page is fully responsive. Whether on desktop, tablet, or mobile, your layouts will always look polished.
5. Reusable Custom Components
   Save time by creating reusable components or layouts that can be applied to multiple pages. Achieve consistency across your project while minimizing repetitive work.
6. Enhanced Design Flexibility
   Combine and customize blocks to create unique layouts. Add visual elements, functional components, and dynamic links to create pages that are not only aesthetically pleasing but also highly interactive.