Publié par le 14 décembre 2015 • 259 Commentaires

Depuis le temps que je vous en parle, la nouvelle version de la Marmite est désormais en ligne.

Comme vous pouvez le voir, le blog est beaucoup moins agressif visuellement.

Pour tout vous dire, le bandeau bleu et l’agencement de la page d’accueil me sortaient par les yeux !

Il est vrai qu’avec la sortie de Relooker son Thème, je n’ai pas vraiment eu le temps de concevoir un thème qui corresponde davantage à l’esprit de la Marmite.

Après la sortie du guide, je m’y suis mis afin de vous proposer une meilleure expérience de navigation.

Eh oui, je veux prendre soin de vous 🙂

L’histoire de ce nouveau thème

Au départ, j’étais remonté comme un coucou.

J’ai réalisé plusieurs maquettes sur des feuilles de brouillon pour matérialiser la structure de la nouvelle version.

Voyez plutôt :

Maquettes de la nouvelle Marmite

Quand vous créez un site ou que vous travaillez sur une nouvelle version, faites TOUJOURS des maquettes sur papier. Cela permet de mettre vos idées au clair.

Tout ce que vous aurez prévu ne sera pas forcément intégré dans votre site. Ces maquettes ont pour but de vous donner une direction à suivre.

Continuons.

Comme je vous le disais, j’étais super excité de travailler sur cette nouvelle version.

Jusqu’à présent, je m’étais uniquement servi de thèmes premium pour habiller la Marmite. Voici un petit historique :

  • Version 1 : Exiria trouvé sur Themeforest (retiré de la vente depuis)
  • Version 2Thesis (aff) sur lequel j’ai plaqué de design d’Exiria (c’était une refonte sous le capot)
  • Version 3 : FlatPack de chez OboxThemes (aff) lancé fin mai 2014

Je voulais du frais pour cette 4ème version. Un code optimisé et dénué de tout superflu.

Du coup, je me suis mis en tête de partir d’un thème starter comme Underscores afin d’avoir une bonne base.

Tout allait bien mais 2 problèmes se sont présentés :

  1. Je suis vraiment nul en webdesign : Bien que je sache reconnaître de beaux designs, je suis totalement incapable d’en concevoir. Agencer les couleurs, les polices et les proportions n’est pas vraiment mon fort.
  2. Je n’avais pas beaucoup de temps : Bidouiller le code, c’est très bien mais je suis certain que vous préférez que j’écrive de nouveaux articles pour la Marmite n’est-ce pas ?

Pour résoudre ces deux problèmes, je me suis décidé (une fois de plus) à utiliser un thème WordPress premium.

Par contre, il me fallait un thème bien codé et qui ne disposait pas de 20000 options (c’est à dire pas de thème bling-bling).

L’idée était de partir d’un thème premium doté d’un design élégant que je pourrais modifier à ma guise pour obtenir quelque chose de propre.

Après pas mal de recherches, je me suis arrêté sur Ampersand de chez ArrayThemes (aff). Si vous comparez la démonstration à mes maquettes, vous verrez qu’il y a pas mal de similitudes.

Le thème Ampersand d'ArrayThemes

Ce nouveau design pique moins les yeux n’est-ce pas ? 🙂

Le principal avantage de ce thème est qu’il présente mieux les contenus (il est aussi beaucoup plus moderne).

Parlons maintenant de…

La phase de personnalisation du thème

Vous vous doutez bien que je n’allais pas bêtement activer ce nouveau thème et voir ce qu’il allait se passer.

Non, sinon attention les dégâts !

Il faut faire les choses correctement pour que cela perturbe le moins possible la navigation des visiteurs (c’est à dire vous).

Pour vous transmettre les bonnes pratiques, voici comment j’ai procédé :

  1. Duplication de la Marmite sur un site de développement
  2. Création et activation d’un thème enfant
  3. Étude du code présent dans le fichier functions.php du thème précédent (et copie de ce qui est nécessaire)
  4. Création de modèles de page spécifiques (pour ne pas perdre les agencements créés précédemment, comme sur cette page par exemple)
  5. Personnalisation (enfin relooking) du modèle de page d’accueil
  6. Ajout des balises Schema.org pour optimiser le référencement
  7. Optimisation des différents types de page (pages d’articles, de catégories, etc)
  8. Et pas mal d’autres petites choses ici et là

Une fois que tout était prêt sur le site de développement, j’ai activé ce nouveau thème sur la Marmite et voilà !

Normalement, tout fonctionne bien 🙂

