Aide S'inscrire

Comment utiliser un design avec une sidebar à gauche ou à droite

Vous êtes nombreux à vouloir retravailler le design de votre site Jimdo et à vous poser des questions sur les barres latérales - ou "sidebars". A quoi servent-elles et quels éléments doivent y figurer ? Même si les sidebars peuvent être un peu déroutantes au début, elles sont un moyen efficace pour présenter sur votre site des informations importantes, sur vous ou votre business.

Dans cet article, nous vous donnerons des conseils pour choisir un design avec une sidebar, et vous présenterons quelques exemples de sites Jimdo utilisant une sidebar efficacement.

Votre site a-t-il besoin d'une sidebar ?

Pour trouver le design adapté à votre site, vous pouvez lister vos souhaits le concernant. Avec cette liste, il vous sera alors plus facile d'identifier le bon design quand vous le verrez.

 

Admettons que vous ayez une e-boutique pour vendre vos photos. Voici à quoi pourrait ressembler votre liste de souhaits. Vous aimeriez :

  • Que votre site web soit uniquement en noir et blanc pour aller avec le style de vos photographies en noir et blanc.
  • Que votre logo soit dans le coin en haut à gauche de chacune des pages de votre site.
  • Un espace photo sur votre page d'accueil assez large pour pouvoir présenter vos meilleures photos. 
  • Une sous-page avec une e-boutique pour vendre vos photos.
  • Un formulaire de contact et des boutons pour vos réseaux sociaux.
  • Une page "À propos" pour vous présenter.

 

Maintenant que vous avez identifié les besoins de votre site, vous pouvez commencer à chercher un design qui correspond à votre liste. Pour cela, concentrez-vous sur les différentes fonctions des mises en page.

Si vous souhaitez davantage de conseils pour choisir votre design, consultez cet article de blog.

Si vous avez parcouru les différents designs Jimdo grâce à notre index des designs, vous avez sans doute remarqué qu'il y a des points communs entre les mises en page. Un de ces points communs est la sidebar.

 

La sidebar est le second espace de contenu de votre site. Sa particularité est qu'elle apparaît sur chaque page. Cela signifie que vous devez y faire figurer uniquement des informations pertinentes comme vos coordonnées, vos réseaux sociaux ou tout autre élément indispensable.

 

La sidebar apparaît à droite, à gauche ou encore en bas de page de votre site. Très souvent, les gens préfèrent un design avec une sidebar en bas de page et s'en servent comme footer. Dans cet article, nous allons nous concentrer sur les designs avec une barre latérale, qui, comme son nom l'indique, est placée sur la droite ou la gauche du design.

Sidebar à gauche
Sidebar à gauche
Sidebar en bas de page
Sidebar en bas de page

Pourquoi utiliser une sidebar ?

  • La sidebar attire l'oeil. Si vous gérez une e-boutique ou le site d'un restaurant par exemple, vous pourrez y placer vos coordonnées et horaires d'ouverture. Les internautes ont l'habitude de trouver ce genre d'informations à cet endroit, vous leur faciliterez donc la vie !
  • Vous gagnerez du temps. Si vous voulez avoir certaines informations présentes sur toutes les pages de votre site, placez-les dans la sidebar. Cela vous évitera d'avoir à  copier ces éléments sur toutes vos pages. 
  • Le contenu de votre site sera plus structuré. Si vous insérez le même contenu manuellement sur chaque page, la sidebar vous permettra non seulement de gagner du temps, mais aussi d'être sûr d'avoir exactement le même résultat sur chaque page (même espacement, position, police, etc...).
  • C'est un très bon outil si vous bloguez. Vous pourrez ainsi insérer des liens vers vos derniers articles de blog et les blogs que vous aimez.

Mais dans certains cas, une sidebar peut avoir des inconvénients : 

  • L'utilisation d'une sidebar réduit l'espace réservé à votre contenu. Si vous avez un site présentant votre portfolio ou si vous voulez présenter des photos dans leur largeur, il est préferable de choisir un design avec une sidebar en bas de page.
  • Si vous ne pensez pas avoir besoin d'une sidebar sur votre site (sur le côté ou en bas de page), choisissez plutôt un design avec une sidebar en bas et laissez-la vide. Notez que cela fonctionne uniquement avec la sidebar en bas de page. Si vous sélectionnez un design avec une sidebar à droite ou à gauche et que vous la laissez vide, il y aura toujours un espace vide sur le côté de votre site.

Voici quatre exemples de design qui ont une sidebar à droite :

