Every publication consists out of Pages, Blocks, Columns and Elements. Together they form the base of Foleon publications.
In this article, we’ll talk about what these different components are and how they relate.
In this article
- What are pages, blocks, columns, and elements?
What are pages, blocks, columns, and elements?
Pages hold all of your content, which include blocks, columns, and elements. In terms of hierarchy, pages contain blocks, which contain columns, which contain elements.
There’s no limit to the amount of pages a publication can contain, however statistics have shown that publications with 8 to 12 pages perform best. For an optimal performance and good reading experience, we recommend using no more than 20 pages. When a large number of pages is created within one publication, this can have a negative effect on the performance of the publication and the editor. This can for instance result in issues with copying the publication, creating PDF’s and the loading speed of the publication.
Each page of your publication is built up out of blocks. Blocks hold your columns which in turn hold your elements. A block can be recognised by the purple outline and the purple settings bar.
By default, blocks are set to span the full width of a page. However, you can also opt for a set width. In a similar way, the height of a block can either be set to ‘full height’ or it can be adjusted to any other height manually. Settings like these can be found in the purple settings bar on the left top corner.
You can add new Blocks to your page by clicking Blocks in the top left in the editor. You’ll see that we have a wide variety of pre-designed blocks for you to draw on for inspiration, conveniently categorised for different use cases. Once you've found one that you like, simply drag it onto your canvas.
Read more about blocks in our article: Working with blocks.
Each block contains columns which hold your elements. Add columns to a block by clicking on the + icon in the purple settings bar. Each block can contain up to 6 columns.
Columns can be recognized by the orange outline and the orange settings bar.
Read more about columns in our article: Working with columns.
Columns hold your elements. There is a wide variety of elements to choose from. Once you've found the element you need, simply drag it onto your canvas.
Elements can be recognised by the blue outline and the blue settings bar.
Read more about elements in our article: Working with elements.