Mobile Your Joomla Site
•Download as PPTX, PDF•
3 likes•2,116 views
2011 CMS Expo presentation for different mobile Joomla solutions.
Recommended
Recommended
More Related Content
What's hot
What's hot (13)
Viewers also liked
Viewers also liked (20)
Similar to Mobile Your Joomla Site
Similar to Mobile Your Joomla Site (20)
Recently uploaded
Recently uploaded (20)
Mobile Your Joomla Site
- 1. Mobilize your Joomla site Kyle Ledbetter eBay / Pixel Praise Image credit: NBC Productions, Inc.
- 2. Raise your hand if you surf the web on a mobile device
- 3. Which camp are you in? iPhone, Android, HP/Palm, Blackberry, Nokia, iPad
- 4. Mobile Traffic is Growing
- 9. Mobile Optimized Club Templates Most popular Joomla clubs have built-in mobile optimization for their templates. If you’re going the stock route, this is very easy for you.
- 13. Mobile Template Parameters Most club templates offer easy, but limited options for mobile optimization. (screenshot of Rockettheme Gantry mobile template params)
- 14. Mobile Joomla Install a component, templates & plugins on your existing site, and you get automatic mobile versions for many mobile browsers.
- 18. Settings
- 19. Lots of settings
- 20. Mobile Joomla Extensions 1 component 4 templates 4 plugins 6 module positions for each template (screens courtesy of OStraining)
- 21. TapTheme Install mobile templates specifically designed for iPhone, iPad & Android, which are assigned by a template-switching plugin.
- 26. TapThemeSetup & Params 17 color options for each template Assign template to each browser Create a control panel of icons
- 27. Joooid Joooid is an Android client for the Joomla CMS: it has been created to publish articles with html text, images, galleries and maps.
- 32. Install Joooid on device
- 34. CSS Media Queries @media all and (max-width: 1024px) and (min-width: 768px) { #absolute-div{ display: none; }}@media all and (max-width: 480px) and (min-width: 320px) { #mainnavul li{ float: none; display: block; width: 100%; }}
- 35. JFactory Brower Detection <?php jimport('joomla.environment.browser');$doc =& JFactory::getDocument();$browser = &JBrowser::getInstance();$browserType = $browser->getBrowser();$browserVersion = $browser->getMajor();if(($browserType == 'msie') && ($browserVersion < 7)){$doc->addStyleSheet( 'css/ie6.css' );} ?> <body class=“<?php print $browerType;?>”>
- 37. Mobile Joomla!
- 38. Club templates
- 39. Rockettheme
- 40. Shape5
- 41. Yootheme
- 42. Morph
- 43. Gavick
- 44. CSS Media Query
- 46. How do you debug mobile extensions? It’s easier than you think!
- 47. Safari Developer Tools (similar tools in Firefox and Chrome)
- 51. Xcode $4.99 on the Apple App Store
- 52. iOS Simulator Part of Xcode. Formerly named “iPhone Simulator”
- 53. What about the admin? Yes, there’s mobile solutions for the admin also!
- 54. Joomla Admin Mobile Native iPhone & iPad app for Joomla administrators. Currently supports core components.
- 57. AdminPad from AdminPraise Joomla admin template that mimics a native iPad app. Same approach as TapThemeiPad, but on the admin side.
- 60. Coming Soon: AdminPhone Built on the awesome open source jQuery Mobile project. Will work across many mobile form factors.
- 62. What about the future? Tablets, media centers, TVs, and who knows what’s next?
- 63. Begun, the tablet war has. Image credit: technobolt.com
- 64. Kyle Ledbetter kyle@pixelpraise.com @kyleledbetter www.adminpraise.com www.projectfork.net www.taptheme.com