Getting Started

Here’s what you need to know to get up and going with WordPress and the Flatfile theme

D Installation

If you’re hosting with us, there is no installation required. Simply go to your Web site and click the pencil to log in.

 

Hosting off-site
  • Hosting. You’ll need a host to run Flatfile. A host is the place on the Internet where your site resides. You can find commercial hosting for as cheap as $5, but it’s slow slow. If you’re affiliated with a university or an organization that can host you and WordPress 3, that is also an option. We offer hosting.
  • WordPress Installation. Most commercial hosts offer one-click installations of WordPress. You’ll likely not need to download WordPress and install it yourself. If you do, take a look at the WordPress Codex.
  • Theme upload
    • Navigate to Appearance > Themes in the WordPress menu
    • Click on the Install Themes tab and click Upload
    • Click Browse… and select the .zip Flatfile theme from your computer.
    • Click Install Now
    • Activate your theme after the upload is complete
E Take a look through WordPress

Before you upload or add any content, adjust the WordPress settings to your preferences and to optimize WordPress for Flatfile

General Tour

Go to Settings > General in your WordPress navigation.

 


Start with the general settings, but click on the others as well.


Media Settings

Go to Settings > Media in your WordPress navigation

 

WordPress automatically makes smaller images of your original upon upload. These settings dictate the sizes. Flatfile uses these sizes for detail views and image galleries.

  • Thumbnail size: Flatfile uses this for detail images that are inserted into your post. It should be 100×100. If it is any other size, it will be changed in the browser to that size anyway, and will only increase load time or distort the image. Check “Crop thumbnails to exact dimensions…”
  • Medium size: Flatfile does not use this directly, but there are two useful sizes that you should consider. If you plan to put up a lot of blog/text posts (press, news, etc.), then having a 525 pixel wide setting will allow you to insert the medium image into your post (as opposed to original). See example. Another useful size is 350 pixels. That is the width of the first column and would allow you to insert the medium-sized image into the left column of a page. See example.
  • Large size: This is the maximum size used when you make a gallery (multiple images in a post). The default of 1024 is a good size. Increase only if you’re comfortable with compressing images or do not want to see your images reduced from the original.
  • Embeds: Keep “Auto-embeds” checked (useful for video urls) and set the “Maximum embed size” to the largest size you want your video to appear. This does not affect full screen viewing. 720 wide is a good number.

 


Flatfile Options

Go to Appearance > Flatfile Options in your WordPress navigation

 


Only a few of these options will be available before you add content. You’ll want to return to “Flatfile Options” when you have finished adding your content. This video shows what a final pass might look like.

  • Spot Color changes the color on your site
  • Featured Image offers a pulldown of choices of posts that have featured images assigned to them. This can be either from an image post or text post.
  • Categories: Every category that has posts assigned to it will show up in this list. Choose whether the category should appear as an “image” category (thumbnail view of posts) or “text” category (text view of posts). Image categories require that posts have featured images assigned.
  • Latest: Lets you choose the number of text posts (if any) to appear on the front of your site.
  • Google Analytics: Use your Google login to create a tracking code that can be pasted here. Set up your tracking code.
\ Create a content strategy

There is no right way to organize your site. Take a look at a few of the most common ways to “categorize” the work.

 

By medium

Eamon Brown organizes by the kind of work. Eamon also puts his statement, CV and contact information in the main menu.

 


By project

Chuck Plosky (ceramicist) organizes by project name. Each project has between 12 and 25 images within.

 


By concept

Li Jun Lai creates categories that demonstrate how she works and thinks

 

4 What’s next

There are a series of how-to videos and FAQ entries on our site and loads of documentation from WordPress

 


T F m
February 15, 2011