Skip to content
This repository

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.

branch: master
Octocat-spinner-32 images Add the remaining formats. More styling. Support for setting post-for… April 18, 2011
Octocat-spinner-32 js Really rename that file this time. May 17, 2011
Octocat-spinner-32 README.markdown Fix to-do list formatting April 29, 2011
Octocat-spinner-32 archive.php Changing current version to 0.1. Meant to do this before uploading to… April 29, 2011
Octocat-spinner-32 author.php Added author page, and rel=author pointing to it. July 07, 2011
Octocat-spinner-32 comments.php Changing current version to 0.1. Meant to do this before uploading to… April 29, 2011
Octocat-spinner-32 footer.php Changing current version to 0.1. Meant to do this before uploading to… April 29, 2011
Octocat-spinner-32 format-archive-chat.php Standardized names of all functions to use the 'formattd_' prefix, and April 29, 2011
Octocat-spinner-32 format-archive-standard.php Standardized names of all functions to use the 'formattd_' prefix, and April 29, 2011
Octocat-spinner-32 format-archive.php Some archive handling. April 19, 2011
Octocat-spinner-32 format-aside.php Standardized names of all functions to use the 'formattd_' prefix, and April 29, 2011
Octocat-spinner-32 format-audio.php Standardized names of all functions to use the 'formattd_' prefix, and April 29, 2011
Octocat-spinner-32 format-chat.php Standardized names of all functions to use the 'formattd_' prefix, and April 29, 2011
Octocat-spinner-32 format-gallery.php Standardized names of all functions to use the 'formattd_' prefix, and April 29, 2011
Octocat-spinner-32 format-image.php Standardized names of all functions to use the 'formattd_' prefix, and April 29, 2011
Octocat-spinner-32 format-link.php If a link post has more than just a link in it, show the content. May 10, 2011
Octocat-spinner-32 format-quote.php Standardized names of all functions to use the 'formattd_' prefix, and April 29, 2011
Octocat-spinner-32 format-standard.php Standardized names of all functions to use the 'formattd_' prefix, and April 29, 2011
Octocat-spinner-32 format-status.php Standardized names of all functions to use the 'formattd_' prefix, and April 29, 2011
Octocat-spinner-32 format-video.php Standardized names of all functions to use the 'formattd_' prefix, and April 29, 2011
Octocat-spinner-32 format.php Standardized names of all functions to use the 'formattd_' prefix, and April 29, 2011
Octocat-spinner-32 functions.php Merge branch 'master' of github.com:dougalcampbell/Formattd September 16, 2012
Octocat-spinner-32 header.php Eliminate horizontal scroll bar. Hide certain admin bar areas for mob… March 02, 2012
Octocat-spinner-32 index.php Widget area redux. April 22, 2011
Octocat-spinner-32 loop-archive.php Changing current version to 0.1. Meant to do this before uploading to… April 29, 2011
Octocat-spinner-32 loop-page.php Move author info inside article item wrapper. July 15, 2011
Octocat-spinner-32 loop-single.php More vcard tweaks. July 08, 2011
Octocat-spinner-32 loop.php Eliminate PHP warning and also a WP warning about enqueing the CSS. September 16, 2012
Octocat-spinner-32 page.php Widget area redux. April 22, 2011
Octocat-spinner-32 screenshot.png Added screenshot. Tweaking styles. April 20, 2011
Octocat-spinner-32 sidebar-above-header.php Changing current version to 0.1. Meant to do this before uploading to… April 29, 2011
Octocat-spinner-32 sidebar-footer.php Changing current version to 0.1. Meant to do this before uploading to… April 29, 2011
Octocat-spinner-32 sidebar-index-bottom.php Changing current version to 0.1. Meant to do this before uploading to… April 29, 2011
Octocat-spinner-32 sidebar-index-insert.php Changing current version to 0.1. Meant to do this before uploading to… April 29, 2011
Octocat-spinner-32 sidebar-index-top.php Changing current version to 0.1. Meant to do this before uploading to… April 29, 2011
Octocat-spinner-32 sidebar-page-bottom.php Changing current version to 0.1. Meant to do this before uploading to… April 29, 2011
Octocat-spinner-32 sidebar-page-top.php Changing current version to 0.1. Meant to do this before uploading to… April 29, 2011
Octocat-spinner-32 sidebar-secondary-aside.php Changing current version to 0.1. Meant to do this before uploading to… April 29, 2011
Octocat-spinner-32 sidebar-single-bottom.php Changing current version to 0.1. Meant to do this before uploading to… April 29, 2011
Octocat-spinner-32 sidebar-single-insert.php Changing current version to 0.1. Meant to do this before uploading to… April 29, 2011
Octocat-spinner-32 sidebar-single-top.php Changing current version to 0.1. Meant to do this before uploading to… April 29, 2011
Octocat-spinner-32 sidebar.php Changing current version to 0.1. Meant to do this before uploading to… April 29, 2011
Octocat-spinner-32 single.php Widget area redux. April 22, 2011
Octocat-spinner-32 style.css Eliminate horizontal scroll bar. Hide certain admin bar areas for mob… March 02, 2012
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.