Suite à l'installation du nouveau design, le blog peut encore présenter quelques erreurs, ou bugs d'affichage. Merci de votre compréhension.

Design : Cocodélices
Aujourd'hui je vous parle des modifications réalisées pour Coralie du blog Cocodélices !

Coralie partage avec nous des recettes sucrés, salés, des entrées, des apéritifs. Elle m'a contacté pour créer un logo rose, girly, en relation avec la cuisine avec pourquoi pas des ustensiles. Elle n'avait pas de police précise en tête, je lui ai donc proposé plusieurs variantes de logos et voici celui qu'elle à choisi :

Design : Cocodélices

Coralie voulait migrer son blog de Canalblog vers Blogger. Pour cela elle avait besoin d'un design pour aller avec son nouveau logo !

Voici son blog avant les modifications :

Design : Cocodélices

Pour commencer, elle voulait une mise en page des articles en aperçu sur la page d'accueil. La photo à gauche, et à droite : les libellés suivis du titre de l'article, la date, un extrait de l'article, le lien "Lire la suite", et les commentaires.

Design : Cocodélices

Les éléments de cuisine du logo ont été repris dans la barre latérale pour remplacer les ronds de couleurs. De plus, des boutons pour les réseaux sociaux ont été créés dans les mêmes couleurs pour s'accorder au design du blog.

Design : Cocodélices

Les liens de navigation en bas de page ont étés modifiés pour s'accorder au design. Les liens "Isncription à Atom" ont été supprimés. Le pied de page (comme l'en-tête) à été ajusté à 100% de largeur du blog, une bordure lui à été ajouté pour le séparer du contenu du blog, et un gadget d'articles les plus consultés à été ajouté en bas de page :

Design : Cocodélices

Sur les pages d'articles, les en-têtes ont été réarrangés dans l'ordre suivant : libellés, titre, date.

Design : Cocodélices

Les pieds d'articles ont été modifiés pour afficher les boutons de partage vers les réseaux sociaux, et l'apparence des commentaires à été modifié comme sur mon blog ;)

Design : Cocodélices

Pour finir, l'ensemble du blog est responsive (s'adapte aux différentes tailles d'écran), et la version mobile à été modifiée pour reprendre le design de la version web.

Design : Cocodélices

Modifications réalisées :

  • Création d'un logo pour le web
  • Affichage automatique des articles en aperçu sur la page d’accueil : photo à gauche, aperçu à droite
  • Adaptation du blog pour le rendre responsive
  • Version mobile
  • Modification de l’apparence du gadget Articles les plus consultés de manière horizontale dans le pied de page
  • Modification de l'apparence des liens de navigation "Articles plus anciens", "Accueil", "Articles plus récents"
  • Création de boutons de médias sociaux (Facebook, Pinterest, Instagram, etc.) pour la barre latérale
  • Modification de l'apparence de l'en-tête des articles sur la page des articles
  • Modification de l’apparence du pied d’article sur la page des articles
  • Modification de l’apparence des commentaires
  • Ajustement de l'en-tête et du pied de page à 100% de largeur du blog
  • Ajout d'une barre de séparation au-dessus du pied de page
  • Suppression des liens Inscription Atom
  • Résolution du problème d'interlignes dans les articles

Autres articles

11 commentaires:

  1. Très sympa :) j'aime beaucoup ce que tu as fait avec les icônes d'ustensiles que tu as repris dans la sidebar :) et c'est rose tout doux ^^

    RépondreSupprimer
  2. Très beau travail. Le design est très simple et girly j'aime beaucoup !
    Bisous, bonne soirée ♥

    RépondreSupprimer
  3. Merci pour ce chouette article !! C'est un bon résumé de tout ce qui a changé :) Merci pour ton travail et ton écoute ! Je continue à suivre tes précieux tutoriels pour les éventuelles améliorations à apporte pour peaufiner Cocodelices ! A Bientôt ;)

    RépondreSupprimer
    Réponses
    1. De rien ! Je suis contente d'avoir travaillé sur ton blog ;)

      Supprimer
  4. C'est très beau!
    Pourrais tu nous faire un tuto pour créer une jolie barre de partage vers les réseaux sociaux s'il te plaît ?
    Bisous ;)

    RépondreSupprimer
    Réponses
    1. C'est noté sur ma liste de tutoriels à faire ;)

      Supprimer
  5. Très beau travail, j'adore le design! Par contre, je me demandais comment faire pour mettre la barre de navigation dans la version mobile du blog?

    RépondreSupprimer
  6. Bonjour,

    le design est top! un beau travail.

    est-ce que tu prends des demandes de nouveaux design? J'aimerais refaire le mien.

    A bientôt

    RépondreSupprimer
    Réponses
    1. Bonjour,

      Merci ! :)

      Oui, envoie-moi un message avec le formulaire de contact accessible sur la page Design ;)

      Supprimer

Vérifiez d'abord que la réponse à votre problème ne se trouve pas déjà dans les commentaires ;)

Je modère les commentaires 1 fois par semaine, mais je ne vous oublie pas ! :)

Newsletter

Tu veux recevoirinfos exclusives, news et ressourcesdans ta boîte mail ?
Lady Bird RedDesign et contenu par Catherine Surr
Mentions légales . Un blog créé sur Blogger