Comment montrer un thème différents en fonction d'appareil mobile sur Wordpress


, Mis à jour le 10 juillet, 2016

Comment montrer un thème différents en fonction d'appareil mobile sur Wordpress

Parfois, formater votre site internet pour des dispositifs mobiles utilisant différents fichiers CSS  n’est pas suffisant. Cela peut être le cas avec des formes et des applications web, où vous n’avez qu'à utiliser une mise en page différente afin de le rendre utilisable, sur les tablettes ainsi que les smartphones.

Même si cela peut être exécuté en utilisant des plugins WordPress, tels que WP Détecteur mobile et tous les thèmes Switcher mobile, ce tutoriel va vous montrer comment mettre en œuvre votre propre thème sur mobile.

Détection de dispositifs mobiles

Afin de différencier les appareils mobiles des ordinateurs de bureau, vous devez regarder divers en-têtes HTTP envoyées par le navigateur au serveur Web, lorsque vous demandez une page Web. Si vous souhaitez voir quels en-têtes HTTP sont envoyés, créer un nouveau fichier, PHP vierge à la racine de votre site et insérez le code suivant:

<?phpecho implode("<br />", $_SERVER);?>

Cela affichera tous les en-têtes HTTP stockées dans la variable de superglobal $ _SERVER :

/home/user/public_html
CGI/1.1
text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
gzip,deflate,sdch
en-US,en;q=0.8
max-age=0
keep-alive
www.tophebergeur.com

Mozilla/5.0 (iPad; CPU OS 7_0 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like
Gecko) CriOS/30.0.1599.12 Mobile/11A465 Safari/8536.25

/bin:/usr/bin

200
123.456.789.123
59436
GET
/test.php
/home/user/public_html/test.php
/test.php
123.456.789.123
webmaster@tophebergeur.com
www.tophebergeur.com
80
HTTP/1.1

Apache
UkCBl635l48AADnmLRUAAAAS
/test.php
1379959191

Comme vous pouvez le voir, il y a une ligne particulière qui contient suffisamment d'informations, afin de déterminer facilement que le visiteur a utilisé un iPad pour accéder à la page Web.

Cependant, il y a tellement de différents appareils mobiles avec différents systèmes d'exploitation que les différents navigateurs ont du mal à les détecter.

Heureusement, il y a une classe PHP léger appelé  « Mobile-Detect »  qui vous permettra de détecter les appareils mobiles avec peu, ou pas de risque d'erreur. Une grande caractéristique de cette classe de PHP est qu'elle peut également différencier les tablettes des smartphones.

Affichage d'un thème WordPress différent sur les appareils mobiles

Maintenant que vous comprenez comment les ordinateurs de bureau sont différenciés des appareils mobiles, voici comment gérer les thèmes WordPress basé sur l'appareil des visiteurs:

1. Prenez la dernière version de « Mobile-Detect », ensuite extraire le contenu de l'archive sur votre ordinateur.

2. Téléchargez le fichier nommé « Mobile_Detect.php » à votre serveur web.

3. Ouvrez « functions.php » qui est le dossier du thème par défaut et insérez le code suivant vers la fin du fichier, avant la parenthèse fermante PHP (bien sûr!):

add_filter('template', 'change_theme');add_filter('option_template', 'change_theme');add_filter('option_stylesheet', 'change_theme');function change_theme()
{
require_once("/chemin/vers/Mobile_Detect.php");
$detect = new Mobile_Detect;
$deviceType = ($detect->isMobile() ? ($detect->isTablet() ? 'tablet' : 'phone') :
'computer');
switch($deviceType):

 case 'computer': $theme = 'default_theme_name';
                  break;

 case 'tablet':   $theme = 'tablet_theme_name';
                  break;

 case 'phone':    $theme = 'phone_theme_name';
                  break;

 default:         $theme = 'default_theme_name';
                  break;

 endswitch;
 return $theme;}

Maintenant, il vous suffit de sauvegarder le fichier et d’essayer d’accéder à votre site Web à partir de divers appareils, afin de vous assurer que le thème WordPress apparaît en conséquence. Si vous ne disposez pas d'un appareil mobile à portée de main, vous pouvez toujours utiliser un périphérique mobile virtuel pour tester votre site Web.


comments powered by Disqus

Comment changer un domaine principal wp multi-site

Comment changer un domaine principal wp multi-site

Si vous voulez changer le domaine principal de l'installation de votre WordPress multi-site, il y a 5 valeurs à modifier. Vous n’aurez pas besoin d'effectuer une dump de base de données. Ceci est en fait désapprouvé parceque WordPress enregistre des données en séries, et la modification de cela peut … Continuer

Publié le 8 octobre, 2016

0 Commentaires
Supprimer le spam dans wordpress

