Wordpress crée une version mobile. Version mobile de WordPress - Plugin WPtouch. Module d'extension mobile WP Mobile Edition

Faites-le enfin ! Créez une version mobile de votre site WordPress et évitez à chaque visiteur mobile l'inconvénient de zoomer constamment sur les pages pour plus de lisibilité et d'effectuer un N-ième nombre de mouvements inutiles.

Nous vous proposons 7 des plugins WordPress les plus cool et surtout gratuits qui vous aideront à le faire en quelques minutes seulement.

Plugins pour créer une version mobile de votre site WordPress

Très probablement, le terme "responsive design" n'est pas nouveau pour vous, puisqu'il est sur toutes les lèvres depuis 2 ans déjà. Mais si vous ne le savez pas encore, alors sa signification est de "transformer" ou "adapter" le site pour les appareils mobiles. C'est-à-dire qu'un visiteur de n'importe quel gadget, que ce soit une tablette ou un smartphone, sera tout aussi pratique pour afficher les pages de votre site que depuis un PC fixe ou un ordinateur portable.

Vous trouverez ci-dessous quatre plugins qui vous aideront à 100% à résoudre ce problème - créez une version mobile de votre site sur WordPress.

1. Hammy

Commençons par le très pratique plugin Hammy pour redimensionner les images en fonction de la résolution d'écran de l'appareil mobile sur lequel le site sera affiché. Il remplace l'étiquette au

et utilise également le code d'image de WordPress 3.5 pour redimensionner l'image.

Pour utiliser le plugin, vous devez définir des points d'arrêt et sélectionner l'élément HTML du conteneur. Ainsi, en utilisant les points d'arrêt que vous choisissez, le plugin redimensionne l'image lorsque la largeur de l'écran atteint le point d'arrêt. Vous pouvez également définir certaines classes pour ignorer certaines images.

2. Widgets réactifs

Ce plugin propose de nouveaux widgets WordPress texte / HTML uniquement disponibles sur des gadgets tels que iPad, Nook, PlayStation Vita et d'autres appareils courants tels que les tablettes et les smartphones.

Pour utiliser le plugin, vous avez besoin d'une compréhension de base des widgets WordPress. Ouvrez la page des widgets et vous verrez de nombreux nouveaux widgets pour les appareils et types d'écran suivants :

  • Mobile
  • Mobile (paysage)
  • iPhone et iPod
  • Phablettes
  • Tablette (portrait)
  • Tablette (paysage)
  • iPad portrait
  • Paysage iPad
  • Tablettes Nexus
  • Tablettes Kindle
  • Tablette de surface
  • Tablettes de coin
  • PS Vitas
  • Ordinateurs de bureau
  • Grands moniteurs (1240px + écrans)
  • Imprimer uniquement

Beaucoup de ces widgets ont des cases à cocher qui peuvent être utilisées pour personnaliser l'affichage des widgets sur des appareils spécifiques. Par exemple, si vous souhaitez afficher le widget uniquement sur les tablettes, mais pas sur l'iPad, cochez la case requise.

3. WP Lightbox 2

Un plugin "lightbox" très populaire pour utiliser des images contextuelles et des galeries avec des effets de superposition. Mais gardez à l'esprit que ce plugin ne résout pas le problème de "l'adaptabilité", mais est lui-même responsive.

Pour utiliser le plugin, il vous suffit de l'activer. Il dispose de plusieurs paramètres, comme l'activation de la Lightbox dans les commentaires ou la modification de la durée de l'animation. Mais en général, le plugin fonctionne immédiatement après l'activation et ne nécessite pas de configuration supplémentaire.

4. Responsable

Un plugin WordPress extrêmement utile. Il vous aidera à tester la conception réactive dans votre navigateur sans quitter la caisse. Il utilise le Bookmarklet Viewport Resizer pour placer une barre fixe en haut de la page où vous pouvez redimensionner la page pour les appareils réactifs que vous souhaitez (comme les smartphones, les tablettes, les écrans de bureau) et définir les résolutions d'écran requises.

Pour démarrer avec le plugin, il vous suffit de l'activer et de visiter l'une des pages du site. Le panneau apparaîtra sur chacun d'eux, ce qui permet de tester le responsive design sans aucun problème.

Plugins pour créer des thèmes mobiles

Ces plugins fonctionnent de manière très intéressante : ils affichent différents thèmes WordPress lorsqu'un utilisateur visite votre site depuis un appareil mobile. Cette fonctionnalité est particulièrement utile si votre site utilise un thème qui n'est pas adapté aux appareils mobiles. Et si vous n'avez ni le temps ni l'envie de changer le thème du site pour un gadget mobile, alors les trois plugins suivants sont créés spécialement pour les paresseux comme vous ! :-)

