Manage content
While you are logged in as an administrator, the admin interface is layed over your website. Press the flower icon bottom left to open the console (bottom) or click ‘EDIT’ next to it to open the edit column to the left. You can link Elements using drag and drop. All changes are instantly visible on the page. You don’t have to save anything.
Press CTRL+, to edit the current element. CTRL+. brings up the console with several management options (create elements, menus, etc). Or press CTRL+/ to see the website without any administrative options (press again to get them back).
A picture
A picture says more than a 1000 words. But these are very old pictures, from when Bloembraaden was called Peatcms. Updating this chapter is high on my list of priorities.
![Screenshot.]([ {"width":"800","height":"632","src":"https://static.bloembraaden.io/5/medium/peatcms-backend-screenshot-text-editor.webp"}, {"width":"995","height":"787","src":"https://static.bloembraaden.io/5/large/peatcms-backend-screenshot-text-editor.webp"}, {"width":"995","height":"787","src":"https://static.bloembraaden.io/5/huge/peatcms-backend-screenshot-text-editor.webp"}])
Showing the text editor opened to the left over the current page.
![Screenshot.]([ {"width":"800","height":"632","src":"https://static.bloembraaden.io/5/medium/peatcms-backend-screenshot-with-the-console-openimage-6.webp"}, {"width":"995","height":"787","src":"https://static.bloembraaden.io/5/large/peatcms-backend-screenshot-with-the-console-openimage-6.webp"}, {"width":"995","height":"787","src":"https://static.bloembraaden.io/5/huge/peatcms-backend-screenshot-with-the-console-openimage-6.webp"}])
On the edit image page the console is opened where you can search and add all types of elements.
![Screenshot.]([ {"width":"800","height":"632","src":"https://static.bloembraaden.io/5/medium/peatcms-backend-screenshot-image-upload.webp"}, {"width":"995","height":"787","src":"https://static.bloembraaden.io/5/large/peatcms-backend-screenshot-image-upload.webp"}, {"width":"995","height":"787","src":"https://static.bloembraaden.io/5/huge/peatcms-backend-screenshot-image-upload.webp"}])
Showing the image editor opened to the left. Drop your image in the drop area and it will be uploaded and optimized into sizes on the fly.
![Screenshot.]([ {"width":"800","height":"632","src":"https://static.bloembraaden.io/5/medium/peatcms-backend-screenshot-edit-menu.webp"}, {"width":"995","height":"787","src":"https://static.bloembraaden.io/5/large/peatcms-backend-screenshot-edit-menu.webp"}, {"width":"995","height":"787","src":"https://static.bloembraaden.io/5/huge/peatcms-backend-screenshot-edit-menu.webp"}])
Showing the drag and drop interface to create menu's.