concrete5 iPhone Theme Tutorial + Download
Permalink
Hey everyone. I've recently relaunched a personal blog/publishing site (shameless plug) and, as part of it, I wanted it to have a nice reading interface when accessed via the iPhone.
http://andrewembler.com
So I modified WPTouch and put together an article on the site about how I did it, complete with the theme itself available for download, and instructions for choosing which theme to display, and even some information about scaling images, etc...
http://andrewembler.com/concrete5/optimizing-your-concrete5-website...
This information is also available in the concrete5 documentation section. (Note: ALL tutorials I write for my own site will also go up on concrete5.org, because a new year's resolution is more and better documentation!)
http://www.concrete5.org/help/building_with_concrete5/developers/th...
I'd love to hear feedback in comments anywhere you'd like to post'em. One of my goals with these tutorials spreading just how well concrete5 can solve common web-related problems like this.
http://andrewembler.com
So I modified WPTouch and put together an article on the site about how I did it, complete with the theme itself available for download, and instructions for choosing which theme to display, and even some information about scaling images, etc...
http://andrewembler.com/concrete5/optimizing-your-concrete5-website...
This information is also available in the concrete5 documentation section. (Note: ALL tutorials I write for my own site will also go up on concrete5.org, because a new year's resolution is more and better documentation!)
http://www.concrete5.org/help/building_with_concrete5/developers/th...
I'd love to hear feedback in comments anywhere you'd like to post'em. One of my goals with these tutorials spreading just how well concrete5 can solve common web-related problems like this.
Thanks for the tutorial andrew! Had a read over it and it seems simple enough. Will be giving it a try this week.
Would be really cool to have a theme system integrated into c5 where you can "Add Devices" and activate themes per "Device"
Or rather than being based on the device, select the theme based on the browser being used.
I think I may start working on this.
Or rather than being based on the device, select the theme based on the browser being used.
I think I may start working on this.
that would be sweet!
I'm getting ready to do this very thing. In fact, I'm getting ready to do my very first Concrete5 based project on which I want to include essentially, what you've suggested here.
However, when I load andrewembler.com/ on my iPhone it appears exactly the same as it does on my Mac. It is suppose to be working??
Smittie
However, when I load andrewembler.com/ on my iPhone it appears exactly the same as it does on my Mac. It is suppose to be working??
Smittie
do you have a user agent faker on?
No. Not on my iPhone or my Mac. Both are practicing truth in advertising.
Smittie
Smittie
tryhttp://12345j.co.cc/
i use a similar feature.
i use a similar feature.
Similar to what?
andrewembler.com
Does the one you're using work? andrewembler.com currently appears the same on iPhone, Mac OSx (Safari and Firefox), and Ubuntu. I would like to affect a different layout (probably via a platform specific style sheet) on the iPhone.
Smittie
Smittie
yeah, i don't know why his doesn't work, but ive used it and his method works
Yeah,http://12345j.co.cc works. Interesting though, that this page pulls side to side on the iPhone. The iPhone implementation I did on this page, <http://resume.smittie.com/pm/>, the page doesn't move side to side. Only up and down.
Smittie
Smittie
prob just my css
Sorry - this is an incompatibility in the approach taken in that tutorial
with full page caching, which I had enabled on the home page of my site. I
have just now removed it.
with full page caching, which I had enabled on the home page of my site. I
have just now removed it.
Hum. No change when reloaded on my iPhone. Should there be?
Question, can an iPhone layout be implement simply through a style sheet?
Smittie
Question, can an iPhone layout be implement simply through a style sheet?
Smittie
Try again - I forgot I disabled the mobile theme on the site.
Works. Looks nice. I'll be stealing it this weekend. Thanks, Andrew.
Smittie
Smittie
yes you can implement an iphone layout only through stylesheets.
have to check it out.