Ces designs ont aussi une sidebar : Reykjavik, Dubai, Hong Kong, Lima, Madrid, St. Petersburg, Verona, Prague, Cape Town. Avec de nombreux designs, vous pouvez choisir d'avoir la sidebar à droite ou à gauche de votre site en sélectionnant la variation de design voulue dans le menu "Designs".

Des exemples de sites Jimdo avec une sidebar

Pour que vous puissiez vous faire une idée, voici quatre exemples de sites Jimdo créés avec les designs Dublin, Helsinki, San Fransisco et Amsterdam, et qui ont une sidebar.

Design Dublin

www.vers-branding.com
www.vers-branding.com

Pourquoi nous aimons Dublin :

  • La navigation et la sidebar sont regroupées. Vous pouvez utiliser cet espace uniquement pour votre menu, ou bien ajouter des informations supplémentaires en-dessous comme par exemple vos réseaux sociaux ou les horaires d'ouverture de votre magasin. 
  • Il est compact. Si vous n'avez pas beaucoup de textes et d'images à mettre sur votre site, celui-ci n'aura pas l'air vide si vous ajoutez simplement quelques lignes de texte et une belle image.
  • Parfait pour un logo subtil : le logo sur le design Dublin se trouve en haut à droite du site. Pratique si vous voulez placer un logo discret ou si vous n'avez pas de logo du tout.

Design Verona

www.feierfein.de
www.feierfein.de

Pourquoi nous aimons Verona :

  • Verona est un design classique, parfait pour le site de votre business.
  • La navigation est horizontale et placée en haut de votre site. Elle est simple à utiliser.
  • Les espaces logo et en-tête sont bien mis en valeur.

Design San Francisco

www.zwohandbreit.de
www.zwohandbreit.de

Pourquoi nous aimons San Francisco :

  • Vous avez le choix entre quatre variations de couleur.
  • Sa structure est parfaite si vous avez un blog sur votre site.
  • San Francisco est compact, donc si vous n'avez pas beaucoup de contenu sur votre site, il n'aura pas l'air vide.

Design Amsterdam

www.au-jardin-des-saveurs.fr
www.au-jardin-des-saveurs.fr

Pourquoi nous aimons Amsterdam :

  • Avec ces effets d'ombre, Amsterdam accentue l'espace réservé à votre contenu tout en gardant les avantages d'une sidebar sur la droite.
  • L'espace en-tête est assez important, ce qui vous permet de mettre en valeur votre logo et votre titre.
  • Ce design est tout à fait adapté à un site professionnel. Faites en sorte que le contenu de votre sidebar reste simple et discret pour ne pas distraire vos visiteurs.
  • Dans les variations de ce design, vous pouvez choisir une navigation placée en haut de votre site qui restera toujours visible, même si vous descendez sur la page.

Mathilde Kurtz

Rédactrice web


Écrire commentaire

Commentaires : 7
  • #1

    Noureddine (jeudi, 07 avril 2016 13:00)

    bonjour Mathilde je vous adore, tout vos conseil sont extra, cela ma permis, de bien gérer et de trouver les modifications nécessaire pour mon site que je voulais lancé. Merci.

  • #2

    OMS Eybens (dimanche, 24 avril 2016 11:04)

    Bonjour,
    Dans vos commentaires relatif au design Amsterdam qui a retenu mon attention, vous dites :
    "Dans les variations de ce design, vous pouvez choisir une navigation placée en haut de votre site qui restera toujours visible, même si vous descendez sur la page"
    Dans le site "exemple" il semble que cette option n'est pas effective.
    Faut-il faire une manœuvre particulière pour mettre en place cette option en œuvre.

  • #3

    Blanchy Michel (mardi, 10 mai 2016 15:17)

    Dans le design de mon site, je ne trouve pas le side-bar, est-ce normal ?
    Merci pour votre réponse et bonne fin de journée

  • #4

    JimdoFrance (vendredi, 13 mai 2016 12:46)

    @Blanchy Michel : la sidebar est pourtant disponible sur votre site. Elle se trouve sous l'espace contenu, dans la partie verte de votre site en fait.

  • #5

    JimdoFrance (vendredi, 13 mai 2016 12:55)

    @OMS Eybens : il faut sélectionner la 3ème variation du design Amsterdam pour que la navigation reste toujours visible (ce qui n'est pas le cas effectivement dans l'exemple choisi :()

  • #6

    clinique esthetique (jeudi, 09 juin 2016 13:51)

    nice job

  • #7

    COUNTRY COROT DANCE (vendredi, 01 juillet 2016 09:51)

    Bonjour,

    ai changé mon design (choix Rome)
    n'arrive pas à mettre mon header visible ni à l'agrandir comme sur l'exemple !

    merci de me dépanner

    CCD 91