Mobilize Joomla
•Télécharger en tant que PPTX, PDF•
0 j'aime•1,121 vues
Check out the awesome options for making your Joomla site mobile optimized.
Recommandé
Contenu connexe
Tendances
Tendances (8)
En vedette
Similaire à Mobilize Joomla
Similaire à Mobilize Joomla (20)
Plus de Kyle Ledbetter
Dernier
Dernier (20)
Mobilize Joomla
- 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. Custom CSS & PHP Sometimes you don’t need an entirely different mobile template. With CSS & PHP you can adjust your template for browser width, version & OS.
- 28. 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%; }}
- 29. 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;?>”>
- 31. Mobile Joomla!
- 32. Club templates
- 33. Rockettheme
- 34. Shape5
- 35. Yootheme
- 36. Morph
- 37. Gavick
- 38. CSS Media Query
- 40. How do you debug mobile extensions? It’s easier than you think!
- 41. Safari Developer Tools (similar tools in Firefox and Chrome)
- 45. Xcode $4.99 on the Apple App Store
- 46. iOS Simulator Part of Xcode. Formerly named “iPhone Simulator”
- 47. What about the admin? Yes, there’s mobile solutions for the admin also!
- 48. Joomla Admin Mobile Native iPhone & iPad app for Joomla administrators. Currently supports core components.
- 51. AdminPad from AdminPraise Joomla admin template that mimics a native iPad app. Same approach as TapThemeiPad, but on the admin side.
- 54. Coming Soon: AdminPhone Built on the awesome open source jQuery Mobile project. Will work across many mobile form factors.
- 56. What about the future? Tablets, media centers, TVs, and who knows what’s next?
- 57. Begun, the tablet war has. Image credit: technobolt.com
- 58. http://store.pixelpraise.com 25% Coupon Code: jd11ne
- 59. Back to you Questions anyone?
- 60. Kyle Ledbetter kyle@pixelpraise.com @kyleledbetter www.adminpraise.com www.projectfork.net www.taptheme.com