In this lesson for website management, you'll learn how to add, edit, and remove content from pages. Additionally, we'll teach you how to copy content from one page to another.
Content includes everything from videos and images to contact forms and Google Maps. In our CMS, we add this content to pages through plugins. This is done by adding a plugin to a placeholder. The plugin plugs into the placeholder, allowing you to add text with a text plugin or upload a file with a file plugin, for example. To make this clearer, let's go back to the example of the identity page. In the "Main" placeholder, you'll see a text plugin. In this plugin, text has been added that you see on the page of your website.
Adding a plugin
To add a plugin, first open the structure of the page. You can do this by clicking on the structure icon in the top right corner of the toolbar. This will open the structure on the right side of the page. (In the image above, you can see how it looks.) In the structure, you'll see various placeholders. In the image above, we see an image in the "Sidebar" placeholder. Suppose we want to add another image here; we click the plus icon behind "Sidebar." A window opens where you can select a plugin to add. In this case, we want to add the image plugin, so we look for it in the list. Then, we click on the image, and a window opens where you can upload the image. Once you've uploaded the image, click save, and the new image appears immediately on the page.
Tip! If you're unsure where to find certain content in the page structure, hold down Shift and hover over the content on your page with your mouse. The corresponding plugin will now light up blue in the structure. This also works the other way around.
Moving a plugin
If you want the image in a different placeholder on your page, you don't need to upload the image again to the new placeholder and delete it from the old one. Moving a plugin to another placeholder is easy; click and hold the left mouse button on the plugin. Then, drag the plugin to the other placeholder and release it when a blue line appears if there's already a plugin in this placeholder or if the placeholder box lights up blue if it's still empty.
Editing a plugin
As you can see, there's a "Text" plugin in the "Main" placeholder (see the image above). If you want to modify this plugin and, for example, rewrite some text, you can do this in two ways:
- Click on the pencil icon behind the text in the structure.
- Double-click on the text in the page itself.
In both cases, a new window will open where you can edit the text.
Deleting a plugin
In the "Sidebar" placeholder, you see an "Image" plugin. If you want to remove this image from your page, you can do this in two ways:
- Behind the plugin, you'll see an icon with three horizontal lines, also known as the hamburger icon (you often see this icon when viewing websites on mobile for the menu). Click on it, and a menu will unfold, with the fourth option being "Delete."
- Click twice on the image itself on the page, and then, in the window that just opened, click on delete in the lower right corner.
In both cases, you will be asked if you are sure you want to delete this. If you're sure, click Yes, I'm sure, and the image will be deleted.
Tip! If you accidentally delete something you didn't want to delete, you can use the undo button in the toolbar to undo your last action, and the deleted plugin will reappear.
Copying a plugin
Suppose we want to use the image on this page also on another page. Of course, we can add the image plugin there and then upload the image again. However, this takes a lot of time and duplication of work. What's more practical is copying the image from one page to another. You can easily do this by clicking on the hamburger icon behind the image plugin. A menu will unfold, and the second option is "Copy." Click on it and wait until "Action successful" appears at the top of the screen. Now go to the page where you want to paste the plugin. Go to the desired placeholder where the image should appear, click on the hamburger icon behind the placeholder name, and paste the plugin by clicking on the paste option.
Tip! If you want to copy multiple plugins at once, you can also copy the entire content of a placeholder. Instead of clicking on the hamburger menu behind the plugin, click on the hamburger menu behind the name of the placeholder. Then click on copy. All plugins in this placeholder will be copied.