Anthem is a clean, tumblelog-style theme designed by Ryan Essmaker that is geared towards artists, photographers and creatives. Anthem supports 8 different post formats, and each format features a unique and elegant layout. Anthem handles all your different content gracefully, allowing each and every post to shine.
Anthem has been carefully crafted to look beautiful across all devices – also known as a “responsive” design. Your content will automatically be formatted to fit the screen it is viewed on, allowing your visitors to fully experience your site on their mobile phone, iPad, or computer.
Images
Image posts in Anthem use the Featured Image to showcase an individual photo. A link is provided to the full-size image, so there is no limit to the resolution you use.
Galleries
Galleries are easy to set up. You just need to:
- Select the gallery post format.
- Upload the images you want to appear in your gallery.
- Insert the gallery shortcode into your content, and you’re done!
Your gallery will display as a slideshow, specially designed for your theme:
Audio
Anthem includes a very sleek display for audio posts. Any audio you upload to an audio-format post will automatically be used to build a stylish-looking playlist.
Video
Videos also look great in Anthem. Just paste your embed code or use the WordPress.com standard shortcodes to include your video in the content – that’s it!
Quotes, Links and Chats
Anthem also features support for quotes, links, and chat alongside standard text posts. All formats are easy to set up, and detailed instructions are available in the theme documentation.
Theme Options
In addition to the various supported Post Formats, there are a handful of options available throughout Anthem’s Theme Options page, including:
- Upload your own custom logo image.
- Hide the author and categories from posts.
- Add your Twitter, Facebook and Flickr links to the footer.
Anthem is designed to look great out of the box, and the options are simple and easy to configure. That means less setup for you, and more time to focus on writing quality content.
Quick Specs (
all measurements in pixels):
- Anthem is a flexible-width design.
- The main column maximum width is
1240.
Anthem theme documentation
Using Keyboard Navigation
Anthem supports keyboard navigation on your home page (to move between newer/older articles) and on galleries (to move between images). Just use the left and right arrow keys to shift between pages or images!
Posting overview
Anthem takes full advantage of the new custom post formats in WordPress. Whenever you create a new post, choose an appropriate post format, and follow the instructions below.
Posting articles
Articles work just like regular WordPress posts, just leave the post format set to Standard and go!
Posting images
Select Image from the post format box and use the Set Featured Image link in the Featured Image box.
Posting galleries
Select Gallery from the post format box. Then, upload your image files via the upload image icon. Insert your gallery into the content, and add a description to the content (optional). Your images will now show using Anthem's native slideshow display.
Would you like to autostart your gallery? If yes, please read through the section of this theme's documentation about enabling gallery autostart.
Of course, you can also use the default WordPress gallery in the Standard post format.
Enable slideshow on page templates or non-gallery posts
To enable a slideshow on a page or non-gallery post, add your gallery; then, paste the following shortcode into your page content, replacing the default [gallery] shortcode:
[gallery slider="true"]
Using the regular [gallery] shortcode will remove the slider styling and return to the default WordPress gallery.
Enable gallery autostart
To autostart a slideshow within a gallery post, add your gallery; then, paste the following shortcode into your post content, replacing the default [gallery] shortcode:
[gallery autostart="true"]
To autostart a slideshow within a page template or non-gallery post, include autostart="true" into the shortcode, like so:
[gallery autostart="true" slider="true"]
Posting links
Select Link from the post format box and type your link title into the post content editor. Now highlight the text you just entered and create your link by clicking the "link" icon. The actual post title will be ignored and only the linked text you enter will be shown.
Posting audio
Select Audio from the post format box and upload your audio files via the upload audio icon at the top of your post editor. You may also add a description for your audio files in the post content area.
Posting video
Select Video from the post format box. Make sure you are editing in HTML mode, and paste your embed code into the post content area.
Posting quotes
Make sure your content editor is empty to begin with. Then, select Quote from the post format box. The content editor will be populated with a space for your quote as well as the name of your source - fill in this template, and your quote will be styled correctly.
Posting chats
Make sure your content editor is empty to begin with. Then, select Chat from the post format box. The content editor will be populated with a template for your chat, which you can fill in with your own content. If you need to add more lines to your chat, change to HTML mode on your editor, and copy/paste however many
<li class="odd"><span class="label">Person A: </span>Said something
lines you need. Just make sure to alternate 'even' and 'odd' on the classes to get proper styling.
Post Display
Anthem allows easy removal of the author and categories from the post display. Navigate to Appearance → Theme Options, and check the appropriate options to prevent the author or categories from showing up on all posts.
Footer Subscribe Links
This is simple and straightforward. Enter the full links to your Twitter, Flickr and Facebook pages, and you'll have icons in the footer for each.
Image styling
By default, Wordpress wraps everything in a <p> tag unless it is wrapped by something else. </p><p> tags within blog posts are limited to a width of approximately 65% (via Anthem's CSS). To get an image within blocks of text to expand the full width of the article you'll need to upload or use an image 600px wide (or larger) and wrap it like so in the HTML editor:
<div class="large">
<img src="/path/to/image/image.jpg" alt="image" />
</div>
Using the class of "large" is not necessary; it just needs to be wrapped in a div.
To float images in a standard post and utilize Anthem's custom styling you'll need to wrap images with a
in HTML editing mode, like so:
Right:
<div class="r-float">
<img src="/path/to/image/image.jpg" alt="image" />
</div>
Left:
<div class="l-float">
<img src="/path/to/image/image.jpg" alt="image" />
</div>
List styling
By default, Anthem adds bullets and numbers to unordered (ul) and ordered (ol) lists. You can remove bullets or numbers from lists by adding a class of "normal" in HTML editing mode.
<ul class="normal">
<li>List item</li>
<li>List item</li>
</ul>
