Comment créer un site Web ou un blog en 2020 - Guide gratuit et facile pour créer un site Web

Comment transformer votre site WordPress en une application, étape par étape

Pourquoi créer une application en premier lieu, je vous entends demander ? Les applications ne sont peut-être plus très utiles pour le marketing, mais elles sont très pratiques pour vos clients, leur offrant plus d’options dans la façon dont ils interagissent avec votre site. Avec l’essor continu de l’Internet mobile (plus de personnes accèdent désormais à Internet via des applications mobiles que des ordinateurs de bureau), les applications fleurissent car la plupart ne sont pas aussi encombrantes ou gênantes que les navigateurs Web mobiles.

Le coût et la frustration liés à la construction d’un appareil ont également beaucoup diminué. Autrefois, de nombreuses entreprises s’intéressaient aux applications, mais la plupart ne pouvaient pas les créer. C’était juste trop difficile. Ou cher (la plupart des développeurs facturent plus de 100 $ de l’heure)

Mais, heureusement, maintenant les choses sont différentes. Vous n’avez plus besoin de beaucoup d’argent ou de compétences en codage pour créer une application efficace. Et encore mieux, vous avez des options. Aujourd’hui nous allons voir :

  • Assurez-vous que votre site WordPress est adapté aux mobiles
  • Construire (et coder) votre propre application avec PhoneGap
  • Utilisez un plugin WordPress pour créer votre application (c’est aussi simple)

Une note sur les créateurs d’applications gratuites

Au cours des dernières années, il y a eu beaucoup d’options « gratuites » pour créer une application, mais l’une des plus fiables est PhoneGap Build d’Adobe. Au fur et à mesure que votre site fait de la publicité, téléchargez simplement vos fichiers HTML5, CSS et JavaScript et le site se chargera de les assembler dans une application téléchargeable dès la sortie de la boîte. Mieux encore, vous pouvez en créer trois simultanément pour Android, Windows Phone 8 et iOS, ce qui vous fait gagner beaucoup de temps.

Le résultat ne sera rien d’élégant. En fait, cette méthode ne fait que déguiser votre page d’accueil en application. Lorsque le spectateur touche l’icône, il sera simplement redirigé vers le même site Web mobile qu’il verrait s’il y accédait via le navigateur de son téléphone. Ainsi, pour que cette méthode soit efficace, vous devez disposer d’un site existant optimisé pour l’affichage mobile.

1. assurez-vous que votre site WordPress a une version mobile

Si votre site WordPress n’est pas optimisé pour les appareils mobiles, cela n’a vraiment aucun sens. Optimisez-le ! Bien sûr, il est plus simple d’utiliser un thème WordPress responsive mobile comme Total. Mais si votre sujet ne répond pas, il existe de nombreux plugins qui peuvent vous aider.

iThèmes mobiles

iThèmes mobiles

iThemes Mobile vous permettra de créer des thèmes mobiles simples mais efficaces basés sur la conception actuelle de votre site. Le panneau d’administration vous permet de personnaliser la plupart des aspects de son apparence sans avoir à jouer avec le code.

Tout sélecteur de thème mobile

Tout sélecteur de thème mobile

Any Mobile Theme Switcher est un plugin de base qui détectera l’appareil utilisé par votre spectateur et affichera un thème spécifique pour cet appareil. Donc, si vous souhaitez équilibrer plusieurs thèmes, un pour chaque système d’exploitation mobile, vous pouvez le faire de cette façon.

Forfait mobile WordPress

Plugin de package mobile WordPress

Enfin, il y a le WordPress Mobile Pack, qui offre une multitude d’applications Web mobiles multiplateformes, des options d’interface utilisateur et de thème, et une intégration facile avec Google Analytics.

2. Utilisez PhoneGap Build pour créer une application

Création d'Adobe PhoneGap

Si vous êtes un expert en technologie et que vous souhaitez vous mettre au travail, vous pouvez utiliser Adobe PhoneGap pour créer une application pour votre site Web WordPress. Adobe propose un guide détaillé étape par étape dans sa documentation, mais voici un bref aperçu des étapes que vous devrez suivre.

Étape 1 : préparation

Avant de commencer, assurez-vous d’avoir un moyen de tester votre application à portée de main. Vous pouvez utiliser des outils de développement de navigateur pour imiter les vues des appareils mobiles ou tester un service tel que CrossBrowser Testing. Mais si vous pouvez le gérer, il est préférable d’avoir un appareil iOS et Android à portée de main.

Ensuite, vous devrez installer Adobe PhoneGap Build sur votre ordinateur. Cliquez pour télécharger la version Mac ou PC et suivez les instructions à l’écran. Adobe suggère également d’installer une application de développement PhoneGap gratuite afin que vous puissiez tester instantanément votre application au fur et à mesure que vous la créez.

Étape 2 : créez votre candidature

Utilisez ensuite le programme PhoneGap pour créer votre application. Notez que PhoneGap est basé sur Cordova, vous devrez donc le comprendre pour coder votre application.

Choisissez parmi un exemple par défaut “Hello World”, Framework7, Push Notification, React Hot Loader ou Blank Template pour commencer. Vous devrez ensuite choisir où sur votre disque dur local vous allez travailler sur votre projet et fournir un nom et un identifiant. Lorsque vous avez terminé, PhoneGap vous fournira une adresse de serveur que vous pourrez utiliser pour afficher votre application.

Pour jeter un coup d’œil, votre répertoire racine aura besoin de fichiers clés pour que PhoneGap puisse réellement créer votre application. Plus précisément, vos dossiers index.html (au minimum), config.xml et sous-répertoire (ce dernier est spécifique au système d’exploitation).

