Building Web Sites With Movable Type

39
Building Web Sites with Byrne Reese, Six Apart Thursday, November 6, 2008

description

A presentation providing an overview of how to build web sites with Movable Type.

Transcript of Building Web Sites With Movable Type

Page 1: Building Web Sites With Movable Type

Building Web Sites with

Byrne Reese, Six Apart

Thursday, November 6, 2008

Page 2: Building Web Sites With Movable Type

Let’s chat about...

• Movable Type Publishing

• Templates

• Template Sets/Themes

• Template Tags

Thursday, November 6, 2008

Page 3: Building Web Sites With Movable Type

Publishing in MT

• Static Publishing

• Dynamic Publishing

• Background Publishing

• Publishing HTML, PHP, JSP, etc.

Thursday, November 6, 2008

Page 4: Building Web Sites With Movable Type

Module Caching

Thursday, November 6, 2008

Page 5: Building Web Sites With Movable Type

Module Caching

Thursday, November 6, 2008

Page 6: Building Web Sites With Movable Type

Templates

Thursday, November 6, 2008

Page 7: Building Web Sites With Movable Type

Thursday, November 6, 2008

Page 8: Building Web Sites With Movable Type

Thursday, November 6, 2008

Page 9: Building Web Sites With Movable Type

Thursday, November 6, 2008

Page 10: Building Web Sites With Movable Type

Thursday, November 6, 2008

Page 11: Building Web Sites With Movable Type

Widgets

Thursday, November 6, 2008

Page 12: Building Web Sites With Movable Type

Thursday, November 6, 2008

Page 13: Building Web Sites With Movable Type

Thursday, November 6, 2008

Page 14: Building Web Sites With Movable Type

Thursday, November 6, 2008

Page 15: Building Web Sites With Movable Type

Thursday, November 6, 2008

Page 16: Building Web Sites With Movable Type

Styles

Thursday, November 6, 2008

Page 17: Building Web Sites With Movable Type

Thursday, November 6, 2008

Page 18: Building Web Sites With Movable Type

Themes (a.k.a. Template Sets)

Thursday, November 6, 2008

Page 19: Building Web Sites With Movable Type

Applying a Theme

Thursday, November 6, 2008

Page 20: Building Web Sites With Movable Type

Exporting a Theme

Thursday, November 6, 2008

Page 21: Building Web Sites With Movable Type

Template Tags

Thursday, November 6, 2008

Page 22: Building Web Sites With Movable Type

Basic Syntax

• Case Insensitive Markup Language

• All equivalent:

• <mt:Foo>

• <MTFoo>

• <$mt:Foo$>

• <mtfoo>

Thursday, November 6, 2008

Page 23: Building Web Sites With Movable Type

Thursday, November 6, 2008

Page 24: Building Web Sites With Movable Type

Thursday, November 6, 2008

Page 25: Building Web Sites With Movable Type

Thursday, November 6, 2008

Page 26: Building Web Sites With Movable Type

Thursday, November 6, 2008

Page 27: Building Web Sites With Movable Type

Function Tags

• <mt:EntryTitle>

• <mt:AuthorName>

• <mt:AuthorUserpic>

• <mt:AssetThumbnailURL width=”100”>

• <mt:CommentText>

• Hundreds more...

Thursday, November 6, 2008

Page 28: Building Web Sites With Movable Type

Container Tags

• <mt:Entries>

• <mt:Comments>

• <mt:Authors>

• Arguments:

• sort, sort_direction, lastn, <filter by>

• Many more...

Thursday, November 6, 2008

Page 29: Building Web Sites With Movable Type

Tag Modifiers• Can be used on any tag

• <mt:EntryTitle lower_case=”1”>

• regex_replace=”/foo/”,”bar”

• encode_html=”1” (js, xml, etc)

• upper_case=”1”, lower_case=”1”

• count_words=”1”

• trim

• Many more...

Thursday, November 6, 2008

Page 30: Building Web Sites With Movable Type

Variables

• <mt:var name=”foo” value=”bar”>

• <mt:SetVarBlock name=”foo”> <mt:Entries> <mt:EntryTitle> </mt:Entries></mt:SetVarBlock>

• <mt:EntryTitle setvar=”foo”>

• <mt:var name=”foo”>

Thursday, November 6, 2008

Page 31: Building Web Sites With Movable Type

Conditionals

• <mt:if name=”foo” eq=”bar”>

• <mt:else name=”foo” eq=”baz”>

• <mt:else>

• <mt:if name=”foo” ne=”$bar”>

• Operations: eq, ne, gt, lt, le, ge

Thursday, November 6, 2008

Page 32: Building Web Sites With Movable Type

Loops

•Meta Variables:

• __first__

• __last__

• __counter__

• __even__

• __odd__

Thursday, November 6, 2008

Page 33: Building Web Sites With Movable Type

Meta Variables(example)

<mt:Entries lastn="10"> <mt:if name="__first__"><ul></mt:if> <li class="entry <mt:if name="__even__">even<mt:else>odd</mt:if>"> <mt:var name="__counter__">. <mt:EntryTitle> </li> <mt:if name="__last__"></ul></mt:if></mt:Entries>

Thursday, November 6, 2008

Page 34: Building Web Sites With Movable Type

Examples to Draw From

Thursday, November 6, 2008

Page 35: Building Web Sites With Movable Type

Professional Website

Thursday, November 6, 2008

Page 36: Building Web Sites With Movable Type

Mid-Century

Thursday, November 6, 2008

Page 37: Building Web Sites With Movable Type

Sandbox

Thursday, November 6, 2008

Page 38: Building Web Sites With Movable Type

Revolution

Thursday, November 6, 2008

Page 39: Building Web Sites With Movable Type

You are not alone.

• Byrne Reese, [email protected]

• http://forums.movabletype.org/

• http://www.movabletype.org/documentation/

Thursday, November 6, 2008