5. Plugin mobile WPTouch

C'est peut-être l'un des plugins gratuits les plus populaires pour créer un site Web mobile attrayant. À ce jour, sa note est de 3,9 sur 5 étoiles possibles. Après avoir installé et activé le plugin, un tas de fonctions intéressantes seront à votre disposition, bien que de nombreux utilisateurs puissent se limiter à l'ensemble standard pour créer une version mobile du site.

Mais fais attention! En juillet 2014, la vulnérabilité de la version du plugin WPTouch 3 a été connue. Elle a été immédiatement remarquée et corrigée, mais a réussi à nuire à de nombreux sites qui utilisaient ce plugin. Par conséquent, restez toujours à l'écoute des mises à jour des plugins et veillez à la sécurité de votre site dans toutes les versions.

6. Pack mobile WordPress

Un autre leader des thèmes WordPress mobiles. Le nombre de téléchargements du plugin a dépassé 600 000 et la note est de 3,8 étoiles sur 5 possibles. Sa fraîcheur réside dans le remplacement du design classique par une interface d'application mobile.

Comme le plugin WPTouch précédent, celui-ci ne nécessite que l'installation et l'activation. Si vous le souhaitez, vous pouvez creuser dans les paramètres, mais ce n'est pas nécessaire. Le plugin peut être utilisé immédiatement après son activation.

7. Jetpack

Ce plugin a une position de leader en popularité parmi les outils similaires, comme en témoigne le support de WordPress.com et Automattic. Il a une fonctionnalité "Mobile Theme" très utile. Pour l'utiliser, vous devez vous rendre sur la page des paramètres (Jetpack → Paramètres) après avoir installé et activé le plugin. L'action est un minimum, et un maximum d'opportunités. Voyez par vous-même si vous choisissez ce plugin gratuit.

Le seul conseil que nous pouvons vous donner est de ne pas utiliser ce plugin avec le plugin Disqus, car ils ne sont pas très compatibles.

Conclusion

Dans le domaine du web design, c'est important et vous devez toujours rester à l'affût des nouveaux produits, surtout s'ils peuvent vraiment vous être utiles. Dans notre cas, "l'adaptabilité pour les appareils mobiles" devient déjà une fonctionnalité standard qui doit être utilisée par tous les propriétaires de sites et répondre, pour ainsi dire, aux exigences de l'ère des gadgets mobiles.

Si vous avez déjà utilisé un plugin de cette série ou si vous avez votre propre version qui ne figure pas sur notre liste - ne soyez pas gourmand, partagez avec d'autres utilisateurs.

Ces dernières années, les concepteurs et développeurs Web ont vécu dans un monde hautement mobile. Cet article donne un aperçu de sept plugins qui vous aideront à rendre votre site Web plus beau et plus adapté aux mobiles.

Ces visiteurs visitent généralement le site à l'aide d'une tablette ou d'un smartphone. Naturellement, vos sites Web doivent être adaptés aux mobiles, sinon nous pourrions perdre ces visiteurs.

Comment cela peut il etre accompli? Nous devons rendre nos sites Web adaptés aux mobiles. Cet article donne un aperçu de sept plugins qui peuvent vous aider à rendre votre site Web plus beau et plus adapté aux mobiles.

Plugins d'aide réactifs et réactifs
Au cours des deux dernières années, il est peu probable que vous n'ayez jamais entendu les termes « réactif » ou « réactif ». Le but de cette approche est de créer des pages Web dont les informations s'afficheront correctement sur les écrans des appareils mobiles.

Les quatre plugins WordPress ci-dessous vous aideront à créer des pages mobiles réactives sur votre site Web.

1. Hammy

Hammy Est un plugin pratique qui redimensionne les images sur votre site pour un affichage correct sur les appareils mobiles. Il remplace les balises au

et utilise le code d'image WordPress pour redimensionner les images ..

Pour utiliser le plugin, vous devez définir plusieurs points d'arrêt et sélectionner l'élément HTML souhaité. Au point d'arrêt, vous pouvez définir la taille de l'image lorsque la largeur atteint le point d'arrêt. Vous pouvez également spécifier certaines classes d'images à ignorer.

2. Widgets réactifs

Responsive Widgets est un plugin qui introduit de nouveaux widgets texte / HTML pour WordPress qui n'apparaissent que sur certains appareils comme les iPads, les Nooks, la PlayStation Vita et d'autres appareils polyvalents comme les tablettes ou les smartphones.

