DIY : Créez votre application blog pour Iphone et smartphone gratuitement

Tout d’abord un gros merci pour l’accueil que vous avez fait pour les nouvelles cartes, c’est juste hyper motivant et trop cool ^^
Aujourd’hui on retourne à la semaine spéciale application !
Après mon article sur l’appli Point P et SAGO Mini je vous propose aujourd’hui de faire votre propre application Smartphone pour votre blog gratuitement. Oui vous avez bien lu, c’est possible en bidouillant un petit peu vous aurez votre propre application et vous allez voir c’est easy et le résultat est plutôt cool !

application-iphone
Avec l’augmentation de la lecture des blogs sur les tablettes et les smartphones, avoir un site responsive (c’est à dire qui s’adapte à tous les nouveaux supports de lectures facilement) est devenu une norme.
Du coup je me suis penchée sur la suite logique de l’évolution que je pourrai proposer pour le blog et en faire une application m’a parut intéressant et surtout cool à faire ^__^.
Après quelques recherches j’ai trouvé un moyen de faire sa propre application pour smartphone sans avoir à mettre les mains dans le code (même si de mon côté j’adore ça) et du coup accessible pour tout le monde, le tout sans passer via l’Apple Store jusqu’à un certain nombre de visites par jour.

Pour faire son application on va se servir du super site Como.com qui permet donc de réaliser des applications super facilement et propose un joli design et une interface de création très intuitive.
Après vous allez voir c’est vraiment facile je vous ai fais des captures d’écrans pour que vous puissiez vous y retrouver.
On commence donc par se créer un compte sur Como.com, jusque là rien de bien compliqué.

diy-commente faire et crer son application pour smartphone ou iphone-1diy-commente faire et crer son application pour smartphone ou iphone-2
Puis on ouvre un nouveau projet, moi il y a déjà mon premier test mais on va en créer un tout neuf ensemble.

diy-commente faire et crer son application pour smartphone ou iphone-3
On nomme son projet et on suit les instructions.

diy-commente faire et crer son application pour smartphone ou iphone-4
Comme je veux créer un appli pour mon blog, je ne donne pas mon compte Facebook. Il y aura d’autres options plus tard pour relier vos réseaux sociaux à votre application.

diy-commente faire et crer son application pour smartphone ou iphone-5diy-commente faire et crer son application pour smartphone ou iphone-6
Une fois l’URL de votre blog rentré, choisissez le type de votre application. Sans grande surprise on choisira « Blog » qui va amener une arborescence idéale pour votre blog.

diy-commente faire et crer son application pour smartphone ou iphone-7
On clique sur « suivant » et hop TADAAAM votre blog apparait version application. Ouai c’est un peu foufou non ?
Le flux RSS est directement chargé et les pages de votre application pré-faites. Après il vous suffit de tout régler à votre goût et ça c’est personnel, je ne peux pas le faire pour vous ^_^.

diy-commente faire et crer son application pour smartphone ou iphone-8
A vous de jouer maintenant, vous remplissez les champs, choisissez des images de fond, les couleurs de votre choix, rajoutez vos liens pour les réseaux etc…
N’hésitez pas à fouiller, cliquer un peu partout car vous allez voir le nombre d’options possible est carrément dingue !
N’oubliez pas de sauvegarder votre application de temps en temps afin de ne pas perdre votre projet ce serait dommage.

diy-commente faire et crer son application pour smartphone ou iphone-9
Si vous voulez personnaliser à fond votre application, il vous faudra créer les fichiers dans les tailles demandés par Como, tout est marqué en pixel et dans les différents formats. C’est là ou le fait de pouvoir enregistrer et mettre sa création en pause est pratique, cela permet de faire les visuels et de revenir plus tard dessus ^^.
Si vous n’êtes pas friands de Photoshop vous pouvez aussi passer par l’onglet « Style et navigation » et juste changer les couleurs et la disposition sans rajouter d’images de fond qui ont tendance à alourdir aussi la visibilité.

diy-commente faire et crer son application pour smartphone ou iphone-=10
Quand votre design est finit cliquez sur « modification terminée »

diy-commente faire et crer son application pour smartphone ou iphone-=11
Comme pour le moment on veux juste tester l’application et ne pas la mettre sur l’Apple Store, cliquez sur « Continuer à l’améliorer »

