ispboy's sandbox: jqmobile

Yet another jQuery Mobile theme.

Required modules
views
imagecache
mobile tools (optional)

Installation
Standard theme installation applies.
Enable it.

Build your mobile views
1. add a new imagecache preset

name: mobile_thumb (in this example)
scale & crop: 60x60

2. use views build a frontpage

Style: HTML List
Row style: Fields

Fields
Content: field_image with imagecache "mobile_thumb" (Exclude from display)
Node: Teaser (Exclude from display)
Node: Title with link to node (Rewrite the output of title field as below)

[field_image_fid]
<h3>[title]</h3>
<p>[teaser]</p>

3. install Mobile Tools module
or, edit the settings.php.

make the view above as the frontpage of your mobile domain.

that's all.

Optional
1. open "admin/build/menu/add",
add a new menu named "mobile-primary".
this theme willl use this seperated menu if exists, instead of the "primary-link".

2. clone the mobile_frontpage view to another,
for example, mobile/term/%, content/type/% with appropriate arguments.

3. add links to menu "mobile-primary"...

regions
there's only one region named "content-secondary", which will display on the left or bottom depending on the screen size (pad? or phone).

6.x demo here