Pour utiliser le plugin, vous n'avez besoin que d'une compréhension de base des widgets WordPress. Ouvrez la page des widgets et vous verrez de nombreux nouveaux widgets pour les appareils et types d'écran suivants :

  • Mobile
  • Mobile (paysage)
  • iPhone et iPod
  • Phablettes
  • Tablette (portrait)
  • Tablette (paysage)
  • iPad portrait
  • Paysage iPad
  • Tablettes Nexus
  • Tablettes Kindle
  • Tablette de surface
  • Tablettes de coin
  • PS Vitas
  • Ordinateurs de bureau
  • Grands moniteurs (1240px + écrans)
  • Imprimer uniquement
De nombreux widgets ont des cases à cocher pour autoriser des exceptions. Par exemple, si vous souhaitez afficher le widget sur des tablettes mais pas sur iPad, vous pouvez cocher la case et vous obtiendrez les informations souhaitées.

3. Responsable

Responsable Est un plugin WordPress très utile qui vérifie la réactivité de vos pages à la volée dans le navigateur. Il utilise le Bookmarklet Viewport Resizer dans une barre fixée en haut de votre page où vous pouvez redimensionner et redimensionner la page pour les appareils mobiles tels que les smartphones, les tablettes ou les écrans de bureau selon vos besoins.

Pour utiliser le plugin, il suffit de l'activer et d'ouvrir une de vos pages. Le panneau sera affiché sur chaque page, vous pourrez ainsi vérifier la réactivité de vos pages sans aucun problème.

Plugins pour thèmes mobiles
Ces plugins fonctionnent de manière plus spécialisée : ils vous aident à afficher différents thèmes WordPress lorsqu'un utilisateur visite votre site à partir d'un appareil mobile. Ceci est particulièrement utile si vous avez un thème qui n'est pas réactif pour les mobiles. Si vous n'avez pas le temps ou la possibilité d'adapter votre thème pour les appareils mobiles, vous pouvez utiliser cet excellent plugin dans votre travail.

4. Plugin mobile WPTouch

Ce plugin a plus de cinq millions de téléchargements et une note de 3,9 étoiles sur 5. WPTouch est probablement le plugin de thème mobile le plus populaire aujourd'hui. Il vous permet de créer une version mobile de votre site Web de manière très simple et entièrement automatisée.

Pour utiliser le plugin, il vous suffit de l'installer et de l'activer, et ses paramètres par défaut suffiront à de nombreux utilisateurs. Vous pouvez également modifier de nombreux paramètres dans la configuration de la page.

En guise d'avertissement, je dois dire qu'en juillet 2014, cela a été annoncé : les versions de WPTouch 3 avaient une vulnérabilité mortelle. La vulnérabilité a été corrigée immédiatement, mais peut avoir causé de gros problèmes aux utilisateurs de plugins. C'est une bonne excuse pour regarder les mises à jour, et cela vaut à la fois pour le noyau et tous les plugins et thèmes.

5. Pack mobile WordPress

Pack mobile WordPress Est un autre bon plugin qui propose des thèmes mobiles pour les sites WordPress. Il compte désormais plus de 600 000 téléchargements et une note de 3,8 étoiles sur 5. Le WordPress Mobile Pack offre un thème mobile unique pour vous et les visiteurs de votre site Web - une interface d'application mobile au lieu de l'interface mobile classique.

Comme WPTouch, WordPress Mobile Pack est un plugin entièrement prêt à l'emploi juste après l'avoir installé et activé. Vous pouvez faire quelques ajustements sur la page de configuration si vous le souhaitez.

6. Jetpack par WordPress.com

Jetpack n'est pas seulement l'un des plugins WordPress les plus populaires, il est également alimenté par WordPress.com et Automattic. Ce plugin dispose également d'une fonctionnalité "Mobile Theme" que vous pourriez trouver très utile.

Afin d'utiliser la fonction "Thème mobile", après avoir installé et activé Jetpack, saisissez-le, puis accédez aux paramètres de la page de configuration. Trouvez "Thème mobile" dans la liste des modules et activez-le. Ce n'est pas tant que ça, mais après cela, vous profiterez d'une interface rapide et propre pour les appareils mobiles.

Conclusion
Sur Internet, il est toujours important de rester dans l'air du temps et d'offrir aux visiteurs ce qu'ils veulent, surtout si vous attendez quelque chose d'eux en retour (que ce soit de l'argent ou des éloges). La réactivité mobile devient la norme de nos jours et il serait insensé de perdre des visiteurs mobiles sur votre site.

Bonjour chers lecteurs !

Deux grandes choses se sont passées sur mon blog cette semaine ! Premièrement, le visiteur a enfin dépassé les 1000 (mardi il y en avait 1040 uniques). Deuxièmement, j'ai installé dans la barre latérale. J'attends avec impatience vos commentaires sur l'apparence du bloc d'annonces. Et je serai extrêmement reconnaissant pour les clics :)