diy-commente faire et crer son application pour smartphone ou iphone-=12
Pour visualiser votre appli copier l’URL de la partie « Landing page adress ».
Pour moi cela donne http://poulette_magique.mobapp.at
Si entre temps vous faite des modifs n’oubliez pas de cliquer sur « Appliquez les modifications » pour que tout soit bien pris en compte.

diy-commente faire et crer son application pour smartphone ou iphone-=13
Puis pour installer votre application c’est super simple :
Vous vous envoyez le lien sur votre boite mail et vous l’ouvrez avec votre tablette ou smartphone.
L’application va s’ouvrir et il vous suffit d’enregistrer le lien en icone d’accueil et voila !
Vous allez voir une petite icone va se créer et hop votre application sera complètement accessible.
Si vous voulez voir ce que ça donne vous pouvez télécharger mon application et suivre directement le blog en enregistrant ce lien http://poulette_magique.mobapp.at   ♥

diy-faire-application-iphone-1
Pour le moment mon application n’est donc pas sur l’Apple Store et seulement accessible avec ce lien, mais si vous êtes nombreux(ses) à vous en servir je ferai les démarches pour la faire valider et pour qu’elle soit téléchargeable gratuitement ^__^.
Allez hop je vous laisse découvrir le design que j’ai choisi et puis après c’est à vous de jouer pour faire votre propre appli !

Blogueuse depuis 2009 dans la vie je suis Infographiste, web-designeuse et illustratrice. Je vis à Narbonne avec Jeff et Alice, Yoshi notre Beagle et Bulma récemment adoptée. Le blog est une sorte de carnet de bord de mes trouvailles vintages, ma passion pour la photographie et nos voyages.
Welcome ♥

