Construire une application à partir de votre site WordPress avec AppPresser

Ce que vous allez créer

Si vous avez un site WordPress populaire, vous vous demandez peut-être à quel point il peut être difficile de créer une application mobile pour vos abonnés et / ou vos visiteurs. Il existe plusieurs façons de lancer des applications alimentées directement à partir de votre site WordPress sans avoir à créer une application à partir de rien..

Avec une application mobile, vous pouvez utiliser les notifications de l'appareil pour alerter vos utilisateurs de nouveaux contenus et partager facilement vos histoires depuis leur téléphone ou leur tablette..

WPMU propose une liste de plug-ins que vous pouvez utiliser pour lancer une application à partir de votre blog WordPress, notamment Mobiloud, qui s'appuie sur App.io, et Wiziapp, qui construit une application HTML5. Il existe également Appifier, qui fournit un service peu coûteux de création d’applications; si vous n'êtes pas très technique, Appifier peut être une bonne approche.

Cependant, ce tutoriel se concentrera sur l'outil le plus couramment utilisé, AppPresser. AppPresser offre une grande facilité de mise en œuvre et un contrôle technique plus approfondi pour les développeurs. Il utilise des plugins pour s’intégrer à la plate-forme Phonegap d’Adobe. Avec des extensions personnalisées et des développements supplémentaires, vous pouvez intégrer toutes les fonctionnalités de l'appareil prises en charge par Phonegap, telles que les contacts, la géolocalisation, l'appareil photo ou l'accéléromètre.. (Peut-être que vous voulez savoir si les gens lisent vos documents en conduisant? Dans tous les cas, théoriquement, vous pourriez créer une application pour cela).

Vous pouvez créer une application WordPress AppPresser de base pour 199 $, mais si vous souhaitez intégrer une caméra ou le commerce électronique, cela vous coûtera 499 $. Si vous souhaitez comparer et estimer le coût de la création d'une application à partir de zéro sans AppPresser, il fournit des liens vers quelques ressources Web intéressantes: le calculateur de coût de développement d'application et le coût de développement d'une application.?

Vous pouvez soit répertorier vous-même votre application sur l'iTunes Store et Google Play, soit payer AppPresser pour le faire pour vous pour 499 $ (pour en savoir plus sur ce processus ci-dessous).

Bien qu'il soit plus compliqué d'étendre votre site WordPress dans une application, y compris la personnalisation d'une nouvelle page d'accueil, AppPresser fournit une très bonne documentation et de nombreux guides vidéo pour vous guider à chaque étape du processus..

Qu'est ce que c'est AppPresser??

En termes simples, AppPresser vous permet de créer une application mobile native pour iOS et Android à partir de votre site WordPress existant et de la distribuer via iTunes Store et Google Play. Vous pouvez intégrer des notifications push, créer un magasin de commerce électronique à l'aide de WooCommerce, une application de réseau social utilisant BuddyPress, ou faire un développement personnalisé pour créer tout ensemble de fonctionnalités prises en charge par l'API Phonegap. Voici une vidéo d'introduction simple:

Lorsque vous installez le plug-in et le thème AppPresser (inclus dans l'offre standard), cela ne change pas l'apparence de votre bureau ou de votre site mobile, il ne devient visible que dans votre application mobile. Le thème et les fonctionnalités de votre site Web ne seront aucunement affectés. En d'autres termes, si vous visitez votre site Web via le navigateur Internet normal de votre appareil, vous ne verrez aucune indication de l'existence d'AppPresser..

Cependant, AppPresser vous recommande de disposer d’une solution d’hébergement rapide pour votre site WordPress afin de vous offrir une expérience très performante en matière d’applications mobiles. Si vous voulez un hébergement géré, ils recommandent WPEngine. Si vous êtes auto-hébergeur, je vous recommande les lecteurs SSD rapides de Digital Ocean.

Les applications AppPresser ne fonctionnent pas hors ligne. Les utilisateurs de votre application devront donc disposer d'une connexion Internet active (cellulaire ou WiFi) pour accéder à un nouveau contenu..

AppPresser propose des extensions supplémentaires qui améliorent la présentation et la fonctionnalité de votre application. Elles sont toutes disponibles dans le bundle agency.. 

Ceux-ci inclus:

  • AppPush - pour l'intégration aux notifications push (disponible avec le bundle standard).
  • AppBuddy - pour l'intégration avec BuddyPress.
  • AppCamera - pour créer des applications de partage de photos.
  • App-Géolocalisation - pour l'intégration à la géolocalisation.
  • AppSwiper - un widget de curseur activé agréable pour la page d'accueil de votre application.
  • AppWoo - pour l'intégration à WooCommerce.

Ils offrent également quelques exemples d'applications pour vous montrer ce qui est possible.

Construire votre application

Avant d'acheter un ensemble AppPresser, je vous recommande de vous inscrire et de consulter le manuel gratuit du développeur AppPresser. Une fois que vous avez acheté le bundle standard ou agence, vous pouvez commencer à créer votre application..

Voici un court guide vidéo décrivant le processus initial d'intégration d'AppPresser dans votre site WordPress, que nous décrirons ci-dessous. Et, vous pouvez également en savoir plus sur AppTheme ici.


Installer le plugin AppPresser

Tout d'abord, à partir de votre tableau de bord WordPress, installez le plugin AppPresser à partir du répertoire du plugin.. 

Ce plugin intègre votre site WordPress aux fonctionnalités de l’application et aux extensions fournies par AppPresser via Phonegap..

Installer le thème AppPresser et le plugin AppSwiper

AppPresser vous suggère d'utiliser son thème pour le site de l'application (cela n'affecte pas votre site HTML existant de bureau ou mobile). Son thème est conçu pour être utilisé par les appareils tactiles, alors que les thèmes WordPress typiques ne sont pas.

Connectez-vous à votre compte AppPresser.com. Cliquez sur Mon compte, puis sur Voir détails et téléchargements pour obtenir vos clés de licence et le téléchargement du thème. Vous pouvez également obtenir d'autres téléchargements de plugins sur cette page.

Prenez note de vos clés de licence et téléchargez votre plug-in AppTheme, AppSwiper et tous ceux supplémentaires que vous souhaitez utiliser..

À partir de votre tableau de bord WordPress, ajoutez le fichier zip de thème que vous avez téléchargé. Ne l'activez pas.

Depuis le menu du plugin, téléchargez le plugin Swiper que vous avez téléchargé et activez-le:

À partir du tableau de bord WordPress, cliquez sur le menu AppPresser. Activez "Charger AppPresser pour les administrateurs uniquement". Cela vous permettra de prévisualiser votre application en tant qu'administrateur. Cela n'affectera pas le fonctionnement normal de votre site. Pour voir votre site Web normal, parcourez votre site en mode navigation privée (non connecté à WordPress Dashboard). Entrez également votre clé de licence et enregistrez les paramètres..

Voici à quoi ressemblait mon aperçu de la page d'accueil de l'application:

Fonctionnel, certes, mais pas une grande expérience hors de la boîte. L'étape suivante consiste à créer une page d'accueil personnalisée distincte pour mon application..

Construisez votre application Page d'accueil

Nous vous recommandons de créer une page d'accueil distincte pour votre application. Cette page d'accueil n'est visible que lorsque les utilisateurs utilisent l'application. Cela n'affecte pas le site Web HTML de bureau ou mobile.

À partir du tableau de bord WordPress, créez une nouvelle page d'accueil pour votre application. Il est utile de désactiver les discussions sur cette page, car les commentaires ne sont pas optimisés pour les applications tactiles. Ajouter le shortcode [swiper].

Le plug-in AppSwiper nous permet de créer de nouveaux types de publication personnalisés appelés Sliders. Créons quelques liens avec du contenu que nous souhaitons mettre en valeur dans l'application. Choisissez une image de fonction pour que chaque diapositive apparaisse comme arrière-plan.

À partir du tableau de bord WordPress, accédez à la page Paramètres d’AppPresser, tapez le nom de la nouvelle page d’accueil et sélectionnez-la:

Maintenant, vérifiez actualiser votre site Web pour voir la nouvelle page d'accueil avec le curseur en action:

Votre nouvelle page d'accueil d'application prend forme. AppPresser fournit de nombreuses options pour personnaliser l'apparence, le comportement et le comportement de votre site..

Bien que cela dépasse le cadre de ce didacticiel, vous devriez visionner la vidéo ci-dessous Créer une application de news avec AppPresser, qui montre comment développer davantage la page d'accueil de votre application à l'aide du plug-in gratuit Display Posts Shortcode..

AppPresser propose également une variété de vidéos utiles que vous pouvez parcourir ici..

Lister votre application dans les magasins d'applications

Pour pouvoir répertorier et vendre vos applications sur iTunes Store et Google Play, vous devez acheter un abonnement développeur Apple iOS pour 99 USD et une licence Google Play pour 25 USD..

AppPresser va créer et répertorier votre application dans les magasins pour 499 $, ou vous pouvez utiliser son guide étape par étape pour le faire vous-même. Le processus est un peu lourd et compliqué, mais certainement réalisable. Cela nécessite de travailler avec Phonegap Build.

Voici leur guide vidéo:

Promouvoir votre application

Une fois que votre application est disponible dans le magasin, vous voudrez faire connaître à vos lecteurs tous les canaux habituels: courrier électronique, Facebook, Twitter, etc. Mais vous voudrez probablement aussi qu'ils voient une bannière intelligente en haut de votre site lorsqu'ils naviguent sur votre site Web mobile..

Il existe actuellement un plugin WordPress gratuit pour afficher les bannières Smart App. Vous pouvez également coder les bannières de manière native, par exemple. promotion des applications dans Safari mobile.

Où allons-nous à partir d'ici?

Avec l'intégration Phonegap d'AppPresser, le ciel est la limite à la sophistication d'une application que vous pouvez créer à partir de votre site WordPress. Je recommande de consulter leur documentation, leurs extensions, des exemples d'applications et des guides vidéo pour stimuler votre imagination..

AppPresser étend de manière impressionnante le potentiel de WordPress en tant que plate-forme d'application. Bonne chance!

Liens connexes

AppPresser fournit une excellente suite de documentation pour vous aider à réussir avec leur produit. Voici quelques liens connexes que vous voudrez peut-être consulter:

  • Site Web AppPresser
  • Documentation AppPresser
  • Chaîne vidéo AppPresser sur YouTube
  • Exemple d'applications AppPresser
  • Extensions AppPresser
  • Adobe Phonegap

Vidéos connexes

AppPresser propose une suite complète de vidéos de présentation et de tutoriels étape par étape pour vous guider dans toutes vos tâches. Voici quelques ressources supplémentaires:

  • Installation d'AppWoo pour WooCommerce
  • AppPresser Custom App PhotoBlogging
  • Comment créer une application mobile iOS / Android native avec WordPress (via WordSesh2)
  • Scott Bolinger: Création d'applications mobiles WordPress: Trucs, astuces et bien plus encore! (via WordPress TV)