Pendant ce temps, Google a récemment annoncé que mon blog ne s'affichait pas bien sur les appareils mobiles. Sur Internet, beaucoup de bruit a été causé par leur message qu'à partir du 21 avril 2015, tous les sites qui ne sont pas adaptés pour les téléphones portables seront déclassés.

La question s'est posée : avez-vous besoin d'une version mobile du site ? À en juger par les statistiques du mois dernier, j'ai plus de 1500 visiteurs qui utilisent leurs téléphones portables ou tablettes lors de la navigation. C'est environ 50 personnes par jour, ce qui n'est pas si petit. Et si vous considérez que chaque année, les technologies mobiles sont de plus en plus introduites dans notre vie avec vous, vous devez penser à rester dans l'air du temps. Dans cet article, nous vous expliquerons comment créer une version mobile pour un blog WordPress.

Comment vérifier la version mobile du site ?

La première chose à faire est de vérifier vos ressources par rapport aux exigences de Google. Tout le monde peut analyser la commodité de visualiser le site sur des appareils mobiles ici - google.com/webmasters/tools/mobile-friendly.

Voici ce que j'ai :

Voici un autre service Google utile pour vérifier la vitesse de chargement des différentes versions d'un site : développeurs.google.com/speed/pagespeed/insights... Il explique en détail ce qui ne va pas exactement sur votre site, des exemples spécifiques sont donnés avec des captures d'écran de votre blog. Par conséquent, ayant des connaissances en html + css et en utilisant cette instruction, vous pouvez parfaitement modifier votre ressource.

Lors de la vérification de la version mobile du site dans Google, vous pouvez suivre le lien avec des recommandations pour adapter le site à WordPress pour les appareils mobiles (troisième colonne à partir de la droite - "Suivant"). Il existe un autre guide détaillé pour WordPress avec une indication des plugins, des liens vers des modèles réactifs, etc. Je vous conseille également d'étudier ce document.

Permettez-moi de vous rappeler que les thèmes WordPress responsive sont des thèmes qui ont été conçus à l'origine pour être reconnus par différents types d'appareils. Nous avons analysé dans l'article les principaux critères auxquels il convient de prêter attention. Parmi eux figurait l'adaptabilité.

Comme nous l'indique le support Google, dans les descriptions de ces sujets, les mots responsive (adaptative) ou mobile (mobile) sont généralement trouvés. Celles. si vous avez choisi un thème réactif pour votre blog, vous n'avez pas à vous soucier de la façon de créer un modèle pour la version mobile du site. Votre modèle principal s'adaptera automatiquement à votre appareil mobile. Eh bien, pour ceux qui ont créé leur blog il y a longtemps, alors qu'il n'y avait pas encore de tels sujets et qui ne veulent pas changer leur modèle établi, nous continuerons cette revue. Et nous analyserons ce qu'il faut faire pour que votre site soit bien reçu sur les mobiles et les tablettes.

Version mobile pour le blog WordPress : fonctionnalités

Vous devez comprendre que toutes les autres options, à l'exception d'un thème responsive ou d'une édition directe de fichiers, impliquent la création d'un modèle WordPress supplémentaire pour la version mobile du site. Ce modèle doit différer du principal, en tenant compte des particularités des appareils mobiles :

  • Petite taille d'écran ;
  • Vitesse de téléchargement inférieure ;
  • Manque de clavier et souris.

Bref, cette version du site devrait être simplifiée. Il ne devrait afficher que tout ce dont vous avez besoin, un contenu qui se chargera rapidement et efficacement.

Il existe plusieurs façons de mettre en œuvre ces fonctions. Le plus simple est d'utiliser des plugins (idéal pour les débutants).

Plugins d'adaptation de site

Plugins les plus courants : WPTouch Mobile Plugin, WP Mobile Detector, MobilePress, WPSmart Mobile.

WpTouch et MobilePress sont des versions gratuites de base des plugins qui peuvent être mis à niveau vers des versions plus avancées avec plus de personnalisation et de fonctionnalités. Selon les avis des utilisateurs, WpTouch Pro est assez lourd et peut entrer en conflit avec les plugins de mise en cache (). Il arrive qu'un utilisateur mobile se voie présenter une page pour un PC à partir du cache. Cela peut également se produire avec d'autres plugins WordPress pour sites mobiles. Les versions de base de MobilePress et de WPTouch peuvent être utilisées pour les blogs avec une structure et un contenu simples.