Supprimer le spam dans wordpress

L’augmentation des commentaires spams dans WordPress devenant un problème, vous vous retrouvez peut-être avec des centaines, voire même des milliers de commentaires en attente que vous avez à supprimer. Malheureusement, l’installation de base de WordPress vous laisse seulement supprimer en masse les … Continuer

Publié le 8 mai, 2016

0 Commentaires
Optimiser la base de données de Wordpress avec Cron

Optimiser la base de données de Wordpress avec Cron

Nous avons déjà souligné l’importance d’avoir une base de données simple et optimisée pour votre site web WordPress pour accélérer la performance de votre site. Après un certain temps, les tableaux MySQL deviennent encombrés et exigeront grandement quelques réparations et travaux d’entretien. Comme … Continuer

Publié le 24 janvier, 2016

0 Commentaires
Comment protéger wp-config.php

Comment protéger wp-config.php

Il est triste de constater à quel point de nombreux sites WordPress sont incroyablement faciles à pirater. Beaucoup d'entre eux ne sont même équipé de la dernière version. Cependant, l'un des fichiers parmi les plus dangereux et les plus sensibles dans WordPress est le wp-config.php. Ce fichier cont … Continuer

Publié le 21 octobre, 2015

0 Commentaires
Comment changer un site html en un site Wordpress

Comment changer un site html en un site Wordpress

Récemment, sur un forum que je fréquente, une vieille connaissance m’a demandé comment convertir un de ses anciens sites Dreamweaver vers WordPress, sans que cela ne lui demande trop d’effort. J’ai d’abord pensé que ce serait impossible de faire cela facilement, mais après avoir vu d’autres réponses … Continuer

Publié le 13 juillet, 2015

2 Commentaires
Comment ajouter un bouton donation dans Wordpress

Comment ajouter un bouton donation dans Wordpress

Il y a un grand nombre de sites web qui offrent des logiciels gratuits ou autres services libres de droit (open source). Les développeurs font beaucoup d’efforts pour nous fournir des outils spécialisés pour divers besoins. Les plugins WordPress sont eux-mêmes un bon exemple. Regardez le nombre d’ad … Continuer

Publié le 11 juillet, 2015

0 Commentaires
Comment installer SSL dans Wordpress

Comment installer SSL dans Wordpress

Tous les jours, nous révélons des informations personnelles sur internet. Rien que pendant la dernière heure, j’ai utilisé ma carte de crédit, acheté un livre, sauvegardé une copie de l’adresse de mes amis, envoyé des mails et fait quelques courses. Partager nos informations est devenu tellement co … Continuer

Publié le 28 février, 2015

0 Commentaires
Comment ajouter une FAQ dans Wordpress

Comment ajouter une FAQ dans Wordpress

Si vous voulez que vos visiteurs trouvent rapidement des informations sur votre site, vous devriez publier une foire aux questions (FAQ). Par exemple, une FAQ pourrait trouver sa place sur les pages de produits et de services. Vous avez peut-être plusieurs catégories de services, et vous avez donc b … Continuer

Publié le 11 janvier, 2015

0 Commentaires



Les avis des clients

Avis des utilisateurs


Faites entendre votre voix. Passez en revue votre fournisseur d'hébergement Web - bon ou mauvais.


Vous etes Super

Marie Dit Dinard à propos Ex2hosting

Montrer une autre revue
Lire les avis Ex2hosting



Plans d'hébergement




Les plans d'hébergement de 59 sociétés d'hébergement partout dans le monde


Meilleur hébergeurs web

# hébergeur web prix action

1

Ikoula

1.95 EURO

Ajouter un Avis
Visiter

2

Siteground

6.95 USD

Ajouter un Avis
Visiter

3

Ex2hosting

3.99 EURO

Ajouter un Avis
Visiter

4

Inmotion

5.95 USD

Ajouter un Avis
Visiter

5

Webhostinghub

4.95 USD

Ajouter un Avis
Visiter

6

Bluehost

6.95 USD

Ajouter un Avis
Visiter






Hébergeurs par avis de clients

Ex2hosting
78 avis des clients
Nuxit France
70 avis des clients
Hostpapa France
67 avis des clients
1and1 France
62 avis des clients
Rapidenet
50 avis des clients
Ajouter un avis Tous les profils


Hébergeurs par fidélité de clients

Ex2hosting
73 / 78 recommandé
Nuxit France
68 / 70 recommandé
Rapidenet
49 / 50 recommandé
Infomaniak France
48 / 48 recommandé
Hostpapa France
39 / 67 recommandé
Évaluer hébergeur Tous les profils


Question de la Semaine


Le plus important critère de votre hébergeur



Contacter l'éditeur

Posez votre question