Unified content widget
The unified content widget (zittme_content) is a responsive widget that shows board posts and comments in a variety of forms. It has shipped with the core since 0.0.02.
There is only one key concept: 1 widget = 1 horizontal row. You split a row into 1–4 slots (columns) and connect a board to each slot. Stack several of these widgets and you have a portal-style main page.
Quick start
- Open Admin > Widgets, or open widget insertion in the page editor.
- Choose Unified content widget and set the width to 100%.
- Pick a preset under Row layout. For example: "Magazine 58 + List 42"
- Enter board addresses (mids) in slots 1 and 2. For example: slot 1
notice, slot 2free - Save, and you're done. If you need more rows with different layouts, add more widgets below in the same way.
- Width ratios: separate with colons. For example:
100,50:50,62:38,33:33:33,25:25:25:25(up to 4 columns) - Slot type: choose List/Webzine/Thumbnail/Magazine/Mixed/Tabs/Recent comments for each slot
- You can combine several boards with commas:
free,humor(merged, newest first) - Enter
*to target every board on the site (allalso works, but if a board named all actually exists, that board takes priority) - In the Tabs type, each board entered with commas gets its own tab
- Screens 960px and below: multiple columns shrink to 2 columns.
- Screens 640px and below: stacked in a single column.
- Each slot also responds to its own width: when narrow, webzine switches to a vertical layout and thumbnail grids reduce their column count.
- Row 1: "Single magazine row (100)" + slot 1
notice- featured content at the top - Row 2: "Tabs 40 + List 30 + Recent comments 30" + slot 1
free,humor,qna/ slot 2notice/ slot 3* - Row 3: "Single thumbnail grid row (100)" + slot 1
gallery - Posts don't show up: check the spelling of the mid. You can find the board address (mid) in the URL item of the board settings. Secret and private posts are not shown.
- Thumbnails are empty: a post needs an image for a thumbnail to be generated. Posts without images show a placeholder icon.
- I want to adjust the spacing between rows: use the margin settings when inserting the widget, or adjust it with CSS on the page side.
If you insert it without settings, usage instructions appear in the widget's place, so you can fill it in while looking at the screen.
Block types
| Type | Appearance |
|---|---|
| List | One title per line. The comment count and a new-post (N) badge appear next to the title |
| Webzine | Thumbnail + title + summary |
| Thumbnail | Grid of image cards |
| Magazine | Large cards with the title over the image. The first post is shown large |
| Mixed | 2 webzine items on top + list below |
| Tabs | Switch between several boards with tabs (enter multiple mids separated by commas) |
| Recent comments | List of the latest comments |
Row layout presets
The numbers are width ratios (%). After choosing one, just connect boards to the slots.
| Preset | Example use |
|---|---|
| Magazine 58 + List 42 | Top of a news or blog main page |
| List 42 + Magazine 58 | Mirror of the above |
| Webzine 50 + Thumbnail 50 | News + gallery |
| List 38 + Webzine 62 | Notices + news details |
| Webzine 50 + Webzine 50 | Two news boards side by side |
| List 50 + List 50 | Two-column community boards |
| Tabs 40 + List 30 + Recent comments 30 | Community portal |
| List + List + Recent comments (thirds) | Bottom of a community page |
| 3 magazine cards (thirds) | Brand story |
| Magazine 55 + Thumbnail 45 | Featured content + latest images |
| Single webzine row (100) | Standalone news section |
| Single thumbnail grid row (100) | Gallery section |
| Single magazine row (100) | Hero-style content |
| Mixed (webzine + list) 62 + List 38 | Middle of the main page |
Custom layout
Choose "Custom" from the presets to set the width ratios and the type of each slot yourself.
Slot settings
| Item | Description |
|---|---|
| Board | Board address (mid). For example: notice |
| Title | If empty, the board name is shown |
| Number of items | If empty, a default that suits the layout |
Multiple boards and all boards
New post (N) display time
Set per widget how many hours after posting the N badge appears next to the title. If empty, it's 24 hours.
Skins
| Skin | Comment count | N badge |
|---|---|---|
| Default | +3 | Square badge in the accent color |
| Heritage | [3] | Orange badge, same as the heritage board skin |
If your site uses the heritage theme, choose the Heritage skin to match the board's style.
Responsive behavior
If you insert the widget at 100% width, the arrangement adapts to the screen size without any extra settings.
Heights are matched automatically within the same row.
Example: community portal main page
Insert three widgets in order.