Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Formattd is a WordPress theme with a focus on mobile blogging. In particular, it supports all 10 Post Formats, and provides the capability for mobile clients (such as WordPress for iOS) to set the format for a post. There are also styles tailored for mobile, so that the site will look good on small screens.
PHP JavaScript
Branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
images Add the remaining formats. More styling. Support for setting post-for…
js Really rename that file this time.
README.markdown Fix to-do list formatting
archive.php Changing current version to 0.1. Meant to do this before uploading to…
author.php Added author page, and rel=author pointing to it.
comments.php Changing current version to 0.1. Meant to do this before uploading to…
footer.php Changing current version to 0.1. Meant to do this before uploading to…
format-archive-chat.php Standardized names of all functions to use the 'formattd_' prefix, and
format-archive-standard.php Standardized names of all functions to use the 'formattd_' prefix, and
format-archive.php Some archive handling.
format-aside.php Standardized names of all functions to use the 'formattd_' prefix, and
format-audio.php
format-chat.php Standardized names of all functions to use the 'formattd_' prefix, and
format-gallery.php Standardized names of all functions to use the 'formattd_' prefix, and
format-image.php Standardized names of all functions to use the 'formattd_' prefix, and
format-link.php If a link post has more than just a link in it, show the content.
format-quote.php Standardized names of all functions to use the 'formattd_' prefix, and
format-standard.php Standardized names of all functions to use the 'formattd_' prefix, and
format-status.php Standardized names of all functions to use the 'formattd_' prefix, and
format-video.php Standardized names of all functions to use the 'formattd_' prefix, and
format.php Standardized names of all functions to use the 'formattd_' prefix, and
functions.php Merge branch 'master' of github.com:dougalcampbell/Formattd
header.php Eliminate horizontal scroll bar. Hide certain admin bar areas for mob…
index.php Widget area redux.
loop-archive.php Changing current version to 0.1. Meant to do this before uploading to…
loop-page.php Move author info inside article item wrapper.
loop-single.php More vcard tweaks.
loop.php Eliminate PHP warning and also a WP warning about enqueing the CSS.
page.php Widget area redux.
screenshot.png Added screenshot. Tweaking styles.
sidebar-above-header.php Changing current version to 0.1. Meant to do this before uploading to…
sidebar-footer.php Changing current version to 0.1. Meant to do this before uploading to…
sidebar-index-bottom.php Changing current version to 0.1. Meant to do this before uploading to…
sidebar-index-insert.php Changing current version to 0.1. Meant to do this before uploading to…
sidebar-index-top.php
sidebar-page-bottom.php
sidebar-page-top.php Changing current version to 0.1. Meant to do this before uploading to…
sidebar-secondary-aside.php Changing current version to 0.1. Meant to do this before uploading to…
sidebar-single-bottom.php Changing current version to 0.1. Meant to do this before uploading to…
sidebar-single-insert.php Changing current version to 0.1. Meant to do this before uploading to…
sidebar-single-top.php Changing current version to 0.1. Meant to do this before uploading to…
sidebar.php Changing current version to 0.1. Meant to do this before uploading to…
single.php Widget area redux.
style.css Eliminate horizontal scroll bar. Hide certain admin bar areas for mob…

README.markdown

Formattd Theme

Goals/Features:

  • HTML5, cross-browser concepts borrowed from Boilerplate and Initializr
  • CSS3 styling for modern browsers (box-shadow, border-radius, transforms, etc)
  • Minimal loading of external CSS, Javascript, or images for fast rendering in the browser
  • Utilize Post Formats and the "Smarter Post Formats" template structure
  • Fluid layout with maximum no-hack cross-browser compatibility
  • Ability to set post formats via mobile apps, even without native client support

Inspiration:

  • HTML5 Boilerplate
  • Initializr
  • Matthew James Taylor's "Perfect 'Right-Menu' 2-Column Liquid Layout"
  • TwentyTen theme

This theme comes from my desire to step back from "theme frameworks", and create a simple, single-purpose blog theme. There are no fancy configuration options. It doesn't have layers upon layers of abstraction. It doesn't try to do everything under the sun. It's just a simple blog theme.

It's currently very much a work-in-progress. To Do:

  • Single, Page, and Archive templates
  • Typography
  • Color scheme (the orange is temporary)
  • Put microformats in (hAtom)
  • Header, sidebar, and footer styling
  • Styling for paging links (next/previous post links, etc)
  • Post metadata additions for front page (categories, tags, etc)
  • Mobile-specific styling for small screens
  • More HTML5 semantics
  • Other tweaks as I think of them...

Feature Details:

  • All 10 post formats accounted for.
  • Can override format templates for archives view.
  • When using the 'link' post format, the first link in the post becomes the 'post link'. This will be used as the link for the post title, instead of the regular post permalink.
  • Allows setting post format when posting via XML-RPC (such as from the WordPress iPhone app). Just start your post with ':aside:', ':link:', etc. Example:

    :aside: It's always fun until somebody loses an eye. But then it's more fun, because you get to play with the eyeball.

  • If a mobile post starts out with just an image (as when you post an image from WordPress iPhone), it will automatically set the post format to 'image'.

  • Any mobile post that contains a [gallery] shortcode automatically gets gallery post format.
  • Chat formatted posts can automatically bold speakers' names, if you use a pattern like this (name, colon, text):

    Costello: Who's on first?
    Abbott: That's right.
    Costello: What?
    Abbott: Second base.

  • Featured image support. Featured image will adjust size for iPhone.

Something went wrong with that request. Please try again.