Camp;rsquoétait Noël 2009 et jamp;rsquoavais un nouveau jouet: lamp;rsquoiPhone 3. Comme des millions de personnes à Noël, jamp;rsquoai passé chaque minute de mon temps libre à des applications, à jouer à des jeux, à prendre des photos et à apprécier le nouveau monde des smartphones et des applications. À ce moment là (il y a presque six ans le temps était sombre!) Personne namp;rsquoa jamais entendu parler de conception web réactive, et Apple croit fermement que ses gadgets sont parfaits pour afficher des sites Web entièrement conçus sur de petits écrans. Vous pouvez zoomer sur le contenu en appuyant, en faisant glisser et en tapant deux fois, et si avez de la chance, verrez un site Web avec une version mobile séparée.
Comment les choses ont changé. Selon Morgan Stanley, lamp;rsquoutilisation des navigateurs mobiles dépasse maintenant lamp;rsquoutilisation des navigateurs de bureau et des applications. Une fois que les utilisateurs utilisent lamp;rsquoapplication, ils passent plus de temps sur lamp;rsquoapplication, mais maintenant quand quelquamp;rsquoun prend le smartphone, la chose la plus probable quamp;rsquoils font est damp;rsquoouvrir le navigateur. Des études ont montré que les téléchargements damp;rsquoapplications ont atteint un sommet, avec des téléchargements damp;rsquoenviron 50 à 60 par appareil, et que les utilisateurs ne téléchargent pas damp;rsquoapplications pour des marques avec lesquelles ils interagissent au hasard. Bien que les utilisateurs puissent vouloir passer des heures sur Angry Birds, Facebook ou crossy Road, ils sont moins susceptibles de votre application ils sont plus susceptibles damp;rsquoaccéder à votre site Web par téléphone cellulaire. Cela signifie que votre site Web doit être optimisé pour les appareils mobiles.
La bonne nouvelle est que WordPress est la plateforme parfaite pour aider à le faire. Il tient compte de l’importance de la mobilité pour la conception et le développement web. WordPress permet non seulement de créer facilement des sites que les utilisateurs apprécient sur leurs appareils mobiles, mais aussi de gérer vos sites même à partir d’appareils mobiles. Lamp;rsquoétude de Morgan Stanley nous dit que les navigateurs mobiles sont deux fois plus utilisés que les applications. À lamp;rsquointérieur.
Créer une application en utilisant WordPress, et en particulier développer l’api WP rest, dont je parlerai plus loin.
Il est préférable de créer un site Web optimisé pour les appareils mobiles lorsque avez besoin damp;rsquoutiliser le référencement pour attirer les visiteurs sur votre site. Vous voulez faciliter le partage de votre contenu sur les réseaux sociaux (cela peut se faire par application, mais souvent pas bien). Les utilisateurs namp;rsquoont pas besoin damp;rsquoaccéder à votre site Web hors ligne. Votre budget ou vos compétences sont limités. Vous souhaitez offrir aux visiteurs le même contenu et la même expérience sur une variété damp;rsquoappareils, y compris les smartphones, tablettes et ordinateurs de bureau. Je pense que si lisez il y a de bonnes chances quamp;rsquoun ou plusieurs des articles précédents conviennent. Dans la plupart des cas, le site mobile est le meilleur choix. Même si décidez de créer une application, je recommande toujours de la sauvegarder, même avec un site damp;rsquooptimisation mobile de haute qualité.
2. te mobile et site réactif lorsque les développeurs web commencent à répondre à lamp;rsquoaugmentation du trafic web mobile, lamp;rsquooption privilégiée pour améliorer lamp;rsquoexpérience utilisateur des appareils mobiles (ux) est de créer un site mobile. Il samp;rsquoagira damp;rsquoun site Web indépendant du site de bureau « principal » qui offrira un contenu différent (p. ex., contenu réduit) destiné aux utilisateurs ayant des besoins différents et des appareils plus lents. Mais tout a changé. Personnellement, jamp;rsquoai découvert que le signal 4G de mon iPhone 6 est plus rapide que le wifi de ma maison en quelques heures de la journée et je ne vais certainement pas limiter ma navigation mobile à des types damp;rsquoactivités régulières liées à lamp;rsquoutilisation du téléphone, comme la recherche damp;rsquoun emplacement, lamp;rsquoaccès rapide à lamp;rsquoinformation, etc.
Des millions de personnes namp;rsquoutilisent leurs appareils mobiles que pour lamp;rsquoInternet personnel, et la durée moyenne damp;rsquoutilisation des appareils mobiles dépasse maintenant la durée damp;rsquoutilisation des ordinateurs de bureau.
Oui. En 2010, peu de temps après avoir reçu mon premier iPhone, les adultes américains passaient en moyenne 24 minutes par jour à utiliser leur téléphone, contre près de trois heures aujourdamp;rsquohui. Pendant ce temps, le temps passé sur un ordinateur de bureau est resté inchangé à 2,4 heures. Les applications mobiles ont maintenant dépassé les applications de bureau. Basé sur les statistiques de marketing mobile de Smart Insights. Cela signifie que les visiteurs mobiles qui visitent votre site ne samp;rsquoattendent pas à ce quamp;rsquoils aient moins damp;rsquoexpérience que sur le Bureau et ne seront pas heureux samp;rsquoils ont une telle expérience. Cela peut être approprié lorsque le téléphone est plus restreint ou que le signal mobile est plus lent, mais vos visiteurs samp;rsquoattendent maintenant à la même expérience sur les appareils mobiles et de bureau.
Ça ajoute encore une chose. Un site Web qui répond rapidement est presque toujours préférable à un site mobile distinct. votre site a encore une version avec un préfixe M. ou si utilisez un reniflement de navigateur pour fournir différents sujets (éventuellement via un plug in), devez vraiment lamp;rsquoarrêter. Tout de suite. Il existe des centaines de thèmes WordPress réactifs de haute qualité, des thèmes prédéfinis gratuits aux plateformes thématiques avancées. Ce n’est pas idiot comment WordPress embrasse les développeurs de WordPress mobiles. Ils suivent de près les tendances de l’internet et veillent à ce que les téléphones mobiles soient intégrés de différentes façons au fur et à mesure que WordPress évolue.
Voyons quelques uns damp;rsquoentre eux. L’écran de gestion réactif WordPress 3.8, publié en décembre 2013, a été entièrement révisé. Pour moi, ce qui est le plus excitant à cet égard, camp;rsquoest la réactivité de lamp;rsquoécran de gestion. WordPress 3.8 apporte un administrateur ux réactif. Cela signifie que pouvez gérer les sites WordPress à partir de n’importe quel appareil disponible. Jamp;rsquoai même créé un nouveau site Web avec lamp;rsquoiPad, même si je dois admettre que c
Utilisez wordpress pour alimenter le site Store, ou même pour créer une application mobile, utilisez l’api rest pour extraire les données du site WordPress dans cette application et assurez que les données sont synchronisées entre les deux. Optimiser votre site pour les utilisateurs mobiles j’espère qu’il a convaincu maintenant que avez besoin d’un site WordPress réactif optimisé pour les utilisateurs sur tous les appareils. tu ne lamp;rsquoas pas encore fait, comment peux tu lamp;rsquoavoir? La bonne nouvelle, camp;rsquoest que camp;rsquoest facile. Commençons par un thème passif. Réactivité le site WordPress a d’abord besoin d’un thème réactif. Une combinaison de la disposition du fluide (en pourcentage de la largeur au lieu des pixels) et de la requête média (pour les points damp;rsquoarrêt) sera utilisée pour créer une disposition qui fonctionne correctement sur toutes les tailles damp;rsquoécran. Voici quelques ressources pour aider à le faire: créer un site WordPress réactif que vos utilisateurs mobiles aimeront: un guide complet pour rendre les thèmes réactifs, y compris css pour rendre les thèmes réactifs et des conseils pour l’expérience des utilisateurs mobiles. 55 thèmes WordPress gratuits et réactifs: Oui, il y a tant de bons thèmes! Nous avons passé en revue les 10 thèmes WordPress les plus populaires, gratuits et les plus réactifs: en savoir plus sur les thèmes réactifs les plus populaires. Une fois que avez activé et personnalisé les sujets de réponse pertinents, la prochaine étape consiste à assurer que le plug in que utilisez fonctionne bien avec le site de réponse ou peut améliorer lamp;rsquoexpérience utilisateur sur un écran plus petit. Voici quelques uns: module de menu réactif: convertit la navigation principale en menu réactif. Les plug ins Gravity forms et Contact Form 7, qui créent tous deux des modules de réponse qui peuvent être redimensionnés avec la fenêtre du navigateur. Les 18 plugins de partage social les plus réactifs de WordPress les plugins de partage social ne fonctionnent pas toujours bien sur des écrans de différentes tailles: Ce guide aidera
Cela aidera à trouver ceux qui le font. Plugin de curseur de réponse gratuit dans le catalogue des plugins WordPress. Mobble fournit des balises conditionnelles qui permettent de vérifier si votre site est accessible sur un appareil mobile ou sur un appareil de bureau. Gérer des sites WordPress sur des appareils mobiles la façon dont gérez vos sites n’affecte pas la réactivité de vos utilisateurs ou de vos sites, mais si êtes une personne qui gère et met à jour des sites sur un smartphone ou une tablette, aurez un accès plus facile aux appareils mobiles que sur un bureau, ce qui facilitera votre vie. Il y a deux façons de le faire: avec un navigateur et en utilisant l’application WordPress. Gestion par navigateur j’ai déjà dit que l’écran de gestion WordPress est réactif. Cela signifie quamp;rsquoen théorie, pouvez effectuer toutes les opérations administratives du site sur namp;rsquoimporte quel écran de taille. En fait, cependant, la situation est un peu différente. Peu de gens sont prêts à écrire de longs articles sur leur smartphone (je namp;rsquoécrirai certainement pas sur mon smartphone!) Les écrans de gestion nécessitent plus de travail pour naviguer sur des écrans plus petits. Mais sur une tablette à écran moyen, il namp;rsquoy a aucune raison de ne pas utiliser votre navigateur pour garder votre site à jour. Je le fais souvent et parfois jamp;rsquoai des problèmes avec lamp;rsquointerface tactile. C’est pourquoi j’ai tendance à utiliser l’application WordPress si je veux faire un travail plus détaillé. Qu’est ce que j’ai déjà dit sur la gestion d’applications sur l’utilisation de navigateurs mobiles via des applications WordPress? Ce n’est pas le cas pour les administrateurs WordPress. L’application WordPress, disponible sur iOS et Android, permet de gérer des sites Web et de publier de nouveaux contenus directement à partir de votre appareil mobile. Une des meilleures fonctionnalités est peut être de simplifier le processus damp;rsquoajout de photos à votre site: il suffit damp;rsquoutiliser
Et lamp;rsquoinsérer dans le post. L’interface de l’application est spécialement conçue pour l’écran tactile et la taille de l’écran (de sorte que aurez une expérience différente sur votre tablette et votre smartphone) et permet d’accéder et de gérer plusieurs sites WordPress à partir de l’application, y compris les sites d’auto hébergement et les sites WordPress. Format générique de nom de domaine. Les dernières recherches sur l’optimisation des sites Web pour les téléphones mobiles montrent que ne pouvez tout simplement pas ignorer les visiteurs du site WordPress des appareils mobiles. Fait intéressant, les gens préfèrent utiliser des navigateurs mobiles plutôt que de des applications. Le temps moyen consacré aux appareils mobiles dépasse maintenant celui des ordinateurs de bureau. votre site namp;rsquoa pas été optimisé pour les utilisateurs mobiles, devez assurer quamp;rsquoil est optimisé. WordPress rend cela plus facile et plus rapide, et en suivant les conseils ci dessus, aurez un site qui attire le plus grand nombre possible de visiteurs. Avez optimisé votre site Web pour les utilisateurs mobiles? Quelles autres fonctionnalités souhaitez que WordPress offre pour aider à utiliser votre appareil mobile? Veuillez nous le faire savoir dans les commentaires ci dessous. Étiquettes: déplacement
Créer un site Web optimisé pour les appareils mobiles en utilisant WordPress
