GithubHelp home page GithubHelp logo

sparkartgroup / multi-device-switcher Goto Github PK

View Code? Open in Web Editor NEW

This project forked from thingsym/multi-device-switcher

0.0 9.0 0.0 927 KB

This WordPress plugin allows you to set a separate theme for device (Smart Phone, Tablet PC, Mobile Phone, Game and custom).

Home Page: http://wordpress.org/plugins/multi-device-switcher/

CSS 7.57% JavaScript 1.06% PHP 91.37%

multi-device-switcher's Introduction

Introducing Multi Device Switcher

This WordPress plugin allows you to set a separate theme for device (Smart Phone, Tablet PC, Mobile Phone, Game and custom). This plugin detects if your site is being viewed by UserAgent, and switches to selected theme. The Custom Switcher can add every device.

Features

  • Set a separate theme for device (Smart Phone, Tablet PC, Mobile Phone, Game), switches to selected theme.
  • Add every device by the Custom Switcher.
  • Add links 'Mobile' or 'PC' in the theme by the PC Switcher, switch to the default theme.
  • Can be using is_multi_device() function that detect of the device.

How do I use it ?

  1. Download and unzip files. Or install multi-device-switcher using the WordPress plugin installer. In that case, skip 2.
  2. Upload "multi-device-switcher" to the "/wp-content/plugins/" directory.
  3. Activate the plugin through the 'Plugins' menu in WordPress.
  4. Upload a separate theme to the "/wp-content/themes/" directory.
  5. Go to the "Multi Device Switcher" options page through the 'Appearance' menu in WordPress.
  6. Configure settings to your needs. Select Theme by Theme option. Add and fix UserAgent by UserAgent option if necessary.
  7. Have fun!

Screenshot

How to add the Custom Switcher

  1. Go to the "Multi Device Switcher" options page through the 'Appearance' menu in WordPress.
  2. Enter the name of the Custom Switcher (20 characters max, alphanumeric) to the 'Add Custom Switcher'. Push the button 'Add'.
  3. Configure settings. Select Theme by Theme option. Add UserAgent by UserAgent option.
  4. Have fun!

Setting and Using the PC Switcher

There are three ways how to Using the PC Switcher.

1. Add a PC Switcher to the footer

  1. Go to the "Multi Device Switcher" options page through the 'Appearance' menu in WordPress.
  2. Configure settings. Check the checkbox 'Add a PC Switcher to the footer.' by PC Switcher option.
  3. Have fun!

2. Add a PC Switcher to your sidebars/widget areas

  1. Add-on the widget 'PC Switcher', when you activate the plugin "Multi Device Switcher".
  2. Go to the "Widgets" options page through the 'Appearance' menu in WordPress.
  3. Drag and drop the title bars 'PC Switcher' into the desired area.
  4. Have fun!

3. For the theme authors and developers, add a PC Switcher to your theme.

  1. Add the following code into the PHP files, when you develop your theme.
<?php if ( function_exists('multi_device_switcher_add_pc_switcher') ) { multi_device_switcher_add_pc_switcher(); } ?>
  1. Have fun!

Using default CSS and customized CSS

  1. Go to the "Multi Device Switcher" options page through the 'Appearance' menu in WordPress.
  2. Configure settings. Check the checkbox 'Add a default CSS.' by PC Switcher option. If you want to customize CSS, uncheck the checkbox.
  3. Have fun!

UserAgent option Samples

is_multi_device() function

is_multi_device() function is a boolean function, meaning it returns either TRUE or FALSE. Works through the detection of the device by the Multi_Device_Switcher class.

Usage

<?php is_multi_device('smart'); ?>

Examples

<?php
if ( function_exists( 'is_multi_device' ) ) {
	if ( is_multi_device('smart') ) {
		/* Display and echo smartphone specific stuff here */
	} elseif ( is_multi_device('tablet') ) {
		/* Display and echo tablet specific stuff here */
	}
}
?>

Parameters

device name (required)

(string) The name of the device

  • smart
  • tablet
  • mobile
  • game
  • the name of the Custom Switcher

Return Values

(boolean) Return boolean whether a particular device.

Contributing

Patches and Bug Fixes

Small patches and bug reports can be submitted a issue tracker in Github. Forking on Github is another good way. You can send a pull request.

Contributors

Translations

Translating a plugin takes a lot of time, effort, and patience. I really appreciate the hard work from these contributors.

If you have created or updated your own language pack, you can send gettext PO and MO files to author. I can bundle it into Multi Device Switcher.

Translator

The latest PO and MO files
Send your own language pack

You can send your own language pack to author.

Changelog

  • Version 1.3.0
    • fixed: fix script, style, html and readme
    • new features: is_multi_device() function
    • fixed: fix translation
    • updated: update default UserAgent
    • fixed: replace WP_PLUGIN_URL with plugins_url()
    • fixed: using Page Hook Suffix
    • merged: pull request #3
  • Version 1.2.3
    • fixed: fix redirect uri with query string, using add_query_arg
    • fixed: fix translation
    • fixed: fix readme
  • Version 1.2.2
    • improved: improve responsiveness UI
    • fixed: fix html
  • Version 1.2.1
    • fixed: delete add_contextual_help
    • fixed: fix readme and html
  • Version 1.2.0
    • added: add PC Switcher Widget
    • new features: PC Switcher
    • added: add the settings link to the plugin page
  • Version 1.1.2
    • required: at least version 3.4
    • fixed: fix tabs and buttons
  • Version 1.1.1
    • fixed: change the order of the UserAgent detection
    • updated: update default UserAgent
    • added: add HTTP/1.1 Vary header
  • Version 1.1.0
    • new features: Custom Switcher
  • Version 1.0.4
    • fixed: fix the object model PHP5, __construct() to replace Multi_Device_Switcher
    • fixed: wp_get_themes(), and wp_get_theme() to replace get_themes(), get_theme()
  • Version 1.0.3
    • updated: update screenshots
    • fixed: fix reset button
  • Version 1.0.2
    • added: add file uninstall.php
    • fixed: split admin_enqueue_scripts() into two functions
    • fixed: detects is_admin()
  • Version 1.0.1
    • fixed: split multi_device_switcher_init() into two functions
  • Version 1.0.0
    • Initial release.

Upgrade Notice

  • 1.1.2
    • Requires at least version 3.4 of the Wordpress

multi-device-switcher's People

Contributors

thingsym avatar localjo avatar hykw avatar

Watchers

James Lovejoy avatar Monika Hoex avatar Joannic Laborde avatar James Cloos avatar Tim Lovett avatar Eric Szeto avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.