mrtrance

I'm planning on a setting up a site with theme that works very well as far as lead generation goes, but it seems like it is also coded to be a responsive theme as well. The issue I have is that the mobile version does not look very good to me even though it is suppose to be mobile ready. I'd like to set up a separate mobile site and do a redirection to the mobile instead of the responsive feature bringing up the mobile version of the theme.

Is there a way to disable or override the responsive part of the theme so that the separate mobile site is shown to mobile users instead of the responsive version of the theme?

MagicAce

It should work using an htacces redirect.

I am no sure but it should work.

mrtrance

Ya I want to keep the theme for the desktop version, but I'd like to setup a full mobile site that will be better with navigation and user friendly with tap to call, etc.

I hope others can post some feedback if this can be achieved for sure and what sort of coding I would need to do.

arlittell

There's several wordpress plugins that do this. I use the jumpmobi one to do the same thing.

mrtrance

Well I only asked this since the theme I'm using is a responsive theme and read on other forums that is a pain to disable the responsive part of the theme unless you do some heavy CSS editing. Others mentioned that it is not possible to do a mobile redirect with a responsive wordpress theme..it's either you get the responsive feature or have to do major CSS changes in order to disable it since it is coded all thorough the theme.

I'd really like to get feedback from those that have a responsive theme and also a separate mobile site up at the same time without making any changes to the theme?

Jay Moreno

providing you use a user agent based redirect you wont have any problems redirecting your mobile visitors

FYI .htaccess redirects (as MagicAce pointed out) would work too since they are user agent based as well

hth

arlittell

Yes, I have a responsive theme, and the jumpmobi plugin still works. It will redirect based on user agent or screen size. I like the responsive theme for tablets, but I prefer a mobile site for phones.

quailadv

You can do this using htacces redirect, I have it setup on this site Service First Collision | see it on the desktop then go to it on your phone, I also wanted another look for mobile. I put in the htacces file to have iPad view the same as desktop.

Let me know if you need help with this, just send pm

LarryHoffman

you can't disable the responsive theme, you can redirect using rewrite rules in the .htaccess file. Here are the rewrite rules you need to add the the .htaccess file:

RewriteEngine On

# If the user is asking for the fullsite, set a cookie, remove the query, and stop.
RewriteCond %{QUERY_STRING} ^fullsite$
RewriteRule ^/?(.*)$ http://domain.com/$1? [L,CO=fullsite:yes:.domain.com]

# If the user is asking for the mobilesite, set a cookie, remove the query, redirect and stop.
RewriteCond %{QUERY_STRING} ^mobilesite$
RewriteRule ^/?(.*)$ http://m.domain.com/$1? [L,CO=fullsite:no:.domain.com]

# If the visit is from a mobile user agent, and there's no fullsite cookie, redirect and stop
# if the browser accepts these mime-types, it's definitely mobile, or pretending to be
RewriteCond %{HTTP_ACCEPT} "text\/vnd\.wap\.wml|application\/vnd\.wap\.xhtml\+xml" [NC,OR]
# a bunch of user agent tests
RewriteCond %{HTTP_USER_AGENT} "sony|symbian|nokia|samsung|mobile|windows ce|epoc" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "mini|nitro|j2me|midp-|cldc-|netfront|mot|up\.browser|up\.link|audiovox"[NC,OR]
RewriteCond %{HTTP_USER_AGENT} "ericsson,|panasonic|philips|sanyo|sharp|sie-"[NC,OR]
RewriteCond %{HTTP_USER_AGENT} "portalmmm|blazer|avantgo|danger|palm|series60|pal msource|pocketpc"[NC,OR]
RewriteCond %{HTTP_USER_AGENT} "smartphone|rover|ipaq|au-mic,|alcatel|ericy|vodafone\/|wap1\.|wap2\.|iPhone|android"[NC,OR]
RewriteCond %{HTTP_USER_AGENT} "android|blackberry|iphone|ipod|iemobile|opera mobile|palmos|webos|googlebot-mobile" [NC]
# Note: I've updated the conditions above to skip iPads. However,
# mobile safari still reports itself as 'mobile' and thus needs an explicit opt-out
RewriteCond %{HTTP_USER_AGENT} !iPad [NC]
RewriteCond %{HTTP_COOKIE} !^.*fullsite=yes.*$ [NC]
RewriteRule ^/?(.*)$ http://m.domain.com/$1 [L,R=302]

Hope this helps

Larry

mrtrance

Sent you a PM.

mrtrance

Is jumpmobi the only wp plugin that will get this done? Any other suggestions?

LarryHoffman

You can use wptouch pro as well.

My experience is you will still need to customize the mobile theme if you don;t want the basic theme that it uses.

-Larry

mrtrance

Well I was going to code a mobile site separately either in php or html or use one of the templates by WillR or a few of the other ones in the WSO section. I'd like the mobile site to be totally different than website as far as feel and style. Just was concerned if the responsive part of the desktop theme would prevent me from putting in a redirect and going to the mobile site that is built independently.

LarryHoffman

The responsive theme will not prevent you from doing that... Just place the mod_rewite code (see the above post) in the .htacess file in the Wordpress install.

Also you should have pretty urls on the mobile version as well. All you need to do is create another .htaccess file in the moblie directory and use these mod_rewrite rules:

<IfModule mod_rewrite.c>

RewriteEngine On

RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.+)$ /$1.php [L,QSA]

</IfModule>

-Larry

zardon

If you can't use htaccess files there is some code, which I can't recall right now which you can use (PHP) which will find out if the device is iPhone, Android or whatever and then you can do a redirect

LarryHoffman

Sure is... I did a quick search and found this link here:

Redirect Mobile Devices with PHP

You can do a search on Google, I used the following:

"php code and redirect mobile"

Hope this helps.

-Larry