53 commentaires

  1. lily
    26 mars 2015

    rooo géniale je viens de faire le mien en 10 minutes, je go le peaufiner mais c’est juste parfait comme tuto merci et oui le tien sera aussi sur ma tablette et mon tel merci

  2. Mademoisellevi
    26 mars 2015

    SUPERBE IDEE
    SUPERBES CONSEILS
    Super super super
    Merci beaucoup !!! ^^
    <3

  3. marie
    26 mars 2015

    c’est juste énorme ce que tu nous montres là !!!!! MERCI <3

  4. melle bidouille
    26 mars 2015

    Et hop! Une nouvelle appli pour mon smartphone!! Merci poulette! <3 super article!

  5. Cess
    26 mars 2015

    Je suis sur Como depuis plus d’un an. Je n’ai tjs pas la version Apple car c’est pas du tout au point et l’AppStore me refuse l’appli à chaque fois :/ du coup j’ai pas renouvelé pour l’année prochaine.

  6. Caro Dels
    26 mars 2015

    Merci c’est toptoptop !
    Je viens de faire la mienne du coup. Je ne comprenais pas pourquoi ça marchait pas au début, mais c’est que mon flux rss était sur partiel alors je l’ai remis en complet et là ça a marché !

  7. Clumsy
    27 mars 2015
  8. OUIOUIOUI studio
    27 mars 2015

    Non mais j’adore!!!!!! Poulette Magique l’apps est déjà sur mon écran d’I-phone ;) ♥
    C’est vraiment canon et on retrouve bien ton esprit très girly
    Je vais essayé c’est terrible! Merci Cécile

  9. Melle Blanche
    27 mars 2015

    C’est top !

  10. prettylittletruth
    27 mars 2015

    Un super article, et une idee que je garde en tete pour quand je serais prete :)

  11. Les Décalées
    27 mars 2015

    Merci beaucoup pour ces conseils qu’on a du mal à trouver ailleurs de manière aussi claire ! Je retiens cet article et j’y reviendrai lorsque le moment sera le bon :) Merci encore et à bientôt, les Décalées !

  12. Laureabeauty
    27 mars 2015

    Coucou !
    J’avais déjà fait mon application sur le même site il y a plus de 6 mois maintenant je pense !
    J’ai pas finalisé l’appli quand j’ai vu que c’était payant lol !
    Mais les prix que tu as affiché ne sont pas cher ! Peut-être était-ce plus cher avant ou que je n’étais pas prête pour faire le pas ? Je ne sais pas mais bien évidement, il faut le faire :)
    Merci encore =)
    Belle journée !

  13. loeli
    27 mars 2015

    Merci pour ce super article ! ça a l’air super facile dit comme ça alors j’ai hâte d’essayer de mettre tout cela en place ! :-)

  14. Carole
    27 mars 2015

    hop la voici sur mon smartphone… de quoi me rendre encore plus accro à ton blog :D

  15. Merci pour ce tuto. J’ai réussi grâce à toi à créer mon appli de blog, ça rend super.
    Par contre, je me suis envoyé le lien sur mon iphone et je n’ai pas réussi à enregistrer de façon à avoir une icone spécifique sur mon écran, sans passer par le navigateur internet…. Grrr
    Je vais chercher. Mais encore une fois merci !

    • poulettemagique
      27 mars 2015

      Tu cliques sur l’icône carré avec un flèche dessus et puis sur le carré avec le + « sur l’écran d’accueil » :)

  16. Ci-san
    27 mars 2015

    Super ton tuto! Merci beaucoup, je pensais que c’était beaucoup plus compliqué que ça de faire ce genre de choses. :-)

  17. Nadoo
    27 mars 2015

    Bonjour Poulette !
    Super cet article, mais je coince au niveau de « enregistrer le lien en icone d’accueil ».. je ne vois pas comment faire.. merci à toi

    • poulettemagique
      27 mars 2015

      En fait une fois sur la page, tu cliques sur l’icône carré avec un flèche dessus et puis sur le carré avec le + « sur l’écran d’accueil » :)

      • Nadoo
        28 mars 2015

        super merci c’est bon :)

  18. Oh ton article tombe à pic ! Je cherchais justement à faire une nouvelle appli’ car la mienne n’est pas du tout évolutive ! Merci ;-)
    Je n’ai pas encore compris comment mes lectrices pouvaient la télécharger sur leurs téléphones en « version gratuite » mais je vais bien finir par trouver hihi

    • poulettemagique
      27 mars 2015

      En fait une fois ton appli finit tu récupères le lien comme je l’ai fais et tu le donne à tes lectrices :)

  19. Amandine
    27 mars 2015

    Génial les infos merci beaucoup :)
    Bisous,
    Amandine

    http://catchyourdream.fr

  20. lae
    27 mars 2015

    Super article !! Je ne pensais pas ça si facile ^^

  21. Héléna
    28 mars 2015

    Ohhhh c’est une petite merveille ce que nous présente là !
    Merci beaucoup :-D
    Mon appli est créé, en quelques minutes.. WOW! Je suis ravie!
    (un peu moins du prix pour la mettre en ligne…mais bon…^^)

    Bisous

    • poulettemagique
      30 mars 2015

      Oui heureusement que l’on peu l’utiliser sans payer autant (mais du coup pas d’Apple Store)

  22. Alex
    29 mars 2015

    Super! Une nouvelle appli, et surtout, je vais pouvoir lire ton blog même les jours où j’ai la flemme d’allumer l’ordi! ^^

  23. sandrine
    30 mars 2015

    Un grand merci pour ce tutoriel :)
    J’ai passé mon we à créer une application vis à vis des allergies de ma fille !

  24. Asmaa
    30 mars 2015

    Tu es vraiment une poulette magique :D
    EXCELLENT ! Je vais tester tout ça ce soir du coup ^^

  25. bull'elodie
    31 mars 2015

    Je dois avoir un soucis, car lorsque je valide mon lien de blog cela m’affiche un message d’erreur =(

    • poulettemagique
      1 avril 2015

      Oui c’est bizarre.. regarde ton flux RSS ça vient peut-être de là.

  26. Porcelaine
    10 avril 2015

    Je file télécharger l’appli ! Merci !

  27. Je suis trrrroooooooop contente de tomber sur cet article et ce qu’il permet de faire …. !!!! MERCI MERCI !!
    Mais par contre, ça ne fonctionne pas pour moi :'( !!!!! Il ne veut pas que je fasse mon appli :'( !!

    • poulettemagique
      13 avril 2015

      Hum regardes si ton flux RSS est vraiment bon, c’est souvent ça qui ne marche pas :)

  28. Uly Apps
    28 décembre 2017

    Merci pour toutes ces astuces bien utiles et très complètes !

Comments are closed.