Affinity is a classic one-page theme designed with weddings and family announcements in mind. Collect everything you need for your big day on one easy-to-customize website — add an R.S.V.P. form, link to your favorite registries, or add stunning photos from the event itself. Keep your loved ones in the loop with a blog, and collect their messages and wishes for you in your guestbook.
However you use it, Affinity is an elegant solution for your wedding or family announcement.
Setting Up Your Front Page
When you first activate Affinity, your homepage displays posts in a traditional blog format.
To set up your static homepage, follow these steps:
- Create a page.
- Go to the Customizer’s Static Front Page panel and set “Front page displays” to “A static page.”
- Select the page created in Step One as “Front page,” and choose another page as “Posts page” to display your blog posts.
Good news! This theme doesn’t need a front-page template — set a static page as your front page, and you’re good to go. On its own, the page displays a single panel with a full-screen featured image; your site logo, description, and navigation; and your page content.
To get your site set up, you’ll want to add some more panels.
Each “panel” is a standard page. To add additional panels to your Front Page, follow these steps:
- Create or edit a page.
- Navigate to Customize → Theme Options. From the drop-down, select the page you’d like to appear in the panel.
To set the background image of your panel, assign a Featured Image to the page.
Click on the diamond-shaped links to navigate through the front-page panels.
Affinity supports prominent Featured Images on the blog, and single posts and pages.
Any size image will do, but horizontally oriented images work best. Adjust the opacity of the Featured Images from Customize → Theme Options → General.
The site tagline is a great place to put a quote or a brief welcome to your site. It will appear on the front page, blog, and archives over your Custom Header image. If no Custom Header is active, the Site Tagline is hidden.
In addition to the Front Page setup, you can customize the theme’s behavior under Customize → Theme Options → General.
Header Image Opacity
Change the opacity of the header image for better contrast with the text.
Scrolling Featured Images
Uncheck “Allow Featured Images to scroll in the background on large screens” to change the scrolling behavior of the header and front page Featured Images on large screens.
Note: The scrolling behavior is not visible in the Customizer for performance reasons, but you’ll see it on the front page of your site.
Affinity has a one-column or two-column layout. Add widgets to the sidebar area for a traditional two-column blog, or leave it blank for a sleek one-column style.
The theme also includes three optional widget areas in the footer:
Configure these widget areas from Customize → Widgets.
Affinity comes with two Page Templates for dressing up your content:
The Full-Width template gives you more space for your content. It’s the perfect way to showcase a large gallery of images or a video.
Designed with weddings in mind, the Guestbook template highlights your visitors’ comments:
When using this template on a page, it’s good to double-check that Comments are enabled. To do this, edit the page and click on More Options. Under the Discussion header, check Allow Comments and publish.
Affinity supports a handy Social Links menu, which appears in the footer.
Linking to any of the following sites will automatically display its icon in your menu:
- Email (mailto: links)
- RSS Feed (urls with /feed/)
Affinity has a small but nifty intro feature. Also known as a “deck” or “kicker,” the intro area is displayed between the headline and body copy on posts.
Your intro provides important information and acts as a link between the title and the rest of your post. A carefully crafted deck grabs readers’ attention, giving them an idea of what to expect in the full post.
Add your intro in the Excerpt field of each post, which you’ll find in the More Options area of the Post Editor sidebar.
Affinity also supports the following features:
Quick Specs (all measurements in pixels)
- The main column width is
560for blog posts and
- The main sidebar width is
- Featured Images are displayed at
720wide and flexible height on the blog, and at full-screen width with flexible height on single posts and pages.
- The site logo appears at a maximum width of
800and height of
- The custom header appears at full-screen width with flexible height.