Как переключить css-файлы в соответствии с устройствами и нажать кнопку?

Я пытаюсь вставить отзыв-файл css, если сайт открыт на мобильных устройствах.

Кроме того, я хочу переключить / поставить в очередь по умолчанию или невосприимчивый файл css при нажатии кнопки. Невосприимчивый файл css – это таблица стилей по умолчанию, которая загружается на рабочий стол.

Таким образом, требования:

  1. По умолчанию невосприимчивый сайт должен быть загружен, если пользователь с рабочего стола
  2. По умолчанию адаптивный сайт должен быть загружен, если пользователь с мобильного
  3. Если пользователь нажимает кнопку переключения рабочего стола с мобильного (отзывчивого) сайта, сайт, не отвечающий требованиям, должен быть загружен в мобильный.
  4. Если пользователь нажимает кнопку переключения мобильного устройства с мобильного (не реагирующего) сайта, загружаемый сайт должен быть загружен.

У меня есть style.css (невосприимчивый файл css) в моем каталоге тем, и мой responsive css файл responsive css находится в папке, которая находится в каталоге тем.

  • невосприимчивый css – файл в: theme-directory / style.css
  • отзывчивый css – это файл в: theme-directory / css / responsive.css

И у меня есть следующие кнопки.

 <div class="cr-athavan-lang-image"> <a href="?site=mobile" class="mobile_site" id="mobile_site"><img src="file/path/to/img" alt="switch to mobile site"></a> <a href="?site=desktop" class="desktop_site"><img src="file/path/to/img" alt="switch to desktop site"></a> </div> 

Я добавил следующий код в мои functions.php

A. Чтобы загрузить отзывчивый сайт, если пользователь с мобильного:

  if ( wp_is_mobile() ){ function responsive_css(){ wp_enqueue_style( 'wpa_custom', get_template_directory_uri() . '/css/responsive.css' ); } add_action( 'wp_enqueue_scripts', 'responsive_css', 999 ); } 

B. Чтобы загрузить невосприимчивый сайт, если пользователь нажимает кнопку

 function switch_css_file(){ if ($site == 'desktop'){ function default_css(){ wp_enqueue_style( 'default_css', get_template_directory_uri() . '/style.css' ); } add_action( 'wp_enqueue_scripts', 'default_css', 999 ); } if ($site == 'mobile'){ function default_css(){ wp_enqueue_style( 'default_css', get_template_directory_uri() . '/css/responsive.css' ); } add_action( 'wp_enqueue_scripts', 'default_css', 999 ); } } add_action('init', 'switch_css_file', 2); 

Теперь требования 1 и 2 в порядке.

  1. По умолчанию невосприимчивый сайт загружается, если пользователь с рабочего стола
  2. По умолчанию загружаемый сайт загружается, если пользователь с мобильного

Я не уверен, что функция switch_css_file работает или НЕ. Третий и четвертый требования еще не достигнуты. Если я desktop_site кнопку desktop_site с мобильного телефона, сайт перезагрузится и все еще будет в отзывчивой версии.

Как я могу достичь 3-го и 4-го требований?

Также, я думаю, я должен установить cookie во время переключения. desktop_site cookie должен быть установлен при desktop_site кнопки desktop_site и должен быть mobile_site щелчке mobile_site .

Как я могу это сделать?

Solutions Collecting From Web of "Как переключить css-файлы в соответствии с устройствами и нажать кнопку?"