Mais j'ai mieux aimé le plugin WPSmart Mobile. Il propose trois modèles mobiles WordPress à la fois.

Certes, tous ses réglages sont en anglais, mais il n'y a là rien de compliqué.

Ici, vous pouvez définir le logo, la possibilité de commenter, de rechercher sur le site et de personnaliser l'affichage des messages. De plus, vous pouvez installer du code ou tout autre, ainsi que des compteurs de statistiques. Toujours dans la section "Apparence", vous pouvez modifier la police et la couleur des entrées, la couleur de fond, etc. Bien sûr, ce ne sera plus votre site dans sa forme habituelle, le contenu prendra un tout autre aspect, mais il deviendra pratique pour les mobinautes.

Vous pouvez voir à quoi ressemblera le site sur un appareil mobile en cliquant sur « Aperçu » :

Après avoir installé n'importe quel plugin WordPress mobile que vous aimez, il devrait détecter automatiquement quel appareil le visiteur utilise et lui proposer la version appropriée du site.

L'affichage de la version mobile du site, ou son affichage dans n'importe quel navigateur ou appareil, peut être effectué à l'aide d'une extension spéciale User-Agent Switcher. Voici à quoi cela ressemble dans la boutique Google Chrome :

Il permet de changer le type d'affichage de la page directement dans Chrome :

En conséquence, vous pouvez vérifier la compatibilité entre navigateurs de votre blog et son apparence sur différents appareils, de l'iPhone au Samsung Galaxy.

Autres options pour créer une version mobile d'un site Web sur WordPress

Options sans utiliser de plugins :

  • en utilisant des services spéciaux.
  • créer une version mobile sur un sous-domaine ;
  • créer une feuille de style CSS distincte pour la version mobile ;
  • enregistrer les données pour toutes les options d'affichage dans un fichier CSS ;

Voici l'un des services qui analyse votre site Web et génère sa version mobile - dudamobile.com. Après cela, vous devez mettre un code sur le blog qui redirigera vers la version mobile du site. Cet outil a beaucoup de paramètres, mais sa fonctionnalité est coupée en mode libre.

Les sous-domaines sont utilisés de la même manière. Il est logique de les créer pour des sites lourds et multifonctionnels. Vous pouvez voir comment cela fonctionne sur l'exemple de youtube, où une redirection vers la version mobile du site est effectuée. Ici, le domaine principal est youtube.com, et pour les appareils mobiles - m.youtube.com. Vkontakte fonctionne de la même manière.

Si vous décidez de créer un fichier de style supplémentaire, faites une copie du fichier principal et nommez-le, par exemple, style-m.css. Vous devez maintenant apporter des modifications au fichier header.php, aux lignes où les styles sont connectés.

Par exemple, ils pourraient ressembler à ceci :

" /> /style-m.css "/>

Et puis, si vous avez des connaissances dans le domaine CSS, vous pouvez apporter des modifications directement au fichier style-m.css. Par exemple, remplacez les polices par des polices plus contrastées, faites en sorte que l'affichage soit sur une colonne et tout ce que Google recommande.

J'ai choisi cette méthode pour moi-même, j'ai noté quelques styles et Google a accepté le travail. Il s'est avéré pas trop pointilleux, il suffit de placer le contenu dans une colonne étroite et le service Google informe joyeusement : "Amende! La page est optimisée pour les appareils mobiles."... Jusqu'à présent, je n'ai pas trop réussi, mais il s'agit d'une version temporaire, réalisée en quelques heures. Peut-être qu'un jour les mains atteindront pour le faire efficacement et bien.

Bonne chance dans la maîtrise de la version mobile du site sur WordPress, partagez vos résultats. Jusqu'à la prochaine fois!

L'adaptation du site Web aux appareils mobiles est une composante nécessaire d'une promotion réussie, car la plupart des utilisateurs aiment la commodité. Récemment, les moteurs de recherche tels que Google et Yandex ont commencé à déclasser les sites qui ne sont pas adaptés aux mobiles. En conséquence, le trafic du site Web diminue. Par conséquent, afin de conserver ce chiffre, vous avez besoin d'une version mobile de wordpress.

Pour commencer, il convient d'analyser l'affichage actuel du site sur les appareils mobiles. Pour cela, il suffit de se rendre dans le panneau du webmaster depuis Google. Vous trouverez ici des informations détaillées sur les défauts et pourrez les corriger à l'aide de connaissances en programmation.

La meilleure solution est d'ajouter le texte suivant à la section CSS de votre thème :

#content (max-width : 1280 px ;)

