My first page
Describes how a new page can be created
Create a new page listed on the front page:
1. Open file manager: Navigate to the "Content" folder.
2. Duplicate page: Right-click on an existing page to open the context menu and select "Duplicate". Rename the new page, for example, to "my_first_page.html".
3. Edit page: Open the duplicated file with a double click and insert the desired content, e.g., "Hello World".
4. Edit Front matter variables: Click on "Show Front Matter Variables" to change the title and description of the page.
| Variable name | Variable value (example) | Instruction |
| title | My first page | Change the title of the page here |
| type | portfolio | Only change if the page should not be linked directly on the front page |
| weight | 1 | Determines the order on the front page |
| description | Describes how a new page can be created | Change description of page |
| metaDescription | Description of the page for search engines✓ ...✓ | Change description for search engines her |
| card-image | /images/card-image.webp | Change the filename and path for an image to be displayed on the main page |
| card-image-alt | Alternative description of the image | Change alternative description of the image |
| category | Home | Change the name of the category under which the page should be grouped |
| jumbotron-image | /images/jumbotron-image.webp | Change the path and file name for the large image at the top of the page |
| jumbotron-image-alt | Alternative description of the jumbotron image | Change alternative description of the large image |
| menu | portfolio | Remove this variable if you do not want the page to be listed in the first dropdown menu |
| menuitem-name | My first page with jumbotron | Name of the menu entry in the first menu |
5. Rename first dropdown menu
Open the central configuration file by clicking on the button labeled 'Configuration' and look for the entry 'portfolioMenuName' and change the value. You can disable the first dropdown menu if you set 'portfolioMenu' to false.
6. Define the other menu entry: Open the central configuration file by clicking on the button labeled 'Configuration' and look for the entry "menu". Change the variables of the main menu items (for example "FAQ") and the submenu entries (for example "My first page").
{
"identifier": "contact",
"name": "Contact",
"weight": 1
},
| Variable name | Variable value (example) | Instruction |
| "identifier" | "contact" | Change the identifier must be unique |
| "name" | "Contact" | Change the Name of menu entry displayed on front page |
| "url" | "/my_first_page/" | Change the URL for the page |
| "weight" | 2 | Set the order of the menu items on the front page |
7. Final step: As a final step, simply delete the files in the content directory that you no longer need.
To customize the navbar, the file 'static/css/custom.css' can be revised.