Atriumby Pixel Union

atrium-customizer

Using the Customizer, you can configure Atrium to suit your needs. Log in to your dashboard and select Appearance → Customize from the left-hand menu. All of Atrium‘s settings will be available from the blue bar on the right-hand side of your screen.

Header

Site Logo

atrium-site-title

Once you’ve reached the Customizer, select the Site Title section to open the panel. Click the gray Add Logo button and select your logo image from your computer. Crop if needed. An image of 150×50 pixels in dimension is recommended.

Site Title & Tagline

From the Site Identity section of the Customizer, you can change your Site Title and Tagline, or you can choose to hide them all together by unchecking the Display Header Text box.

Expanded or Compact Header

atrium-headertype

Atrium‘s default header is the Expanded header type. You can change it in your Customizer by selecting the Theme section, locating the drop-down menu labelled “Select a Header Type,” and selecting the Compact option from the drop-down menu. If you’ve already uploaded a Custom Header Image or Video, it will display on its own. If you have a title and no image, the title will display.

The Compact Header is meant for sites with limited navigation and social media links. For sites that require robust navigation options, we suggest using the Expanded Header.

Custom Header Image

header-image

To add a Custom Header Image, select Header from your Customizer and press the Add new image button to upload an image from your computer. The image will display behind the header navigation. While you can crop images to your liking after uploading, your theme recommends a header size of 1500×660 pixels.

Custom Header Video

Alternatively, you can add a Custom Header Video instead of a Custom Header Image. If you’ve uploaded an image and a video, only the video will display.

To upload your video, enter the Customizer, select Theme and locate the Custom Header Video (.webm) and Custom Header Video (.mp4) upload forms. Use the gray Upload buttons under each option and select the appropriate files from your computer. Remember to save your changes.

You will need both the .webm and .mp4 files for the video header banner to display correctly. We recommend using the free Miro Video Converter to generate your video files.

Keep the video file sizes under 2MB to meet the default maximum upload requirements.

Social Media Links

social-media

Social media icons are displayed on the right side of the header navigation. To add your social media icons, enter the Customizer and select Theme. At the bottom, you’ll find a list of input fields for every social media networked support by Atrium.

To add an icon to your theme, type the full URL for that social network. For example, to add Twitter, you’ll want to use your full Twitter profile URL:

http://twitter.com/%5Byour user name]

Make sure to insert http:// at the beginning, and be sure to save your changes.

Atrium currently includes icons for Bandcamp, Behance, Del.ico.us, deviantART, Digg, Dribbble, E-Mail, Etsy, Facebook, Flickr, Foursquare, GitHub, Google+, Instagram, Last.fm, LinkedIn, MySpace, Pinboard, Pinterest, Rdio, Skype, Soundcloud, Spotify, StumbleUpon, Svpply, Twitter, Vimeo, and YouTube.

Background Color

atrium-colorpicker

To change Atrium‘s background color, pick the Colors option from the Customizer and pick the color you would like to use with the Background color picker. Press the Default button if you would like to return to using Atrium‘s default background color.

Featured Media

featureimageoptions

With Atrium, you can showcase an image, video, or gallery as full-width features on their individual post pages. They will appear normally – within the content area – from the homepage.

When creating new Image, Video, or Gallery posts, Atrium automatically pulls the first media link or gallery and features it.

If you’ve uploaded a Custom Header Image, it will not be displayed on post pages with featured media. Only the featured media will display when in a single post view.

Images

While adding a new post from the Posts → Add New page, you can select an image to feature by clicking the Set featured image link on the right-hand side of the post page. Then, either select an image from your computer or one of your previously uploaded files.

Galleries

atrium-gallerypost

You can create a gallery while adding a new post. From the Posts → Add New page, click the Add Media button just below the Title field. Then, select the Create Gallery link in the left-hand pane. Select photos for your gallery from the right-hand pane. Once clicked, your selected photos will have a blue checkmark in the top right-hand corner. Once you have selected all the photos you want, click the Create a new gallery button in the bottom right-hand corner of the window.

