CMS & Content
Sorting Content
Sorting determines the order in which CMS content appears on your website.
Intermediate
6 min read
While filtering controls what content is displayed, sorting controls which content appears first.
In Framer, sorting is commonly used for:
Blog posts
Resource libraries
Team directories
Portfolios
Case studies
Event listings
Documentation hubs
A well-structured sorting system helps visitors find important content quickly and creates a more organized browsing experience.
This guide explains how sorting works, when to use different sorting methods, and how to build content structures that scale as your website grows.
What Is Content Sorting?
Sorting controls the order of CMS items inside a list, grid, directory, or dynamic section.
For example, a blog collection might contain:
Without sorting, the order may feel random.
With sorting:
or
the content appears in a logical sequence.
Why Sorting Matters
Good sorting improves:
Navigation
Content discovery
User experience
Content prioritization
Website organization
Without sorting, important content can become buried beneath older or less relevant content.
Sorting vs Filtering
Many beginners confuse sorting and filtering.
They serve different purposes.
Filtering
Filtering decides:
Example:
Sorting
Sorting decides:
Example:
Most CMS layouts use both filtering and sorting together.
Common Sorting Methods
Different content types often require different sorting strategies.
Date Sorting
Date sorting is one of the most common CMS sorting methods.
Content is ordered by a date field.
Examples:
Publish Date
Event Date
Updated Date
Launch Date
Newest First
Example:
This is the most common sorting method for:
Blogs
News websites
Resource centers
Documentation
New content remains highly visible.
Oldest First
Example:
This is less common but useful for:
Historical archives
Educational courses
Step-by-step learning paths
Why Most Blogs Use Newest First
Visitors typically want the latest information.
Displaying recent content first helps:
Surface updates
Improve engagement
Keep content fresh
For most websites, newest-first is the default recommendation.
Alphabetical Sorting
Alphabetical sorting arranges content using text fields.
Examples:
or
Common Alphabetical Use Cases
Alphabetical sorting is useful for:
Team directories
Resource libraries
Partner listings
Documentation indexes
Directories
Example:
instead of random ordering.
Featured Sorting
Many websites need to prioritize specific content.
Featured sorting allows important items to appear before everything else.
Example:
appears before:
This is commonly used for:
Homepage content
Featured articles
Recommended resources
Highlighted projects
Example: Featured Blog Posts
Collection:
Sorted result:
Featured content remains visible regardless of publication date.
Manual Sorting
Manual sorting gives complete control over ordering.
Instead of using dates or categories, the content creator decides the exact sequence.
Example:
Manual sorting is useful when showcasing:
Featured work
Product launches
Curated resources
Marketing campaigns
Custom Priority Fields
Some websites create custom sorting systems.
Example:
Items with higher priority appear first.
This provides more flexibility than simple featured flags.
How Sorting Works
Sorting is usually applied at the CMS List level.
The process generally follows this workflow:
The underlying content remains unchanged.
Only the presentation order changes.
How to Sort CMS Content
Step 1: Select a CMS List
Choose the CMS-powered section you want to organize.
Examples:
Blog grid
Portfolio gallery
Team directory
Resource list
Step 2: Open Sorting Settings
Locate the sorting controls for the selected CMS list.
These settings determine how content will be ordered.
Step 3: Select a Field
Choose the field that should control the order.
Common examples:
Step 4: Choose the Sort Direction
Most sorting systems support:
or
Understanding Ascending vs Descending
Ascending
Orders content from lowest to highest.
Examples:
Descending
Orders content from highest to lowest.
Examples:
For blogs, descending date sorting is usually preferred.
Sorting Blog Content
Most blogs use:
This ensures visitors always see the latest content first.
Example:
rather than the reverse.
Sorting Resource Libraries
Resource centers often use:
or
depending on the browsing experience you want to create.
Sorting Team Directories
Team pages often use:
Alphabetical order
Leadership-first order
Department grouping
Example:
This improves navigation.
Sorting Portfolio Projects
Portfolio websites commonly use:
Featured First
Newest First
This highlights recent work.
Manual Order
Many designers manually curate project order to showcase their strongest work first.
Combining Sorting and Filtering
The most powerful CMS systems combine both features.
Example:
Filter:
Sort:
Result:
only.
Another Example
Filter:
Sort:
Result:
This creates highly targeted content sections.
Sorting for Documentation Websites
Documentation and help centers often use:
or
because users typically follow predefined learning paths.
SEO Benefits of Proper Sorting
Sorting is primarily a user experience feature, but it can indirectly support SEO.
Better Content Discovery
Visitors can find important content more quickly.
This often improves:
Engagement
Page views
Session duration
Improved Internal Navigation
Well-organized content is easier to explore.
Example:
This encourages deeper browsing.
Stronger Content Architecture
Consistent organization helps create clear content structures that benefit both users and search engines.
Performance Considerations
Most CMS sorting systems perform efficiently.
However, large collections should still be organized thoughtfully.
Keep Structures Simple
Avoid creating overly complex sorting logic when a simple solution works.
Example:
Good:
Overly complex:
Use only the rules you truly need.
Common Beginner Mistakes
Random Content Ordering
Unstructured content often feels disorganized.
Every CMS list should have a deliberate sorting strategy.
Ignoring Featured Content
Important resources often become buried beneath newer entries.
Featured systems help prevent this.
Incorrect Date Configuration
If dates are entered inconsistently, sorting may behave unexpectedly.
Always verify date fields are configured correctly.
Using Too Many Sorting Rules
Complex systems can become difficult to manage.
Start with one clear sorting method.
Forgetting Mobile Testing
Always verify that sorted content remains useful on smaller screens.
Best Practices
Sort blog content by newest first
Use featured content strategically
Keep sorting logic simple
Combine filtering and sorting when needed
Use alphabetical sorting for directories
Review content organization regularly
Prioritize important resources
Design sorting around user needs
Frequently Asked Questions
What is Sorting Content?
This article explains the key concepts, best practices, and practical applications related to sorting content.
Why is sorting content important?
Understanding sorting content can help improve implementation, decision-making, and overall results.
What are the main takeaways from sorting content?
The article highlights common best practices, recommendations, and important considerations readers should understand.
framerbaseio