Si jamais vous trouvez que quelque chose ne fonctionne pas comme il le devrait. Contactez-moi pour que je puisse jeter un oeil.

À présent que nous avons parlé des nouveautés visuelles, intéressons-nous à ce qu’il se passe sous le capot.

Il y a peu j’ai opté pour…

Un nouveau système de newsletter

Pour tout blog, avoir une newsletter est ESSENTIEL afin de garder le contact avec ses visiteurs.

Si vous êtes inscrit à la newsletter de la Marmite, vous devez savoir de quoi je parle 😉

Auparavant, j’étais à la fois chez Aweber et chez Mailchimp.

Et oui, c'est bête

Oui je sais, ce n’est pas ce qu’il y a de plus efficace…

Au départ, j’ai créé un compte chez Aweber car c’était le service que tout le monde recommandait.

Pour vous dire ce que j’en pense, je trouve que leur service est assez basique. Je me suis donc dirigé vers Mailchimp mais je n’y ai pas transféré les abonnés d’Aweber.

Mailchimp est génial pour commencer (c’est gratuit jusqu’à 2000 abonnés), cependant j’avais besoin d’un outil plus précis (notamment pour envoyer les bons emails aux bonnes personnes).

Je gérais donc les deux services de newsletter en même temps. Autant vous dire que ce n’était pas super pratique…

Une fois qu’un email était écrit, il fallait le copier dans l’autre service pour l’envoyer à tous les abonnés…

Bref, il fallait que je passe à autre chose.

C’est alors que je suis tombé sur ActiveCampaign (aff).

Ce service permet de vous envoyer la newsletter mais surtout de mieux cibler les envois de façon à ne pas vous importuner avec des emails inutiles.

Avec ActiveCampaign, je gère aussi les clients de Relooker son Thème et les abonnés de mon blog personnel.

Maintenant tout est centralisé, j’ai une meilleure vision d’ensemble et je ne vous envoie plus d'emails en double.

Grâce à ce service, j’ai aussi créé…

Un cours gratuit sur la création de site avec WordPress

En allant sur la page d’accueil du blog, vous verrez que j’invite les visiteurs à se lancer dans la création de leur premier site WordPress.

Après avoir cliqué sur le bouton « Commencer maintenant », le visiteur sera invité en entrer son email afin de recevoir les différentes leçons.

Au total, 6 leçons ont été rédigées. Une fois que vous aurez parcouru la première, je vous inviterai à passer à l’action (eh oui, votre premier site ne va pas se monter tout seul !).

Grâce à ActiveCampaign, vous pourrez m’indiquer que vous avez complété une leçon. Cela me permettra de vous envoyer la suivante dans la foulée si vous désirez continuer (sinon la leçon suivante vous sera envoyée le lendemain).

Pas mal, n’est-ce pas ?

Si ce cours vous intéresse, entrez votre email sur la page d’accueil du blog et laissez-vous guider 😉

Un nouveau design, ça se fête !

Beaucoup de choses se sont passées cette année. La mise à l’arrêt de Thèmes de France, le lancement de Relooker son Thème, des projets personnels qui aboutissent, etc.

Avec Nicolas, on a aussi donné le meilleur de nous même pour vous fournir des articles de qualité. J’espère que nous avons comblé vos attentes. Rassurez-vous pas mal de bonnes choses seront publiées sur la Marmite en 2016.

Enfin pour le moment, je désire vous remercier de votre fidélité en organisant un concours.

De nombreux partenaires ont accepté de mettre en jeu différents lots pour l’occasion. Voyez plutôt :

  • WP Rocket – 3 licences perso (valeur 105€)
  • Imagify – 1 Go d’image (valeur 10€)
  • Blogvault – 20% sur l’offre annuelle
  • WP Serveur – 1 site WP hébergé pendant un an (valeur 228€)
  • O2Switch – 4 x 1 an d’hébergement (valeur 288€)
  • CSS Igniter – 3 packs développeur (valeur 216€)
  • Beaver Builder – Une licence Pro (valeur 90€)
  • Relooker son Thème – 3 Éditions Complète (valeur 447€)
  • 3 x 1 heure de coaching WordPress par Alex (valeur 207€)

Si on fait les comptes, le montant total des lots à gagner est de 1591€ !!

Le concours est désormais terminé ! Les vainqueurs ont été contactés. Merci aux participants et félicitations aux gagnants 🙂

Cependant vous pouvez toujours suivre la Marmite sur ces sites





Merci de suivre la Marmite 🙂