At Top and Left
Hiding Toolbars During Preview or Editing
Global Toolbar
- At the left side of the screen.
- Manage global settings.
- Apply to the current page, or all pages.
- Hide all section tools.
- Hide itself.
Section Toolbar
- At the top of each section.
- Manage current section.
- Apply to current section.
- Turn app on and off.
- Toggle edit mode.
- Toggle global toolbar.
Context Toolbar
- Available in some sections.
- Toggle button to switch toolbars.
- Toggle on to edit.
- Toggle off when done.
Where are Data and Images Saved
A Database in Your Browser
- IndexedDB by name
- Storage space is large enough for texts
- Export to and import from plain text backup online.
- Not intended for images, especially on mobile devices
- Integrated media library with online file storage
Page and Site Data
Page Data
- data related to current page only
- page title and description
- body text
- local sections
- header background, primary colors etc
There can be multiple pages in one site or project.
Site Data
- data related to the whole site or project
- site title and description
- menu items
- default primary colors
- global sections
There can be multiple sites or projects. Each site has its own database.
Page Starts with a Placeholder
What Happens When You Open a Page
Site Database
- one database for each site (project)
- site id is specified in the URL, for example
/?site=gt - site id defaults to “gt”
Page Doc in Database
- each page is a unique document in the site database
- page id is specified in the URL, for example /?doc=my-presentation
- page id defaults to the current URL, followed by _index.md.
Default Page Data
- the page renders with the default data if custom data is not found in the site db.
- for example, this page renders a tutorial if no custom data is found.
Exercise
Reset Page Data to the Default
- make changes to a section, with something you can easily recognize, and save the section.
- hover on the left edge of the screen to show the global toolbar
- click on the file icon to open the page setting window.
- click on the grid icon at the top of the window to show the management options.
- at the tab labelled “Current”, click the “Delete Page” button, and confirm the operation in the confirmation window.
- the page will refresh and restore to the default tutorial.
- you can make changes, save it again to create a new document in the db. The new document has the default id containing the current URL. For example, the id of this page is tutorial/starting-a-new-page/_index.md
Page Settings
Managing Page Data
Save As
- save the current document under a different unique id.
- after you click on the dropdown button, as you type, the ids of existing documents will show up.
- make sure to choose different id to create a new document.
- choose an existing id, and tick the override checkbox to replace.
Open
- reload page from the selected page data.
- you can load a different document from the same URL, for example, the tutorial homepage.
- when you open a different document, the page id is included in the URL automatically.
- you can bookmark a page with site id and page id to go to that document when you open the page.
Delete
- you can delete the current document
- once you confirm deleting the current document, it is deleted permanently.
What People Say About It
Simply Amazing!
Make a Difference with Innovation
Starting a New Page
Go and Talk page builder stores data in IndexedDB, a feature offered by modern browsers. Each site or project is a unique database. Each page is a document in the database with a unique ID.
When a page loads, it checks for site id and page id from the URL query string. Site id defaults to ‘gt’, and page id defaults to the current path followed by _index.md. If custom page data is found, it renders the custom page data. Otherwise it renders the default page data, the tutorial.
When you use the site and page setting user interface, the query string is automatically included in the page URL. You can manually change the site id or document id to load different data quickly, or create a new document.
If the theme you are using is bundled with Go and Talk page builder, you can also create a new page by creating a new folder on the server, and upload two files (index.html and index.goandmake.html) to this folder. This will allow you to navigate to a new page on your site while you edit it. Please refer to the tutorial Building a Business Website with Gitlab Pages from A to Z for details.
If you have completed all the exercises in this tutorial, you should have made the following achievements:
- know where to find section toolbar and global toolbar.
- understand how the page loads data.
- know how to reset the page to default data.
Well done. You will acquire new skills and explore new features in other tutorials. Stay tuned.
About Go and Talk Page Builders
Go and Talk page builder is a lightweight web design tool running in the browser. It empowers designers and marketers to create presentable pages quickly without coding. It is optimized for running on mobile devices such as tablets. The generated web pages are responsive, lightweight and optimized for search engines.