A CMS (Content Management System) lets you create and manage website content (text, images, videos, etc.) without technical knowledge.
Use Cases
Studio.Design's CMS is useful for managing content that needs regular updates.
Blog posts, announcements, and news for business or personal sites
Portfolio project information
Media site articles
Event exhibitor information
Key Points
The CMS separates design from content, so you can create multiple pages with the same design but different content.
For example, when creating an announcement page for a business site, you manage it like this:
Management Screen | What You Do |
CMS Dashboard | Manage specific content (date, title, body, images, etc.) shown on pages |
Design Editor | Create page layout (headings, body text, image placement, etc.) and design |
By connecting content from the CMS Dashboard to the layout created in the Design Editor, you can create multiple pages with the same structure but different content.
The next section explains how to use each screen.
Content Management Screen
In the CMS Dashboard, content is organized into four types:
For example, when using the CMS for announcements and portfolio items:
Model: A group like "Announcements" or "Portfolio"
Item: Each individual article within a model
Property: Information attached to items (publication date, author, cover image, etc.)
Collection: A feature to curate specific items from a model
Layout and Design Management Screen
Create layouts and designs in the Design Editor. Connect data from the CMS Dashboard to your design to display it.
After connecting data, switch the toggle in the top-left to view other pages (items).
This lets you create multiple pages with the same layout but different text and images.
Resources for Learning CMS
The videos below are based on Studio.Design specifications at the time of publication, so some screens or information may be outdated.
Learning Course Video: "CMS Basics" (Beginner)
Learn CMS basics through nine lesson videos. Follow along with a template to understand how CMS works.
Building a Media Site from Scratch with Studio CMS 2.0 (Beginner)
Learn how Studio CMS works and how to implement it by building a media site from scratch
CMS Category on the Official Help Site (All Levels)
The CMS category includes articles on basic operations and concepts. Follow along to understand the flow from creating CMS content to publishing.
Using CMS-Enabled Templates (Intermediate)
The Studio Store, where Studio.Design templates can be bought and sold, offers many design templates with CMS features built in.
Templates with CMS features already have CMS data connected to the design, so they're useful for learning how to connect data. There are also many free templates, so you can learn by editing them.
That covers CMS basics and resources. The next article covers how search engines work and SEO best practices.
From Creation to Publication
How to use CMS (this article)
When in Trouble