I have a wordpress site working fine in all browsers. Now I want to make it compatible with mobile phones. how is it possible?. I had used twenty eleven theme for making the site.
There are some plugins and themes that can help you with that.
I've used this one and it works pretty good with most phones.
You can always search on WordPress' site
worpress mobile pack is good.. some more alternatives :
http://wordpress.org/extend/plugins/wp-mobile-detector/
http://wordpress.org/extend/plugins/mobilepress/
Related
I have a website with Joomla 2.5 CMS and template (theme) made with Artisteer 4.1.
Responsive (mobile) mode is not working, but template.responsive.css file is there and seems to be ok and general template structure seems to be ok too (in comparison to other templates which have no problems with responsive mode).
Under problem with responsive mode I mean that changing web site resolution make no changes which should be in this case.
How to fix responsive mode problem?
Several things spring to mind:
Joomla 2.5 is very old and not supported any longer.
Since Joomla is old, it is very likely that the template that works with it does not proper support responsiveness.
Artisteer has never been known for it being responsive. Actually more that it does not work.
Solution is primarily to use another or more modern template (that you know is responsive). And better to first update to Joomla 3 (Joomla 4 is soon here).
If not, then you might have to make the template responsive your self - it only takes CSS skills and perhaps a Joomla module for a better module.
I have PHP-MySQL dynamic corporate website. All text and image based content is managed from admin panel. Desktop version website is displaying very fine in mobile phones too. Layout is also fine and structured.
Now I want to create mobile version of this website but I am novice in this field. I have read few topics on this website about mobile version of website but I have found no answers I am looking for. I have also read about responsive website solution.
Please guide me with some helpful info so I can go in right way.
Q 1. If I use responsive website technique, then same website and it's layout will be used for desktop as well as different screen resolution mobile phones? Please reply.
If an answer of above question is 'YES' then please reply for below.
Q 2: Will I need to redesign my existing desktop version website using responsive webdesign technique so it can work in all screen resolutions devices? Please reply.
If an answer of above question is 'NO' then please reply for below.
Q 3. My current desktop website content is managed from admin panel. So if I host mobile version website on sub domain (like m.sitename.com) then will I able to use same content for both main domain as well as sub domain where mobile version website is hosted? Please reply.
Q 4: Is it compulsory to use any tool like http://www.mobify.com/ to design mobile version website? or can I design it in same way as I am doing for my desktop version website? Please reply.
Thank you in advance,
First to answer your questions:
Q1: Yes, if you're using responsive web design you can use the same layout for all kinds of devices.
Q2: Depends on your project, but you'll probably need to rewrite some parts of your layout to make it more responsive.
Q3: Yes, if your code base is somewhat reusable this should be very easy.
Q4: Nope, you don't need any extra tools. You could write everything yourself.
Depending on how complex your front-end stuff is, I'd recommend to use a fronend framework like Bootstrap, Foundation or INSERT_ANOTHER_MOBILE_FRIENDLY_FRONTEND_FRAMEWORK_HERE. These frameworks make it very easy to write responsive websites.
I want to build a mobile site on wordpress.
What Im looking to do is detect if its being loaded on a mobile device and then switch themes based on this.
Usually I implement a redirect to a mobile m.mysite.com address when using different platforms, but is there a more efficient way of doing this on wordpress, where I can keep the address but have it load a different theme?
Im not keen on doing a responsive site as I want to completely restructure the layout.
Thank you
This links will help you. Try it.
http://wordpress.org/plugins/any-mobile-theme-switcher/
http://wordpress.org/plugins/mobile-theme-switch/
http://wordpress.org/plugins/mobile-theme-switcher/
You are probably looking for the Auto Mobile Theme Switcher plugin.
Another option may be to add a WordPress Mobile Theme that creates a mobile optimized RESS (Responsive Server Sided) layer to your site - both WPTouch and JumpMobi offer this type of functionality you are looking for straight out of the box.
HTH
I have a WordPress site that is responsive. The problem is that my front-page messes up when a smartphone or tablet connects to it.
Is there anyway to redirect or have a completely different page that a user who uses a smartphone or tablet gets sent to? I have seen a few sites do this, but I have not figured out how after about a few hours of searching and testing.
Anyone know of a plugin, or a code way to solve my problem?
There are at least three ways:
use a plugin to redirect to a new URL. If you're on WordPress 3.4+, you can use a plugin like http://wordpress.org/extend/plugins/simple-mobile-url-redirect/
Modify your theme to detect the browser difference (Similar to this question: https://wordpress.stackexchange.com/questions/3875/how-to-detect-mobile-devices-and-present-them-a-specific-theme). I wouldn't recommend trying this unless you authored the theme yourself.
Use a new theme that automatically detects mobile devices. Most newer responsive themes out there that do this automatically.
You should have two separate themes where the rules applicable to the same ids and classes would be different, if possible. If not, you need to create two separate versions, one for smaller screens and one for bigger screens.
I have an existing website running in wordpress, and uses a custom headway theme. I want to make it compatible with BlackBerry.
What is the process of making it compatible with a BlackBerry?
Do I need separate css, or a separate site dedicated just for mobile?
How do I emulate a BlackBerry and debug my css or design?
Zourtney linked a pretty cool looking plugin, but if you're looking to do this by hand you want to use css3 Media Queries.
http://www.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/
http://www.davidrcole.com/2010/11/make-your-website-mobile-friendly-in-one-night/
For older blackberries - basically anything pre torch I believe you're going to have very shoddy css and JS support, so you'll want to do some testing on an actual device, and use clean semantic html on your page for better rendering.
First off, you certainly don't want another site -- that is, you don't want another copy of your database. What you do want is theme switching -- found through a quick Google search.
You will want a completely separate Wordpress theme (CSS + html/php). And always be sure that you also include links for mobile users to view the full site (default theme) as well.