Sonsa is a modern and clean photo-centric theme for creative people. It’s perfect for sharing your stories with images, video, and audio.
With its strong visual focus, Sonsa is a good fit for portfolio sites as well as travel, fashion, art, or food blogs. The theme also supports Food Menus, which make it a great choice for your restaurant’s website.
To use the theme to its full potential, we recommend that all posts have a Feature Image. These are displayed prominently on the blog, archive, and search pages.
The theme has a fixed vertical header and a slide-out sidebar, giving it a unique, modern appearance. Check out the demo site for a better view.
Sonsa supports all Post Formats, and applies unique styles to help different kinds of content stand out. This includes different background colors on the blog, archive and search pages, and icons to indicate each post format.
Sonsa supports Food Menus, making it a great option for your restaurant, bar, or cafe website.
Sonsa is designed to look great on any screen size, from mobile devices to desktop computers.
Quick Specs (all measurements in pixels):
- The main column width is
800 on desktop and laptop screens, and up to
960 on smaller screens.
- Featured Images are
960 wide by unlimited height on single posts. On blog, archive, and search page, Feature Images height is
- The Primary widget area is
336 wide. The Header widget area is
- The Site Logo will display at
96. We recommend using images at least
192, so your logo looks sharp on retina screens.
The following instructions will help you get started using the Sonsa theme. If you have questions, let us know in the support forums.
Sonsa displays each post’s Featured Image prominently, so it’s recommended that you add one to every post. Featured Images should be at least 960px wide by 540px tall.
On single posts, the Featured Image appears above the post title and displays the full image. On blog, archive, and search pages, the Featured Image is cropped to 450px tall.
You can set a default image for posts that don’t have a Featured Image. To do this, navigate to Customizer → Theme Options → Default post image and select an image from your Media Library.
How to set default feature image. Click the image for larger view.
You can also set an image for your site’s “Not found page (404)” under Customizer → Theme Options → 404 page image. If a user navigates to a URL of a non-existing page, the theme will display this image above the “Page not found” message:
Sonsa supports all Post Formats:
On the blog, archive, and search pages, the Post Formats each have their own unique look. Standard, Image, and Gallery posts will display their Featured Image as a background. Audio and Video posts will do the same, plus add a unique icon to the top corner.
Chat, Quote, Status, and Link posts each use a different background color, and display a bit of the post’s content.
Chat and Quote Post Formats
Status and Link Post Formats
Slide-out Custom Menu
You can add a Custom Menu to Sonsa by navigating to Customizer → Menus and assigning one to the Primary menu location. This menu will appear off-screen, and users can make it slide out by clicking the menu toggle in the top corner.
Sonsa’s slide-out menu
There’s also a space underneath this menu where you can add widgets — see below.
Sonsa comes with two widget areas:
- The Primary widget area is in the same slide-out section as the Primary menu location. It appears below the menu.
- The Header widget area is in the fixed header, below the site title and tagline.
You can add widgets to both spaces by navigating to Customizer → Widgets. The Header widget area has limited space, so it’s recommended that you use shorter widgets here. Some good options include the Search widget, or the Text widget with a short summary about your website.
Sonsa’s menus and widget areas – click the image for larger view
In Sonsa, you can add a Social Links Menu to the header, connecting your different online accounts to your site. The menu will automatically use an appropriate icon for all supported services:
- Email (mailto: links)
- RSS Feed (urls with /feed/)
There are two Page Templates in Sonsa:
- The Featured Template, where the Featured Image is the main focus.
- The Food Menu Template, which will display the items added to the Food Menus.
You can assign one of the Page Templates by following these steps:
- Go to Pages → Add New to create a new page to use.
- Under the Page Options section, the Page Template can be changed to Featured or Food Menu.
- When finished, click Publish.
When you use the Featured Template, the Featured Image fills the entire content area. The page’s written content is overlaid on top of the image. For an optimal layout, we recommend keeping the content short so the image can shine.
The Featured Image used with the Featured Page Template should be at least 1280px by 1280px.
Food Menu Template
Sonsa supports Food Menus, and helps you showcase the menu you build with the Food Menu Template.
Before using this template, you will first add some menu items. Navigate to your WP Admin dashboard by going to http://yourgroovysite.wordpress.com/wp-admin (replacing yourgroovysite with your WordPress.com URL).
From there, click on Food Menu, and add new menu items by clicking on Add One Item or Add Many Items. Once added, you can sort your delicious Food Menu items into sections like starters, main courses, or desserts, or use labels to group them. Featured Images added to the menu items will display next to the description.
After you’ve added Food Menu items, create a new page and assign it the Food Menu Template. This page will display the whole food menu like this:
Sonsa supports the Portfolio feature, giving you an opportunity to showcase several of your photographs or illustrations together. The theme displays your portfolio projects in a grid using their Featured Images:
Once you’ve added some portfolio projects, they will appear on your website at the following URL: http://yourgroovysite.wordpress.com/portfolio/.
Sonsa automatically adds links to your Project Types above your portfolio projects. You can replace these links with your own Custom Menu by assigning it to the Portfolio menu location. The main portfolio page can be added to any Custom Menu using the Links Panel.
There are several places where you need to consider which image size to use:
- Featured Images should be at least 960px wide by 540px tall. This includes the images selected for the default featured image and the “Not found page (404)”.
- For the Featured Page Template, the Featured Image should be at least 1280px by 1280px. The theme crops the image to fit the website’s content area.
- When added to post content, images will display at 800px wide; the theme will scale large images to fit.
- The Site Logo will display at 96px wide by 96px tall, but it’s recommended you use an image that’s at least 192px wide by 192px tall. This will help your logo look sharp on retina displays, like newer mobile phones and laptops.