mobile to main site redirect - wordpress

I want to switch my mobile site to main site. remember when you open facebook on mobile then view of facebook in mobile version is change and when you click on "Go to main site" then it appears main site in mobile. that i want.
And also main problem is both links are same means
main site url is http://www.yousite.com
mobile site url is http://www.yousite.com
when you open in mobile then mobile template is show and when i open is desktop then main site template is show.

I've done this on a previous version of my site and wrote about it here: http://arleym.com/mobile-device-detection-redirection/
Basically I have some device detection that will be ignored if there is a query string. So the "view desktop version" link will avoid the detection/redirection and give the user a cookie.
I used this detection script: http://detectmobilebrowsers.mobi/
and modified my switch like so:
<?php
if(isset($_GET['switch'])){
setcookie('switch',$_GET['switch']); // set a cookie
}
if(!isset($_GET['switch']) && !isset($_COOKIE['switch'])){
require_once('/server/path/arleym.com/mobile_device_detect.php'); //Andy Moore's script
mobile_device_detect(true,false,true,true,true,true,true,'
http://arley.me',false);
}
?>
The view desktop url simply does its thing like href="http://whatever.com?switch=0"

Related

WordPress Appointkart plugin issue in iphone device

When plugin page load then by default open calendar. So how I hide the by default open calendar.
in Iphone page load calander open. website link
You have :
$(document).ready(function() {
$('#hide_cal').delay(8000).fadeIn(400);
});
buried at the end of:
/wp-content/plugins/appointkart/assets/js/jquery.pickmeup.js
Something like that doesn't even belong in the plugin file. Perform all initiation in a separate js file.

Show page in WordPress depending on the device people is connected

I have a doubt about WordPress. I know that is possible to hide a page in WordPress, but I would like to know if there is some code to show this page only to mobile devices and hide it from PC.
I would like to hide the page "subir captura" because I have a button for this function, but that button doesn't work in mobile devices, so I want to use the page, but hide it from PC.
https://i.gyazo.com/b5cd9c500ddbcaaf592cd057e183e69f.png
You can use the WP Mobile Detect plugin to accomplish a variety of different user agent tests. Use the wpmd_is_notdevice() conditional to test for desktops.
You have to use wordpress is mobile function like this:
<?php
if( !wp_is_mobile() ){
/* Display and echo mobile specific stuff here */
}
?>

Wordpress : Prevent slider to load on mobile device

I'm using the Genesis Framework, static page, with Soliloquy slider on the home page only. We would like to prevent the slider to load on mobile device to reduce load time.
Any way to do that ? Basically I need to know how to disable some PHP when a mobile device is detected.
<?php if ( !wp_is_mobile() ) {
/* Show Slider here */
} ?
Refer HEre Wp Is mobile

Wordpress: Simple solution to have mobile devices load a different homepage

I have done quite a bit of googling and have not found a simple solution for a method or a plugin to simply load a different static homepage for mobile devices. Is there a way to do this or a plugin that will do this (without revamping the whole site for mobile devices, as the mobile site style is good, but the specific static homepage is the only thing that I need changed). Wordpress CMS is the platform.
Thanks in advance!
Update:
So I installed the plugin suggested below, copied over an exact copy of the theme I am using but named it with 'mobile' in front just for reference, other than that everything is exactly the same. I read via google that I could add the following code into the functions.php theme file but it just shows up blank when I add the specific code. Code:
//Set Homepage
$mobilehome = get_page_by_title( 'mobilehome' );
update_option( 'page_on_front', $mobilehome->ID );
update_option( 'show_on_front', 'page' );
// Set the blog page
$blog = get_page_by_title( 'Blog' );
update_option( 'page_for_posts', $blog->ID );
Update 2, solved.
I found a simple solution. I created a new theme file 'page-home.php' and changed the css class '#primary' to '#primary-home', then went into the style.css file and added all '#primary-home' css attributes to match '#primary', except on the mobile CSS area of the stylesheet, I added "display:none;" to #primary-home. So now it just doesn't display the homepage on mobile devices, all other pages work (whole point in making the new template page and CSS attribute). I know this fix is probably the simple easy fix but it worked for me!
I found a simple solution. I created a new theme file 'page-home.php' and changed the css class '#primary' to '#primary-home', then went into the style.css file and added all '#primary-home' css attributes to match '#primary', except on the mobile CSS area of the stylesheet, I added "display:none;" to #primary-home. So now it just doesn't display the homepage on mobile devices, all other pages work (whole point in making the new template page and CSS attribute). I know this fix is probably the simple easy fix but it worked for me!
I think that this is as simple as it could get:
Try this plugin - UserAgent Theme Switcher
It will use the user-agent to detect which browser you are on, in this case it could be something like mobile safari or android, etc... then serve the theme based on that.
This could be a hit or miss because you might want or not to change the theme. A more advanced way to do this would be to use a jQuery plugin that checks for the user agent and lets you "do stuff" after you detect it, in this case it could serve as another page or change some CSS.
It's easy and no need to code everything. Install "Redirection" plugin from wordpress repository.
Go to the settings page.
Enter the "Source URL" with your default desktop's homepage
On the "Match" option, select "URL and user agent" & on the "Action" option select "Redirect to URL". Click "Add Redirection".
New configuration option will be appeared. Give any title you want. The "Source URL" must be blank (means that is your base homepage). On the "User Agent" option, choose whether iPhone or Android. On the "Matched" option, set the redirection you want for the mobile homepage.
Done!
You surely can differentiate the homepage on desktop and mobile device based on the redirection you have set before with that plugin. However, you cannot have same url name (ex: www.abcde.com for desktop & www.abcde.com/mobilehomepage for mobile device).

Wordpress Admin Bar Not Showing on frontend of site

Please could anyone help me with this problem? The wordpress admin bar is not displaying on the front-end (public visible pages) of my website. It shows when I'm logged in at the backend i.e Dashboard though. User settings are ok (set to show admin bar when viewing the site). I have tried deactivating (then, re-activating ) installed plugins, still no show.
Just a background note:
I recently transferred the site to my webhost (I was developing locally and everything worked and is still working). And I have a custom folder for wordpress. I was wondering if the problem has to do with this.
Please help I have searched everywhere but seems everyone is looking to hide the admin panel instead.
Thanks in advance
Check that your theme includes a call to the function wp_footer() at some point, usually at the very bottom of footer.php. That generates the code required for the admin bar to show.
add this to the end of your footer.php in your theme folder:
<?php wp_footer(); ?>
problem solved :-)
Most of the time the wp_footer() call is right where it should be so if you still can't see the admin bar then try the following:
log out of the backend
navigate to the front-end
clear your browser cache
log back in using the absolute url i.e. yourwebsite.co.uk/wp-admin
and then see if it comes up - worked for me.
Also make sure the "Show Toolbar when viewing site" box is checked in your user profile page or whatever you try ain't gonna work my friend!.
I know this is an old question, but another option - If you purchased (use) a pre-made theme make sure that theme does not remove the toolbar in its code.
Does it 'know' that you are logged in ? when in front end ? ie: meta widget shows 'logout' instead of login. if not Did you by any chance play around with the cookie paths?
I got myself confused because I was logged in at backend, but not front end. This was because I'd being playing with the cookie path and forgot to uncomment what I'd done.
First, double checked all of the other items mentioned here (wp_footer(), etc).
Three more things to check:
make sure header.php has <body <?php body_class(); ?>> not just <body>
try disabling plugins one by one if you're still having trouble. (For me, the Simplest Gallery 2.7 with WP 3.7.1 caused a conflict that made the admin bar disappear)
look for function remove_admin_bar() { return false; } in the theme's functions.php - change it to return true.
Just add in your template
<?php wp_footer(); ?> before </body> and <?php wp_head(); ?> before </head>
For me the issue was that I was using http://mydomain.com/wp in the WordPress address but http://www.mydomain.com for the site address. We had added the www to the WordPress address so that GoogleAnalytics would work and that's when the Admin Bar broke.
Adding www to the WordPress address fixed the issue.
To clarify after a lot of searching for a solution, similar to MattKnowles solution but more specific: Make sure that in settings > WordPress Address (URL) and settings > Site address (URL) that if one has www then the other also does and the other way round. Otherwise it seems while you are browsing the site it is a different domain to the admin area and the admin bar does not show.
Make sure site addresses are the same! I had one set at http://www.example.com and the other (WordPress) address set to http://example.com or visa versa.
I had them set this way because I though it was needed for the site to show up when you type the url without the www.
Now that both addresses are the same (with the www) my admin bar works, I stay logged in, I can comment, see preview or draft content, cross-site authenticate and logout, wow!
an entire year of wondering why WP just never worked right across over 30 websites!
Going to change addresses to the same "www" address in the rest of my 30 sites now and enjoy error-free WordPress for the first time ever...it's a great day!
Remember to remove any admin bar code you may have added in your theme's function.php file or in your styles.CSS
Thanks to all who help us here!
wp_footer() ,
add this function to footer.php
My #wpadminbar had a z-index: 99999;
In an act of myopia I made a sticky header that was in conflict with the Admin bar's stickiness. I had a z-index greater than the admin, making it rest behind the visible div.
I made my own sticky less powerful.
Here's a solution that I found.
Need to have <? wp_head()?> and <? wp_footer(); ?>.
More info: http://blog.frontendfactory.com/how-to-add-wordpress-toolbar-to-your-custom-theme/
Still working on this, but there is a conflict with Woocommerce. if deactivated, toolbar is there. Active, no toolbar.
More info here.
I had a sitiation when the admin dashboard was opened in one Chrome tab, but I could not make front-end part opened in the other tab to enter the admin state and show the admin bar.
The front-end always opened as if I had not logged in as an admin in the other tab.
The issue was that I had the site opened in yet another Chrome window (not tab) as not-logged-in visitor.
As soon as I closed all the tabs and all the sessions and reopened the single Chrome window with two tabs (admin / front end) the admin bar appeared in the front end.
Beware of unclosed HTML tags above <?php wp_footer(); ?>. Unclosed tags in the source will have closing tags generated by the browser and can suck in the WordPress admin bar HTML.
...
<div class="hidden-by-css">
<span> You can't see this</span>
<?php wp_footer(); ?>
</body>
</html>
That will cause the HTML generated for the admin bar to get sucked into the .hidden-by-css DIV and your admin bar won't show up.
So make sure you close all your tags. :)
I wanna leave my solution since I tried literally every possible solution on the internet. The website has LiteSpeed and is behind a reverse proxy from Deflect.ca similar to cloudflare, it blocks and caches as well.
The problem is the default cache from Deflect is set on 10 minutes and that caused the problem. Setting it with lower settings and removing all admin caching from LiteCache solved everything.

Resources