First steps in building a new website
First orientation
The backend is the central administration console for the content of your profile page. You can access the backend via https://<yourDomain>.unibas.ch/typo3
The module menu on the left allows you to select several functions. The Page module is selected by default, which is sufficient for most tasks.
If the Page module is selected, the so-called page tree appears to the right of the module bar. Here you can use the context menu (right-click) to show and hide individual sub-pages, create new pages and use copy/paste/delete functions. Left-click in the page tree to select a specific page for editing.
In the View module you can create a view of the frontend; the Recycler allows you to restore deleted pages; the Filelist module allows you to manage media, attachments and files (please note, however, that only some specific file types may be uploaded).
You can use the Backend Management module to log out or change your language settings for the backend. You cannot change any profile information there!
How do I create a page?
- Click on the "Create new pages" icon above the page tree and select the left-hand "Standard" from those that have appeared. You can drag and drop this element into the desired folder.
- Replace the [Standard title] with a meaningful title. You can fill the page with content using the [+ Content] button. It is recommended that a "grid element" is inserted as the basic structure and then the content is inserted in the grid element.
- Once the page has the desired content, it can be activated by right-clicking on the page in the page tree using the "Activate" function. It is now also visible in the frontend.
A subpage can be inserted in the same way as a normal page and then dragged to the correct location.
Page design
It is important that you first create a grid element for each page created and then specify the content elements in it so that the structure and layout of your content is retained if the grid elements are changed, for example due to changes in the corporate design. This means that the grid elements are subject to the responsive web design and are therefore important for its functionality.
Responsive web design means that the display of your website on mobile devices, such as smartphones, differs from the display on desktop computers. Specifically, grid elements are displayed below each other on small screens instead of next to each other. It is therefore advisable not to use references such as "right" or "left" in the text. Even with image files, care should be taken in the context of responsive design not to use visual references such as arrows, as the layout changes with the screen size. Grid elements fulfill the function of enabling different layouts in compatibility with modern responsive design.
Please also use grid elements if you are planning a very simple page structure that should not contain a special layout. This will ensure that future layout updates are adopted correctly. It also ensures an ideal display on mobile devices. You can find more information on responsive web design here.
You can create grid elements by adding a new content element in the Pages module [+Content] and then switching to the Grid element tab. Each grid element has a "Heading" field. This is hidden by default. You can select and change the layout of the title from the corresponding dropdown.
You can use a variety of other content elements within the grid elements. To do this, click on [+Content] within the colored grid element frames in the Pages module. You also have the option of changing the grid layout of the grid element after creating a grid element. Please note that if a multi-column layout is reduced to one with fewer columns, the content of the second (or third) column is automatically hidden. The content reappears in its original place when you select the original grid layout again. More information on grid elements can be found here.
You will find the sample pages in the Templates folder in the backend. This allows you to recreate the corresponding look on your easyWeb standard website. These pages serve as a template for copying. The procedure for copying a page is as usual via right-click > Copy - subsequent pasting can be carried out with right-click > Paste to / Paste in.
How do I fill my person page with content?
The profile page is automatically generated according to the template when a person is clicked on for the first time in a list of people. The page from the People folder is then displayed. This page can be changed. Subpages can be created. Each profile page always has a link to the publications and projects in the research database. Lecturers also have a link to the course catalog. Further links and subpages can be created. More Information on profile pages can be found here.
Where can I find my profile page?
In the backend, your own profile page is displayed at the top of the Page module in the People folder.
Last steps
- The privacy policy, which can be found as a template on every easyWeb standard page, must be adapted and activated.
- The maintenance mode must be deactivated. Maintenance mode prevents the website from being found by search engines. In the "Site Configurator" module, site admins can deactivate maintenance mode by unchecking the "Maintenance mode" box.