Edin is a fully responsive theme, ideal for creating a strong — yet beautiful — online presence for your business.
Edin is responsive, from desktop to mobile, and everything in between. The theme adapts to any screen without sacrificing usability or design integrity.
Custom Page Templates
Edin has four custom page templates that are particularly great for business and corporate websites:
Front Page Template
As the name suggests, this template is perfect for your front page, where you can introduce your business to the world. Rich, powerful, and flexible, the Front Page Template includes three optional featured page areas, three optional widget areas, and a big leading image with a call-to-action (see the image at the top).
When you first activate Edin, you’ll see your posts in a traditional blog format. If you’d like to use this template as the front page of your site, follow these instructions:
- Create or edit a page, and then assign it to the Front Page Template from the Page Attributes module.
- Add an introduction to your site. For best results, we recommend a few paragraphs.
- Set your front page image — behind the text — as a Featured Image.
- Go to Settings → Reading and set “Front page displays” to “A static page.”
- Select the page to which you just assigned the Front Page Template as “Front page,” and then choose another page as “Posts page” to display your blog posts.
Grid Page Template
Full Width Page Template
The Full Width Page Template is fitting for embedding a map, a video, or a contact form.
Alternate Sidebar Page
One of Edin‘s Theme Options allows you to choose the sidebar’s default position — right or left. The Alternate Sidebar Page template will overrule this default on a given page, and that page’s sidebar will appear on the opposite side.
Edin allows you to have two Custom Menus: one in the theme’s header and one in the footer. To set up your menus, go to Appearance → Menus.
Don’t forget to tick “Primary Menu” or “Secondary Menu” in the Menu Settings if you want to display a menu in the header and/or “Footer Menu” if you want to display a menu in the footer.
Do you prefer a more classic menu? Head over to the theme options.
The Primary Menu will display below your site title if you’ve selected the “classic” Menu Style option. If the “default” Menu Style option is selected, it will appear once the menu icon is triggered.
The Secondary Menu has been designed to provide quick links for your visitors. It only supports top-level links; if you have a child link, it won’t be displayed. The Secondary Menu will be displayed above your site title if you’ve selected the “classic” Menu Style option, or it will appear at the top of your page, once the menu icon is triggered, if you’ve selected the “default” Menu Style option.
Edin allows you to display links to your social media profiles — like Twitter and Facebook — as icons using a Custom Menu.
Set up the menu
To automatically apply icons to your links, simply create a new Custom Menu and give it a name that starts with “Social” (e.g. “Social Menu,” “Social Links”). This specific name is important and must match exactly. Next, add each of your social links to this menu. Each menu item should be added as a custom link.
Once your menu is created and your social links are added, you can display it in your Secondary or Footer Menu. You can also create a new Custom Menu Widget to display it in any of Edin‘s widget areas.
Edin will automatically apply an icon if it’s available.
Linking to any of the following sites will automatically display its icon in your menu:
- Email (
- RSS Feed (urls with
Edin comes packed with multiple Theme Options available via the Customizer:
- Menu Style: you can choose the style of your menu, default or classic.
- Sidebar Position: you can choose to display the sidebar either on the left or right.
- Thumbnail Aspect Ratio: you can choose the aspect ratio of the thumbnails used for the Grid Page Template or for the Featured Page Areas.
- Pages: show breadcrumb navigation: display a breadcrumb navigation on pages.
- Featured Image: remove filter: deactivates the filter effect which darkens the featured image by default.
- Header: show search form: display a search form in the theme’s header.
- Front Page: show title: display the Front Page Template’s title.
- Front Page: Featured Page One: select a page to feature on the Front Page Template.*
- Front Page: Featured Page Two: select a page to feature on the Front Page Template.*
- Front Page: Featured Page Three: select a page to feature on the Front Page Template.*
*For any of the featured pages selected for the front page, keep in mind that if you choose your posts page, the front page will display excerpts and featured images of your latest blog posts.
Edin supports the Site Logo feature. To brand your site and include your business logo, navigate to Customize → Site Title and upload a logo image in the space provided.
Edin offers seven widget areas, which can be configured in Appearance → Widgets:
- A sidebar widget area, which appears on the right or left.
- Three optional footer widget areas.
- Three optional widget areas on the Front Page Template.
Edin comes with two extra CSS styles,
button-minimal. You can add these two classes to your links by using the Text Editor. We recommend creating a “call to action” button on the Front Page, for example:
<a href="https://yourgroovysite.wordpress.com/about/" class="button">BUTTON</a>
<a href="https://yourgroovysite.wordpress.com/about/" class="button-minimal">BUTTON MINIMAL</a>
Quick Specs (all measurements in pixels)
- The main column width is
540except in the full-width layout where it’s
- A widget in the sidebar is
- A widget in the Footer Widget Area or Front Page Widget Area is
- Featured Images for posts are
- Featured Images for pages are