Voici un exemple directement à partir de la page de structure de projet de l’application PhoneGap :

Structure du projet d'application PhoneGap

Vous devrez également créer vos propres icônes. Vous pouvez bien sûr gérer cela vous-même ou utiliser un outil en ligne gratuit. IconsFlow est un excellent outil qui vous aide à créer rapidement des icônes d’applications professionnelles à l’aide d’images prédéfinies, d’options de couleur, de dégradés, etc. Concevez simplement votre icône, créez un compte gratuit et téléchargez vos fichiers. Si vous avez déjà une icône, mais que vous devez la redimensionner pour tous les appareils et systèmes d’exploitation, l’application gratuite App Icon Maker peut faire exactement cela. Mais si vous effectuez une recherche rapide sur Google, vous constaterez qu’il existe de nombreux autres sites Web, services et applications parmi lesquels choisir pour créer votre icône.

Étape 3 : testez votre application

Une fois votre application prête à l’emploi, vous pouvez la tester à l’aide de l’application PhoneGap Developer précédemment installée. Assurez-vous d’utiliser l’adresse du serveur qui a été fournie. À partir de là, vous pouvez afficher votre application sur votre appareil mobile, résoudre les problèmes, ajouter des correctifs, recharger et reconstruire jusqu’à ce qu’elle soit parfaite.

Une note importante : PhoneGap Builder ne peut fonctionner avec iOS que si vous avez rejoint le programme iOS Developer (qui était au prix de 99$/an au moment de la rédaction de cet article) et fourni vos certificats. En utilisant le logiciel du programme, vous pouvez créer l’application vous-même là-bas. Mais la raison pour laquelle nous suggérons PhoneGap est que vous pouvez gagner du temps en faisant les trois à la fois, éliminant ainsi le besoin de le faire séparément. Alors oui, vous payez pour un tas de services que vous n’utiliserez peut-être pas, mais si vous voulez votre application sur n’importe quel iProduct, ils vous ont sur un baril ici.

3. Utilisez des générateurs d’applications alternatifs pour WordPress

En plus des outils iOS, il existe de nombreux autres services et plug-ins de création d’applications que vous pouvez utiliser. Ils sont nettement plus faciles que de créer une application vous-même. Certains d’entre eux construiront également (au moins) une application Android sans frais. Vous devriez certainement vérifier le site principal du développeur pour être sûr.

AppMonSite

AppMonSite

Créez une application pour votre site Web avec AppMySite. Ce plugin et ce service faciles à utiliser permettent de transformer facilement votre site WordPress (ou même la boutique WooCommerce) en une application en quelques étapes seulement. Tout d’abord, obtenez le plugin et enregistrez votre compte. Ensuite, mettez-vous au travail en personnalisant votre application – vous avez le choix entre de nombreuses dispositions et fonctionnalités intégrées. Lorsque vous avez terminé, soumettez simplement pour publier votre application (compatible Android et iOS). De plus, AppMySite se synchronise avec votre site Web en temps réel, pour maintenir votre application à jour avec les nouvelles publications ou produits que vous publiez.

Les autres fonctionnalités incluent la prise en charge multilingue, l’intégration du panier et du paiement, les notifications push, l’intégration des médias sociaux, ainsi que des analyses que vous pouvez utiliser pour surveiller les performances des applications.

AppPresser

AppPresser

AppPresser est le plus grand, le plus populaire et soi-disant le premier framework d’applications mobiles pour WordPress. Offre une intégration complète – Là où la plupart des créateurs d’applications n’utilisent qu’un seul flux de votre site WordPress, AppPresser vous permet d’utiliser tous vos plugins, publications et pages. De plus, il met automatiquement à jour l’application dès que vous apportez des modifications à votre site. Il a également un support complet pour le commerce électronique.

Application WPMobile

Application WPMobile

L’application WPMobile vous permet de créer des applications Android et iOS pour votre site. Bien que le plugin de base soit gratuit, vous devez payer une licence à vie pour créer votre application (à partir de 79 € pour un format d’application, ou 149 € pour les deux). Avec l’application WPMobile, vous aurez des options de personnalisation, un essai en direct gratuit, des mises à jour automatiques d’applications, une prise en charge des notifications push, une intégration sociale et une prise en charge premium (une fonctionnalité bienvenue si vous êtes bloqué).

MobiLoud

Mobiloud

Bien que plus cher (à partir de 120 $ / mois), MobiLoud gère à peu près tout pour vous (y compris la soumission de votre application à l’App Store et à Google Play), ce qui rend le prix tout à fait raisonnable. Avec MobiLoud, votre application finale offre une compatibilité multi-appareils, un partage social facile, une monétisation (via des annonces ou des abonnements), des notifications push, etc. Et lorsque le service est associé à votre plugin (lien ci-dessus), vous pouvez gérer votre application et les notifications push depuis WordPress.

Enfin, il y a une tonne de personnes que vous pouvez payer pour le faire pour vous. Cependant, avec autant de moyens faciles et abordables de bricoler, vous n’avez pas vraiment besoin de suivre cette voie pour une application de base.

Il existe de nombreuses façons de créer une application et bien que cela semble intimidant à première vue, les méthodes ci-dessus la rendent incroyablement simple. Assurez-vous simplement d’avoir un bon site Web mobile pour commencer, d’accord ? Maintenant, laissez-moi l’avoir. Est-ce que je me suis trompé sur quelque chose ici ? Y a-t-il d’autres méthodes que je devrais connaître? N’hésitez pas à laisser vos commentaires ci-dessous !