Apostropheby Automattic
Overview

Apostrophe: A fully responsive magazine theme

When you’re looking to get straight to the point, Apostrophe is the theme for you. Simple and clean, Apostrophe shines in the little details: bold type, bright color, and big images.

Apostrophe is a fully responsive magazine theme that’s a pleasure to read from any device. It offers clean, easy-to-read typography paired with a modern, minimalist design. Choose from a single-column layout, or make use of multiple sidebar and footer widget areas. Highlight your best posts to add variety and interest to your homepage, and showcase your social media links at the top of the page.

Like a punctuation mark, Apostrophe stands out of the way, and lets your content shine.

Getting Started

After activating Apostrophe, you can start customizing the theme under My Sites → Customize, where you’ll find the main customization options. You can change your background color, upload a Custom Header image, setting your Site Logo, or choose a Custom Menu to customize your site.

You’ll see your changes right away in the live preview, so you can play around with different elements until you get a look you like.

Under My Sites → Customize → Menus you can create Custom Menus for the Primary Menu and a Social Media Menu.

Primary Menu

By default, Apostrophe will display a list of your site’s pages in the header. This Custom Menu can be configured to your liking via Appearance → Menus.

main-menu

Social Menu

Apostrophe will display links to your favorite social media profiles in a secondary menu at the top of the page. To display them, set up a Social Links Menu.

Full social menu

More social networks than you can shake a stick at.

Supported networks: Codepen, Digg, Dribbble, Facebook, Flickr, Google+, GitHub, Instagram, LinkedIn, Pinterest, Pocket, Polldaddy, Reddit, Skype, Stumbleupon, Tumblr, Twitter, Vimeo, WordPress, Youtube, and feeds (RSS). Unsupported networks will appear with a simple star icon.

To create the image grid layout for your blog’s index page, you’ll need to upload a Featured Image for each post. If you don’t upload a Featured Image, Apostrophe will display an icon corresponding to the post’s Post Format instead.

post-formatsFor best results, upload an image that is at least 930 pixels wide. Featured Images will be cropped to fit to the grid.

Apostrophe includes four optional Widget areas: three in a sidebar alongside your content, and one area in the footer of your page. If you haven’t added widgets to the sidebar, Apostrophe will act as a single-column theme.

 

The three widget areas in the sidebar differ only in background color and font size. The primary section uses a bright background to attract attention. This is a great place to put a newsletter sign-up form or some introductory text.

Three widget areasThe footer widget area is less prominent. Widgets in the footer area are stacked horizontally, so if you put a lot of widgets here, your page may get quite long. Adding widgets to the footer will disable Infinite Scroll for your theme.

footer-widget

The footer widget is a good place for Custom Menu widgets.

Configure all Widget areas by going to My Sites → Widgets.

Featured Content in Apostrophe is a bit unique. To mark posts as featured, you’ll first have to configure the Featured Content module from My Sites → Customize → Featured Content. From there, you’ll be able to select a tag for all your featured posts. Any posts tagged with this tag will be shown in a more prominent way.

Click to star!

You can also tag your posts using Apostrophe‘s special front-end tagger. By default, the tagger is disabled, but you can enable it by checking the « Enable front end feature-starring for easier tagging of Featured Content » checkbox under My Sites → Customize → Theme. Then, visit your blog page, hover over the post you’d like to feature, and click on the star icon. You’ll notice that this post then increases in prominence.

Author Biographies

If your blog has more than one author, Apostrophe displays a large biography panel for the post author on individual post pages. Make sure you’ve uploaded a Gravatar for each author in order for their photograph to display. You can edit individual author information by editing your profile.

Author bio panelTo hide this panel, simply check the « Hide author bio panel on individual post pages » checkbox under My Sites → Customize → Theme.

Full Width Page Template

With the Full Width Page Template option, you can create a full width page with a maximum width of 1140px. Just choose the page template under Page Options → Page Template when editing the page in your dashboard.

Full-width pageIf you’ve configured your sidebar to display Widgets, these will not appear on a full-width page.

Extra Post Styling

To add visual interest to text-heavy posts, Apostrophe features special styling for blocks of text you’d like to emphasize.

EmphasisJust go into the HTML editor of your post and wrap the content you want to emphasize with a CSS class of “emphasis”:

Emphasized text (or images) goes here!

Pullquotes can add extra emphasis to your text, and work particularly well if you’re using Apostrophe as a single-column layout. To create a pullquote, just add a class of “pullquote” to any block quote, and the styling will automatically be applied.

<blockquote class="pullquote">
Here's your pullquote!
</div>

Quick Specs (all measurements in pixels):

  1. The main column width is 723.
  2. The Sidebar width is 274.
  3. Full-width pages are 1140.
  4. Featured Images are 225 square and we recommend an image at least 450 by 450. In the case of Featured Posts, they’re 465 wide by 225 high and we recommend an image at least 930 by 450.
  5. Site Logo has a maximum height of 125.

This theme is available for download to be used on your WordPress self-hosted installation.

Download
You might also like
Next theme