De plus, vous souhaitez modifier la largeur des pages de la version mobile (l'attribut "width" en est responsable). Une fois que vous l'avez trouvé dans la section CSS, vous devrez remplacer sa valeur par « 100% ». Cela permettra au navigateur d'adapter automatiquement votre site à n'importe quel écran. Mais il convient de noter que cette méthode d'adaptation n'est pas efficace, car le site mettra beaucoup de temps à se charger. Les principaux objectifs de la version mobile sont le chargement rapide et la commodité. De plus, ce type d'adaptation n'est pas rapide. Vous devrez rechercher les attributs requis, expérimenter leurs valeurs si des défauts surviennent, etc.

Si vous n'avez pas de connaissances en programmation, vous devez installer des plugins spéciaux qui vous aideront à gagner du temps et à accélérer le téléchargement de la version mobile.

1. Hammy requis pour l'affichage proportionnel des images sur les appareils mobiles. Le mécanisme de travail est que le plugin modifie la balise d'appel d'image standard img en figure. Si vous le souhaitez, dans les paramètres du plugin, il existe une option pour désactiver l'affichage des images d'une certaine classe. Cela est nécessaire lors de l'adaptation des actualités et de tout autre grand portail. Sinon, le site prendra beaucoup plus de temps à charger.

2. Widgets réactifs nécessaires pour créer des widgets spéciaux qui ne seront affichés que sur les appareils mobiles. Un widget est un bloc d'un site qui contient des informations (actualités récentes ou populaires, sondages, etc.). La sélection de widgets est suffisamment large pour créer un site Web multifonctionnel.

3. Plugin WP Lightbox 2 aidera à faire des pop-ups sur un site mobile. Il commence à fonctionner immédiatement après l'activation. Si vous le souhaitez, vous pouvez modifier la durée du spectacle. En général, il ne devrait y avoir aucun problème avec la configuration.

4. vous facilitera grandement la personnalisation de l'adaptation du site. Après l'avoir activé, un panneau apparaîtra en haut du site, avec lequel vous pourrez ajuster la taille du site en fonction du type d'appareil mobile. Ce plugin est pratique, car lorsque vous modifiez les paramètres, vous pouvez immédiatement voir le résultat.

5. Si vous souhaitez créer un site Web réactif prêt à l'emploi en quelques minutes, vous devez utiliser un plugin WP Touch... Il est assez populaire car plus de 5 millions de webmasters l'utilisent. Ce plugin contient des paramètres de base (nom, langue, région) et un thème. Si vous souhaitez créer une version mobile du site plus fonctionnelle pour les smartphones, vous devez acheter la version premium de WP Touch Pro. Il y a beaucoup de thèmes différents et de paramètres supplémentaires ici, donc votre site ne sera pas monotone.

6. Détecteur mobile WP est conçu pour déterminer l'appareil à partir duquel le visiteur visite le site. Il est capable de reconnaître environ 5 000 appareils différents. Le plugin enregistre également des statistiques sur les visites uniques, les sources de référence et bien plus encore.

7. Ceci est un plugin multifonctionnel. Grâce à lui, vous pouvez personnaliser l'affichage des différents boutons de la barre (ajouter aux favoris, etc.), des boutons pour changer la version du site de classique à mobile et des blocs avec des publicités de Google ou d'AdMob. Il contient également une version mobile du panneau de contrôle du site. Cela augmentera considérablement la commodité, car dans la version standard du panneau de commande lorsque vous travaillez sur des appareils mobiles, certaines options sont d'accès limité.

8. Ceci est une copie complète du précédent. En plus des options ci-dessus, ce plugin permet de commenter les publications à l'aide du système Disqus et crée également une carte XML supplémentaire pour la version mobile.

9. vous aidera à créer un site Web rapide et accrocheur pour votre appareil mobile. Il fonctionne très bien avec tous les thèmes proposés sur le site officiel du moteur WordPress. Ce plugin est utilisé par les créateurs de NY Times, Forbes et d'autres sites populaires.

10. Presse mobile est assez simple. Ce plugin créera une version mobile pratique sans aucun effet spécial. L'avantage de ce plugin est de réduire la charge sur le serveur. Comme vous le savez, moins il y a de widgets différents sur le site, plus il se chargera rapidement sur l'écran de l'appareil.

11. Éditeur de pages de démarrage WP Mobile vous sera utile lors de la création d'une page invité pour la version mobile de votre portail Internet. Il est assez facile à personnaliser et contient une grande variété de styles différents. Avec le bon choix de conception, vous pouvez augmenter le trafic du site. Il convient également de mentionner que ce plugin permet un chargement rapide des pages sur n'importe quel appareil portable.

12. Lors de l'utilisation Mobile d'architecte Wapple vous obtiendrez une version adaptée, qui aura la même URL que la version classique. C'est-à-dire qu'il n'y aura pas de redirection vers un sous-domaine comme « m.site.com ». Cela n'affecte en rien les métriques SEO. Une caractéristique de ce plugin est également la possibilité d'adapter absolument n'importe quel thème pour les appareils mobiles (même s'il s'agit d'un thème avec un grand nombre de widgets différents). Grâce à cela, vous n'avez pas à passer plus de temps à travailler avec la conception.

Comment se fait l'adaptation sans utiliser de plugins ?

Si vous ne souhaitez pas utiliser de plugins, il existe des services spéciaux grâce auxquels vous pouvez créer une version mobile pour n'importe quel appareil.

Le service dudamobile.com est très populaire car il propose un large éventail d'options. Cependant, ce service est payant. Le prix sera de 9 $. C'est un prix décent à payer étant donné que vous n'avez pas besoin d'utiliser de plugins.

Pour commencer, vous devez vous inscrire ici ou passer par une autorisation via Facebook. Après cela, allez dans la section "Conception" et cliquez sur le champ "Mise en page". Des options de placement de navigation possibles vous seront présentées. Pour sélectionner, il vous suffit de cliquer sur l'option qui vous convient. Pour personnaliser les couleurs, vous devez cliquer sur le champ "Style". Vous pouvez également télécharger votre propre image de fond. Le champ "Titre" est responsable du logo. Vous pouvez le télécharger sous forme d'image ou le présenter avec du texte. En général, le processus de conception se déroule visuellement. Vous "configurez", et le service génère un code spécial. Il faut dire aussi qu'il existe aussi une version gratuite. Mais dans ce cas, le site affichera automatiquement des publicités.

Le plus simple est mippin.com, qui contient beaucoup moins d'options. Le mécanisme de travail est similaire au service précédent.

Contrôle d'adaptation

Après les actions entreprises, vous devriez obtenir le résultat souhaité. Mais, afin de vous assurer que l'adaptation pour un appareil mobile se fait correctement, vous devez utiliser les services suivants.

Tout d'abord, vous devez retourner dans le panneau du webmaster de Google et voir quel pourcentage il estime les performances de votre version mobile. Si vous avez une valeur de 100%, alors l'objectif est pleinement atteint. Votre site augmentera dans les classements et aura un bon trafic. Si la valeur est inférieure de quelques pour cent, ce ne sera pas un problème important. Si le résultat n'est pas satisfaisant, vous devez reconsidérer la méthode d'adaptation. Les modèles jouent un rôle clé dans le choix de la façon de s'adapter. Si les plugins fonctionnent bien avec votre modèle, cela ne devrait pas être un problème. Sinon, il vous sera souhaitable de désactiver les modèles installés et d'utiliser un service payant. Si nécessaire, vous devez contacter un spécialiste ou installer un modèle plus simple.

Avec l'aide du service iPad Peek, vous pouvez absolument voir gratuitement les fonctionnalités d'affichage de votre version mobile sur des appareils tels que l'iPad, l'iPhone et d'autres gadgets d'Apple. Ce service est populaire car la majorité des internautes préfèrent les appareils Apple.

Vous pouvez également utiliser le service Mobile Phone Emulator, qui vous permet de voir l'affichage de votre version mobile non seulement sur les produits Apple, mais également sur les produits Samsung, HTC et BlackBerry.

Screenfly est populaire. Grâce à ce service, vous pouvez facilement savoir comment votre site s'affiche non seulement sur les téléphones, mais aussi sur les téléviseurs, divers ordinateurs portables, tablettes et autres appareils. Si vous le souhaitez, vous pouvez définir vos paramètres et voir les performances.

Si vous ne souhaitez plus visiter de sites, installez une fois Opera Mobile Emulator. Il s'agit d'un module complémentaire du célèbre navigateur Opera. C'est gratuit et facile à utiliser.

Au cas où vous ne le sauriez pas, les gadgets mobiles constituent aujourd'hui la base de la consommation de trafic Internet dans un certain nombre de pays et de régions, et des outils tels que iMessage et WhatsApp traitent des tonnes de lettres et de messages non pas sur papier, mais à l'écran. De plus en plus, les gens se tournent vers les sites mobiles plutôt que vers leurs versions de bureau. Comment faire en sorte que votre site ressemble et fonctionne correctement non seulement sur un écran d'ordinateur portable ou de PC, mais également sur un smartphone et une tablette ? Les plugins dont nous allons parler aujourd'hui vous aideront certainement à faire face à cette tâche.

Vous devez donc transformer votre site WordPress habituel en un site mobile réactif. Voici des plugins qui, bien que totalement gratuits, vous aideront et rendront votre site accessible aux utilisateurs mobiles tout en conservant sa conception et sa structure.

1. Jet Pack

Commençons par le moyen le plus simple et sans doute le plus efficace de rendre votre site WordPress convivial pour les mobiles. Un ensemble d'outils JetPack vous permet de résoudre ce problème en appuyant sur 1 seul bouton. De plus : vous l'avez probablement déjà installé parmi d'autres plugins de base. Si tel est le cas, cliquez simplement sur le lien "JetPack" dans le menu d'administration du site et accédez à la page des modules. Là, vous devez activer " Thème mobile"- et tu as fini.

2. WPtouch


Le prochain outil gratuit le plus efficace sur la liste est le plugin WPtouch... Il a déjà été téléchargé plus de 4,3 millions de fois. Il vous permet de créer un site mobile beau et rapide en quelques minutes, sans écrire une seule ligne de code. La version payante, appelée WPtouch Pro, propose également un panneau d'administration séparé et une assistance dans le système de tickets.

3. Détecteur mobile WP


Ce plugin a une reconnaissance automatique des téléphones mobiles et des smartphones ordinaires. En fonction de cela, le site est chargé dans une version compatible pour chaque téléphone mobile ou autre gadget spécifique (en tenant compte de la résolution de l'écran, de la diagonale et d'autres paramètres). Il y a 7 options de thème mobile préinstallées au total. De plus, ce plugin redimensionne et redimensionne automatiquement les images en fonction de l'affichage de l'utilisateur. De plus, il possède ses propres widgets et collecte de statistiques.

Principales caractéristiques:

  • Détection automatique des appareils basée sur une base de données de plus de 5 000 téléphones mobiles et smartphones différents.
  • Capacité de faire la distinction entre les « numéroteurs » standard et les gadgets mobiles avancés.
  • Collecter des statistiques sur les utilisateurs mobiles, y compris le nombre de visites uniques, le trafic de recherche, etc.

4. Pack mobile WordPress


Ce plugin prend en charge le mappage de domaine et les agents de recherche pour identifier divers appareils mobiles populaires et afficher le contenu dans la résolution et la qualité dont un téléphone mobile particulier a besoin. De plus, il existe des schémas de couleurs personnalisables pour un seul thème.

Le plugin comprend également:

  • basculer entre le thème de bureau mobile et classique ;
  • un ensemble d'appareils pris en charge et reconnus, y compris des thèmes pour les navigateurs Nokia et WebKit ;
  • personnalisation de la palette de couleurs par thèmes avec prise en charge des réglages en CSS ;
  • adaptation automatique des images et fractionnement des articles et des pages ;
  • panneau d'administration mobile ;
  • un widget publicitaire mobile qui prend en charge des plates-formes telles qu'AdMob ou Mobile Adsense de Google ;
  • analyse mobile ;
  • un widget permettant d'ajouter des codes-barres à un site pour marquer rapidement un site sur un appareil mobile tout en parcourant le site sur un grand écran de bureau.

5. WP Édition Mobile


En fait, devant vous se trouve le frère jumeau du plugin précédent. Il a toutes les mêmes fonctionnalités et options, mais il existe également un support pour le système de commentaires et une carte XML mobile avec son propre générateur de sites, ce qui aura un bon effet sur l'optimisation des moteurs de recherche. En outre, ce plugin crée une version mobile sur un sous-domaine comme m.facebook.com, ce qui est bon pour une mise en cache plus rapide et une prise en charge des cookies mobiles.

6. Plugin mobile Wapple Architect


Ce plugin est écrit dans le langage de balisage WAPL, qui a été spécialement conçu pour la personnalisation, le rendu et la diffusion de contenu Web sur divers appareils et plates-formes. Ce plugin utilise sa propre API pour chaque appareil utilisateur spécifique, ce qui est mieux que la méthode de reniflage. N'affecte pas la structure d'adresse du site de bureau. Une solution assez simple qui fonctionne.

7. Presse mobile


Un plugin assez populaire et simple qui vient avec 2 thèmes et aide le développement ultérieur de thèmes par les développeurs mobiles.

8. Créateur de site Web mobile Duda


Le plugin Duda Mobile builder a aidé à créer des versions mobiles de sites, y compris pour des projets et des publications tels que Forbes, Huffington Post, NY Times. C'est très simple et transforme rapidement votre site Web habituel en un site mobile. Fonctionne avec tous les thèmes WordPress et se synchronise automatiquement avec votre site principal.

gastroguru 2017