With bold Featured Images and bright, cheerful colors, Dara is ready to get to work for your business.
Setting Up Your Front Page
Set a Static Front Page
When you first activate Dara, your homepage will display posts in a traditional blog format unlike the demo site, which uses a static front page. If you would like to copy the look of the demo site, follow these steps:
- Publish two pages with titles that are easy to remember, like Home and Blog. To publish a page, navigate to My Site → Pages → Add Page.
- Go to Customize → Static Front Page.
- Select “A static page” and choose the two pages you published in Step #1 as your Front page and Posts page.
The static front page includes the following:
- A Featured Content area with a slider.
- Three Featured Pages, set in Customize → Theme Options.
- The Testimonial area, configured under Customize → Testimonials. This area displays two testimonials. To add a testimonial, go to Testimonials → Add. If no testimonials are added, this section will not be displayed.
Featured Content Slider
The Featured Content slider appears on the front of your site. To set it up:
- Go into Customize → Featured Content and in the Tag Name field, add a tag to identify your featured content, such as featured or another word. Do not use any spaces or special characters.
- Add this same tag to any post, page, or portfolio project you’d like to add to the slider.
- Set a featured image of at least
1180px wide for each post, page, or portfolio project added to the slider.
If no Featured Content tag is set, the Featured Image set for the front page will display in this area instead.
Front-page Featured Pages
On the theme demo, this section is populated with three Featured Pages, each with a title, Featured Image, and excerpt. To re-create the same look, follow these directions:
- Publish the three pages you would like to feature on your front page, and upload Featured Images for each page.
- Go to Customizer → Theme Options.
- Use the three drop-down menus to select the pages you’d like to feature.
- Click Save and Publish.
The pages featured in this area will automatically occupy the entire width of your site. For example, a single featured page will occupy the entire column, two Featured Pages will divide the space into two columns, three Featured Pages will divide the space into three columns.
Custom Page Templates
The Full-Width template gives you more space for your content. It’s the perfect way to showcase a gallery of images or a video, Don’t forget to take advantage of the beautiful full-width Featured Image, too. To use the Full Width template, select it under Page Options while editing a Page.
The Dara demo site is using a gallery on its Full-Width Template page:
Grid Page Template
The Grid Page template is designed to show child pages in a grid format. To get started, first create or edit a page, and assign it to the Grid Page template from the Page Options panel. The content of this page and Featured Image – if one is set – will be displayed above the grid.
To add items to the grid, create additional pages and use the Page Options box to set the grid page you just created as their parent page. Be sure to set a Featured Image for each child page if you want an image to show up inside the grid. Repeat these steps for every item you want to display in the grid.
Dara includes one Custom Menu in the header, which can be configured via My Sites → Menus. If no menu is assigned, this area will display a list of your pages by default.
Social Links Menu
With Dara, you have the option to display links to your social media profiles in the header and footer. To display them, set up a Social Links Menu.
Linking to any of the following sites will automatically display its icon in your menu:
- Email (mailto: links)
- RSS Feed (urls with /feed/)
Dara offers four widget areas:
- The optional Sidebar, which appears on the right in blog view and on pages using the default template.
- Three optional Footer widget areas.
If the Sidebar area is not active, the theme automatically adjusts to have a single-column.
Brand identity is very important — that’s why Dara supports the Site Logo feature. To add your own image, go to Customize → Site Identity. The logo will appear in the header, above the site title.
Dara features testimonials in two ways:
- The dedicated Testimonial Archive Page displays all testimonials in reverse chronological order, with the newest displayed first.
- The static front page displays the newest two testimonials.
To add a testimonial, go to Testimonials → New. Testimonials are composed of the testimonial text, the name of the customer (added as testimonial title), and an image or logo (which can be added as a Featured Image).
Testimonial Archive Page
This page can be further customized by adding a title, intro text, and Featured Image via Customize → Testimonials. This content will appear above the testimonials list.
Custom color, pattern, or a beautiful image – the choice is yours. To change the background, visit Customize → Colors & Backgrounds from your dashboard.
Quick Specs (all measurements in pixels)
- The main column width is
675except in the full-width layout where it’s
- A widget in the sidebar is
- Footer widget widths vary depending on the number of active widget areas.
- The Featured Image on the front page and on pages works best with images at least
- Featured Images for posts should be at least