Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.

Rejoignez le forum, c’est rapide et facile

Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.
Communauté francophone - Jimdo
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment : -15%
(Adhérents Fnac) LEGO® Star Wars™ ...
Voir le deal
552.49 €

Largeur du template Lima

2 participants

Aller en bas

Largeur du template Lima Empty Largeur du template Lima

Message par Charlotte SJ Ven 3 Nov 2017 - 1:24

Bonjour, Suite à un webinar cette semaine, me voilà de nouveau avec des envies de modification de mon site, qui ronronne dans sa mise en page depuis au moins deux ans. J'utilise le template Paris, que j'ai pas mal modifié par des codes dans le head, après de très très nombreux essais, des nuits à bidouiller. Aujourd'hui, j'aimerais que mon logo, ma navigation et les petites infos du bas (généralement) soient regroupés à gauche, les uns sous les autres, et le reste de l'écran pour mes photos. Je fais des tests avec Lima sur un autre site (en attente pour une autre boîte) pour ne pas ravager mon site actuel, ça donne ça www.roseroure.fr. J'ai rajouté dans le head le code suivant <style type="text/css">
/*<![CDATA[*/
   .jtpl-content {
   max-width: 1500px;
   width: 83vw;!important}
/*]]>*/
</style>
ce qui permet d'agrandir le bloc serré à droite pour occuper tout l'écran, c'est la disposition que je cherche.
Mes questions : est-ce que c'est la bonne méthode ou est-ce que je chamboule trop la structure ? y-a-t-il une autre solution, un autre template que j'aurais pas vu et qui serait plus simple à modifier ?
Merci de votre aide (avant que je me lance dans la démolition...)!
Charlotte SJ
Charlotte SJ

Messages : 32
Date d'inscription : 13/10/2014

http://atelierbeaubrin.com

Revenir en haut Aller en bas

Largeur du template Lima Empty Re: Largeur du template Lima

Message par FredVig Ven 3 Nov 2017 - 11:20

Je pense que si vous obtenez le résultat escompté à partir du code, c'est très bien. D'autant que, si c'est votre site principal, vous verrez de suite si un code ne fonctionne plus à cause d'une mise à jour, et vous pourrez intervenir de suite.
Par principe, comme cela touche la navigation, j'aurai tendance à chercher un design jimdo qui propose d'office le maximum des apparences que je recherche, et ensuite, je rajouterai les modifications de code.
Mais cela veut dire qu'il faut renoncer aux codes ajoutés précédemment, dont on a parfois oublié le fonctionnement ou l'usage.
Actuellement sur www.roseroure.fr, la transition d'aspect n'est pas au point avec une fenêtre navigateur de 1600px de large : le bloc à droite est repoussé vers le bas en laissant un espace blanc à droite de la navigation+logo+titre. Il devrait se réduire et rester à droite, il me semble. Puis passer en dessous à partir d'une fenêtre plus étroite @media (max-width: 959px)
Sans doute un petit soucis de valeur dans les conditions @media, ou de la valeur width:83vw.
Si vous craignez de "démolir" le site, enregistrez sur votre disque dur le code situé dans "modifiez le Head" (celui de chaque page) ou enregistrez les feuilles de styles intégrées à l'aide de l'inspecteur de styles. Enregistrez également les pages de votre site si vous avez inclus des widgets html aux pages, en particulier du javascript. Notez le nom précis de votre design.
Ainsi vous pourrez revenir en arrière assez aisément.
Autre détail, vous forcez la largeur du .jtpl-content avec un !important. Vérifiez que vous n'avez pas d'autre solution (par exemple en ciblant un contenant supérieur ou inférieur au .jtpl-content) car cela peut contrecarrer une propriété responsive d'origine. Mais a priori, ça me semble une méthode adéquate.
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Largeur du template Lima Empty Re: Largeur du template Lima

Message par FredVig Ven 3 Nov 2017 - 11:26

Pour être plus précis, la valeur adéquate serait 69vw.
Ainsi, le bloc illustré reste à droite du bloc navigation.
Mais il semble petit sur certaines largeurs, car les deux blocs se repoussent par leurs marges et paddings, qui eux sont fixes. En conséquence, sur des fenêtres étroites, l'espace entre les deux blocs sera plus grand, en proportion, que sur une fenêtre large.
Et sur une fenêtre de GSM ou tablette, votre bandeau illustré deviendrait minuscule…
Donc, il faut probablement configurer plusieurs largeurs fixes pour le bandeau, en déterminant 3 ou 4 étapes de design avec des balises @media
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Largeur du template Lima Empty Re: Largeur du template Lima

