Layout
In the Layout tab you adjust the visual layout of your wiki - from layout type to homepage view to spacing.
Layout Type
Section titled “Layout Type”Determine how articles are displayed in the overview.
Select Layout
Section titled “Select Layout”What it does: Determines the basic display mode of your wiki articles.
How to find it: Layout > Layout Type
Options:
| Layout | Description | Ideal for |
|---|---|---|
| Cards | Clear cards with preview image and summary | Visually appealing wikis with images |
| List | Compact list view for many articles | Text-heavy reference works, FAQs |
| Tree | Hierarchical tree structure by categories | Documentation with clear hierarchy |
| Magazine | Featured articles prominent, others in grid view | Wikis with featured content |
Default: Cards
Homepage View
Section titled “Homepage View”Determine what users see on the wiki homepage.
Homepage Mode
Section titled “Homepage Mode”What it does: Defines which articles are displayed on the homepage.
How to find it: Layout > Homepage View
Options:
| Mode | Description |
|---|---|
| Recent | The most recently updated articles |
| Featured | Articles marked as “Featured” |
| Categories | Overview of all categories |
Default: Recent
Columns (Grid)
Section titled “Columns (Grid)”Only available for Cards and Magazine layout.
Number of Columns
Section titled “Number of Columns”What it does: Determines how many article cards are displayed side by side.
How to find it: Layout > Columns (only visible with Cards/Magazine layout)
Options:
| Columns | Effect |
|---|---|
| 1 | One card per row (smartphone optimized) |
| 2 | Two cards side by side (default) |
| 3 | Three cards side by side (tablet optimized) |
| 4 | Four cards side by side (desktop optimized) |
Default: 2
Spacing
Section titled “Spacing”Determine the spacing between elements.
Corner Radius
Section titled “Corner Radius”What it does: Rounds the corners of cards and other elements.
How to find it: Layout > Spacing > Corner Radius
Value range: 0px to 32px
| Value | Effect |
|---|---|
| 0px | Square cards (classic) |
| 8px | Slightly rounded corners |
| 16px | Clearly rounded corners (modern) |
| 24-32px | Heavily rounded corners |
Default: 12px
Presets: 0, 8, 16, 24
Spacing Between Elements
Section titled “Spacing Between Elements”What it does: The spacing between individual article cards or list entries.
How to find it: Layout > Spacing > Spacing Between Elements
Value range: 0px to 32px
| Value | Effect |
|---|---|
| 0px | Elements directly adjacent |
| 8px | Tight spacing |
| 16px | Normal spacing |
| 24-32px | Generous spacing |
Default: 12px
Presets: 0, 8, 16, 24
Spacing Between Sections
Section titled “Spacing Between Sections”What it does: The spacing between categories or sections.
How to find it: Layout > Spacing > Spacing Between Sections
Value range: 8px to 48px
| Value | Effect |
|---|---|
| 8-16px | Compact layout |
| 24px | Normal spacing (default) |
| 32-48px | Generous spacing |
Default: 24px
Presets: 8, 16, 24, 32
Horizontal Padding
Section titled “Horizontal Padding”What it does: The spacing between content and the left/right screen edge.
How to find it: Layout > Padding > Horizontal Padding
Value range: 0px to 32px
| Value | Effect |
|---|---|
| 0px | No margin (edge-to-edge) |
| 8px | Narrow margin |
| 16px | Normal margin (default) |
| 24-32px | Wide margin |
Default: 16px
Presets: 0, 8, 16, 24
Vertical Padding
Section titled “Vertical Padding”What it does: The spacing between content and the top/bottom screen edge.
How to find it: Layout > Padding > Vertical Padding
Value range: 0px to 32px
| Value | Effect |
|---|---|
| 0px | No margin |
| 8px | Narrow margin |
| 16px | Normal margin (default) |
| 24-32px | Wide margin |
Default: 16px
Presets: 0, 8, 16, 24
All Settings at a Glance
Section titled “All Settings at a Glance”| Setting | Section | Default | Minimum | Maximum |
|---|---|---|---|---|
| Layout Type | Layout Type | Cards | - | - |
| Homepage Mode | Homepage | Recent | - | - |
| Columns | Grid | 2 | 1 | 4 |
| Corner Radius | Spacing | 12px | 0px | 32px |
| Element Spacing | Spacing | 12px | 0px | 32px |
| Section Spacing | Spacing | 24px | 8px | 48px |
| Horizontal Padding | Padding | 16px | 0px | 32px |
| Vertical Padding | Padding | 16px | 0px | 32px |
Example Configurations
Section titled “Example Configurations”Documentation Style
Section titled “Documentation Style”| Setting | Value |
|---|---|
| Layout Type | Tree |
| Homepage | Categories |
| Corner Radius | 8px |
| Element Spacing | 8px |
Magazine Style
Section titled “Magazine Style”| Setting | Value |
|---|---|
| Layout Type | Magazine |
| Homepage | Featured |
| Columns | 2 |
| Corner Radius | 16px |
| Element Spacing | 16px |
FAQ Style
Section titled “FAQ Style”| Setting | Value |
|---|---|
| Layout Type | List |
| Homepage | Categories |
| Corner Radius | 0px |
| Element Spacing | 4px |
Frequently Asked Questions
Section titled “Frequently Asked Questions”When should I use which layout?
Section titled “When should I use which layout?”- Cards: For visually appealing wikis with images and preview text
- List: For text-heavy FAQs or reference works with many short articles
- Tree: For structured documentation with categories and hierarchy
- Magazine: For wikis with featured articles and a mix of text and images
Why don’t I see the columns setting?
Section titled “Why don’t I see the columns setting?”The number of columns is only available for Cards and Magazine layout. List and Tree don’t have a columns option.
How much spacing should I leave between elements?
Section titled “How much spacing should I leave between elements?”8-16px is a good default value. More spacing makes the wiki airier but shows less content at once. Less spacing is more compact but can appear cluttered.