# Novo-monde tout beau tout neuf pour 2017 On t'en avait parlé un peu parlé sur les réseaux sociaux ou dans notre Newsletter, mais ça fait des mois qu'on travaille d'arrache-pied sur une toute nouvelle version de notre blog de voyage Novo-monde. Il faut dire que le [dernier coup de jeune](https://www.novo-monde.com/nouveau-design-novomonde/) qu'on avait donné à notre blog date quand même d'avril 2013 et que 4 ans dans le monde du web c'est carrément une éternité :). En plus, avec nos [projets d'entreprenariats](https://www.novo-monde.com/bilan-entrepreunariat-2017/), il nous fallait une vitrine toute neuve qui reflète vraiment nos compétences actuelles dans le domaine du web. Allez viens... on t'emmène faire un tour sur notre nouveau bébé :) ## Novo-monde sous WordPress ![logo wordpress](https://www.novo-monde.com/app/uploads/2017/04/wordpress-logo-notext-rgb-150x150.png)Le premier très gros changement c'est que notre blog utilise dorénavant le CMS bien connu de tous: j'ai nommé [WordPress](https://wordpress.org/). Alors pourquoi avoir décidé de migrer notre blog sous wordpress?Quand nous avons commencé Novo-monde, j'avais décidé de n'utiliser aucun CMS pour apprendre la programmation web sur de bonnes bases. Alors c'était effectivement une bonne idée pour le côté didactique de la chose... mais avec le temps, c'est devenu un frein pour l'évolution du site. Imagines toi, jusqu'à maintenant, toutes les pages de notre site étaient écrite à la main, en html et php ;)... Chaque fonctionnalité du site devait être codée par mes soins... Bref, on commençait à envier un peu nos copains blogueurs qui écrivaient leurs articles directement dans l'éditeur Wordpress et qui bénéficiaient d'une montagne de plugins pour ajouter de nouvelles fonctionnalités à leur site. C'est donc comme ça qu'on a décidé de migrer notre site sous wordpress. Par contre, ce à quoi on n'avait pas forcément pensé, c'est la masse de travail que représente une telle migration... Et peut-être que c'était mieux ainsi car pas sûr qu'on se serait lancé dans l'aventure si on avait su avant :) ## Novo-monde sur mobiles et tablettes Si tu nous lis depuis quelques temps déjà, tu sais que notre site n'était pas vraiment agréable à lire sur mobiles et tablettes. Du coup, on s'est plié en 4 pour que Novo-monde soit maintenant aussi sympa à consulter sur ton petit smartphone, ta tablette, ton laptop ou encore ton grand écran de bureau. On espère que le résultat te plaît et n'hésite pas à nous faire des remarques si quelque chose te semble bizarre pas ou que tu vois un bug ;) ![version desktop novo-monde](https://www.novo-monde.com/app/uploads/2017/04/screencapture-novo-monde-1491253785515-667x1024.png)![version tablette novo-monde](https://www.novo-monde.com/app/uploads/2017/04/screencapture-novo-monde-1491253887523-500x1024.png)![version mobile novo-monde](https://www.novo-monde.com/app/uploads/2017/04/screencapture-novo-monde-1491253935245-155x1024.png) ## Garder l'esprit de notre blog Migrer sous wordpress, avoir un site responsive, moderne et tout et tout c'est bien joli... Mais ce qu'on voulait éviter par dessus tout, c'est de perdre la personnalité, l'esprit un peu *"familial"* et *"bon enfant"* que dégageait notre blog. On a donc bossé dur avec notre pote designer Val pour améliorer l'expérience utilisateur tout en gardant le look, les couleurs, l'ambiance qu'on aimait tant sur notre ancien site. > Quand tu arrives sur notre site, on veut que tu te sentes comme à la maison, dans ton canapé en train de discuter voyage avec 2 bons potes. ## Plugin Novo-map version 2.0 ![novo-map mobile](https://www.novo-monde.com/app/uploads/2017/04/Screenshot_20170403-225035-200x300.png)Tu te rappelles du [plugin WordPress Novo-map](https://www.novo-monde.com/plugin-wordpress-google-map-novomap/) que j'avais développé pour les gens qui nous avaient demandé comment on avait intégré notre carte google map sur notre site. Eh bien maintenant qu'on utilise aussi Wordpress, on peut nous aussi utiliser notre propre plugin ;) (enfin!)... Mais il faut avouer que lorsque j'avais fait la 1ère version du plugin, j'étais encore un bleu en développement de plugin. Du coup, il était hors de question que j'utilise le plugin sur notre nouveau site sans une grosse mise à jour de ce dernier. Voici en gros les nouveautés du plugin: - Le code a été complètement nettoyé et retravaillé pour être plus à jour avec les standard wordpress 2017 :) - On peut dorénavant utiliser des pins en format svg pour un résultat parfait même sur les écrans Retina - utilisation avec shortcode, widget ou des fonctions - Il est maintenant possible d'afficher plusieurs map par page. - Affichage des articles par catégories. - Personnalisation des couleurs des maps - ... Si tu te demandes à quoi ça peut ressembler, passe sur une sur une de nos [pages catégories](https://www.novo-monde.com/randonnee/) et cliques sur le bouton en haut à droite. Tu verras une carte apparaître avec tous nos article sur la page d'accueil et les articles de la catégorie sur les pages catégorie. Sympa non?![novo-map desktop](https://www.novo-monde.com/app/uploads/2017/04/Screenshot-from-2017-04-03-234423.png "novo-map desktop")Pour les utilisateurs et futurs utilisateurs du plugin, sachez que la version 2.0 **n'est pas encore téléchargeable** (je n'ai pas encore eu le temps de mettre à jour la documentation et tout et tout). Mais j'espère avoir le temps de faire ça pour le mois de Mai. Sinon, j'aimerai aussi mettre le repository du plugin en public afin que d'autres développeurs intéressés puissent m'aider dans son développement. ## Un design plus moderne Exit la sidebar, on voulait **laisser plus de place aux photos** sur notre site (il faut dire qu'on essaie de s'améliorer en photo et qu'on voulait vraiment mettre ça un peu plus en avant sur le blog). Du coup, on a laissé tomber le menu latéral, mis de grandes photos en début d'articles, on mettra dorénavant aussi plus d'images qui s'ouvrent dans des lightboxes. On a aussi revu les styles des articles avec des éléments plus homogènes, de nouvelles boxes "infos utiles" (nos trucs verts étaient vraiment moches), une nouvelle police d'écriture. On espère que le résultat actuel te plaît autant qu'il nous plaît (et n'hésite pas si tu as des suggestions à nous faire ;) ). ![articles novo-monde](https://www.novo-monde.com/app/uploads/2017/04/screencapture-novo-monde-birmanie-itineraire-budget-bilan-1-659x1024.png)![infos boxes novo-monde](https://www.novo-monde.com/app/uploads/2017/04/screencapture-novo-monde-birmanie-itineraire-budget-bilan-2-1024x787.png) ## Du côté technique Pour ceux que ça intéresse, voici aussi quelques petits détails techniques: - Notre site est en fait un thème enfant 100% fait maison du **framework Genesis**. Pourquoi avoir décidé d'utiliser Genesis? Simplement parce que je trouve important que les fondations d'un site (HTML5, microdonnées...) soient solides et mises à jour par une équipe de développeurs dédiée à ça. De plus, [Genesis](http://my.studiopress.com/themes/genesis/) est un framework ultra flexible et qui laisse un maximum de liberté aux développeurs. - **HTTPS** : Ces derniers temps, google fait le forcing pour qu'un maximum de sites passent en https (emails, notifications dans le webmaster tool)... Et comme avec [let's encrypt](https://letsencrypt.org/), le certificat ssl sont maintenant gratuits, j'ai profité de cette nouvelle version du blog pour le passer sous https. ## Ce n'est que le commencement Alors on t'avouera qu'on a beaucoup hésité à mettre notre nouveau site en ligne dans son état actuel. Même si on est déjà très fier et content du résultat actuel, on est encore loin d'avoir mis en place tout ce qu'on avait prévu. Mais après de longs mois de travail, on ressentait le besoin de sortir quelque chose et de le confronter à nos lecteurs pour avoir des feedbacks extérieurs. Les nouvelles fonctionnalités viendront donc par la suite, au fur et à mesure. Voici ce qu'on a dores et déjà prévu de faire : - Rajouter un peu de contenu sur la page d'accueil et les pages catégories qui sont un peu vide à notre goût. - Ajouter un menu sur la page d'accueil pour changer facilement l'affichage entre les articles récents, populaires, par catégories... - Ajouter la fonction de recherche d'articles - Comme beaucoup de gens semblent imprimer nos articles, on va ajouter la possibilité des les sauver en format pdf ou de les imprimer facilement. - ajouts d'albums photos en fin d'articles. - Mise à jour de notre e-book gratuit - Optimiser le site pour améliorer encore son temps de chargement (j'ai fait le strict minimum pour l'instant) - ... Évidemment, si tu as d'autres idées ou remarques, n'hésite pas à nous en faire part en commentant cet article ou en nous envoyant un petit e-mail.Infos UtilesOn remercie infiniment notre pote Val pour son magnifique travail sur le design du site... Sans ses idées, Novo-monde n'aurait pas la même tête aujourd'hui. Alors voilà pour les principales nouveautés de ce Novo-monde 3.0. Mais comme on te l'a dit, le site va être en constante évolution ces prochains mois et la version 3.1 ou encore 3.2 ne devraient pas tarder à voir le jour :). Donc n'hésite surtout pas à nous donner ton avis, nous faire des remarques ou encore nous dire si tu vois des bugs. Ça nous serait super utile! En ce qui nous concerne, la tout de suite on est juste super content d'avoir ce nouvel outil de travail à notre disposition. On t'avouera qu'on a investit BEAUCOUP de temps et d'énergie dans la création de ce nouveau site et qu'on se réjouit maintenant de faire une petite pause dans le développement et d'enfin l'utiliser pour te faire voyager.