atrium-gallery

On the Edit Gallery screen, you can add captions to the gallery photos and adjust image settings. Atrium supports all column types (from 1 to 9) and all gallery displays, including the the Thumbnail Grid, Tiled Mosaic, Square Tiles, Circles, and Slideshow.

Once you’ve configured your gallery and are ready to add it to your post, click the blue Insert gallery button found in the bottom right-hand corner of the window.

When you are back on the post page, select the Gallery option from the Format box the right-hand side of the screen. Then, click Publish if you are ready to publish the post to your site.

For best results, use a group of images that have the same dimensions.

Videos

atrium-video

While adding a new post from the Posts → Add New page, you can by select the Video option from the Format box on the right-hand side of the screen.

After you’ve titled your post, find the URL or embed code for your video (using a third-party website like YouTube or Vimeo) and insert it in your post body. Hit the Preview button to see if WordPress understood that the link you posted was a URL to a video. If it didn’t double-check that you selected the Video option from the Format box while adding the post. You can also check WordPress’s Video support page and read the specific instructions for the service you are trying to embed a video from. For best results, uses embed codes for videos as they are more widely supported on WordPress.

After adding the rest of your post content, you should be ready to click the Publish button and share your post on your site.

Portfolio

portfolio

Atrium supports adding portfolio items to your site using the Portfolio post type.

You can create a new Portfolio item from the left-hand menu of your dashboard. From here you can add new Projects, Project Types, and Project Tags, as well as view your existing projects.

Enabling the Portfolio Page

By default, you’ll need to set up a special page on which to display your Portfolio. From the left-hand menu of your dashboard, select Pages → Add New and select the Portfolio Page Template in the Page Attributes menu on the right-hand side of the page.

atrium-portfoliosetup

You do not need to add any content to this page. Portfolio posts will automatically pull in to your portfolio. Give your page a title and select the Publish button to create the page.

If you have custom menus set up, your portfolio will not automatically be added to your menu. To add your new page to a custom menu, select Appearance → Menus and locate the name of your new page (e.g. “Portfolio”) in the left-hand column labeled Pages. Check the box next to this item and then click the Add to Menu button below. This will add the page to the end of your menu. To move it, just drag and drop the item to where you want it. Click the blue Save Menu button in the bottom right-hand corner of the screen.

Adding New Projects

atrium-newproject

Adding a new project works just like adding a new post. From the left-hand menu in your dashboard, choose Portfolio → Add New and give your portfolio a title and some content. If you have a photo for your project (e.g. if you want to add your latest photograph), you’ll want to add a photo using the Set featured image link in the Featured Image box on the bottom right-hand corner of the page.

You can also specify either a new or existing Project Type, which are similar to Categories on regular posts. If you add multiple Project Types to your project, Atrium will display the first project type that appears alphabetically. When you’re happy with your project and its content, click the blue Publish button located at the top right-hand side of the Add New Project page.

Longform Posts

atrium-longform

Atrium adds the ability to give posts with more content a long-form style that adds a bit of breathing room to the permalink page template. The Longform template is a great fit for content like essays, case studies, or anything longer than a few paragraphs.

To enable a Longform post, you will need to create a designated Category from the Posts → Categories page on your dashboard. This means that one category will be designated for all of your long-form posts. These posts will take on the Longform style on permalink pages.

To specify a category for your long-form posts, go to the Appearance → Customize page and select Theme. Locate the dropdown underneath the Longform Posts Category sub-heading and select the category you’d like to use. Once you’ve picked your category, click the Save in the bottom right-hand corner of the screen.

atrium-longform1

When adding a new post, select the category you picked from the Categories box on the right-hand side of the page to turn on the Longform style for that post.

Comments

To display post comments, select Posts → All Posts page from the left-hand menu of your dashboard. From there, select the title of the post you’d like to edit. See WordPress.com’s comments documentation for more information.