Message par Charlotte SJ Lun 13 Nov 2017 - 17:54

Ces quelques jours de silence pour travailler sur le site en fonction de vos indications, merci pour votre aide. J'ai donc réussi à obtenir le résultat que je souhaitais visuellement sur mon site avec des codes dans le head, mais c'est la cata sur la version mobile ! On ne voit que la partie gauche du site. Il y a un lien de cause à effet j'imagine ??? Je sais que le mieux est de trouver un site qui correspondrait dès le départ à ce que je souhaite sans avoir besoin de le "trafiquer", c'est l'histoire de la voiture et de son nombre de places que j'ai vu dans un autre message... Mais je ne trouve pas ce qu'il me faut !! Est-ce qu'il y a une solution d'après vous ? J'étais bien contente de mon résultat... Crying or Very sad
Charlotte SJ
Charlotte SJ

Messages : 32
Date d'inscription : 13/10/2014

http://atelierbeaubrin.com

Revenir en haut Aller en bas

Largeur du template Lima Empty Re: Largeur du template Lima

Message par Charlotte SJ Mar 14 Nov 2017 - 13:56

Bon, finalement, je suis passée sur Reykjavik. Ca donne le même résultat visuellement, avec juste une ligne de modif de largeur dans le header et c'est correct sur la version mobile. J'ai perdu la possibilité du titre mais j'ai toujours mon logo et menu à gauche l'un sous l'autre et en plus il est fixe quand on scrolle, ce qui me plait. Morale de l'histoire : faut faire des concessions !
Charlotte SJ
Charlotte SJ

Messages : 32
Date d'inscription : 13/10/2014

http://atelierbeaubrin.com

Revenir en haut Aller en bas

Largeur du template Lima Empty Re: Largeur du template Lima

Message par FredVig Mar 14 Nov 2017 - 15:57

Oui, ça semble réussit.
La modification de design par code demande beaucoup de constance et on apprend tous les jours (et nuits).
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Largeur du template Lima Empty Re: Largeur du template Lima

Message par Charlotte SJ Mar 14 Nov 2017 - 16:15

Une question me vient suite au choix de Reykjavik : pourquoi certains designs ont un titre prévu dans leur structure et d'autres pas ? quelle conséquence éventuellement sur le référencement ou fonctionnement du site ? on peut s'en passer ou bien il faut absolument se débrouiller pour rajouter un titre quelque part (c'est surtout valable pour la page d'accueil, car sur les autres c'est plus courant d'avoir des titres 1,2 etc...) ? Merci !
Charlotte SJ
Charlotte SJ

Messages : 32
Date d'inscription : 13/10/2014

http://atelierbeaubrin.com

Revenir en haut Aller en bas

Largeur du template Lima Empty Re: Largeur du template Lima

Message par FredVig Mar 14 Nov 2017 - 17:52

Le référencement dépend à 90% de la pertinence du contenu de votre site. Si c'est original, intéressant, utile ce sera consulté.
Le SEO demande aussi de renseigner quelques descriptions et éventuellement de souscrire aux consignes de structures préconisées par google (suivez le tuto référencement de jimdo sur le sujet). Le titre, les "mots clef", le "contenu structuré", etc. c'est juste la cerise sur le gâteau, et n'est indispensable que si le sujet de votre site est d'un domaine particulièrement concurrencé (boutique de goodies par exemple). Le titre est un des détails de structure mais ce n'est pas essentiel.
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Largeur du template Lima Empty Re: Largeur du template Lima

Message par Charlotte SJ Mar 14 Nov 2017 - 20:23

Bien, comme je suis sur un secteur "niche" avec très peu de concurrence, je peux donc m'en passer sur ma première page et ça m'arrange. Merci beaucoup pour votre aide !  Smile
Charlotte SJ
Charlotte SJ

Messages : 32
Date d'inscription : 13/10/2014

http://atelierbeaubrin.com

Revenir en haut Aller en bas

Largeur du template Lima Empty Re: Largeur du template Lima

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum