«

»

Sep 05 2011

Modifier le html d’une page Weebly

Cette vidéo d’aide montre comment il est possible de modifier le code html d’une page Weebly pour effectuer certains réglages avancés.

 

92 commentaires

Passer au formulaire de commentaire

  1. Manuel

    Bonjour,

    Je tiens tout d’abord à vous remercier pour vos vidéos qui m’ont beaucoup aidé à commencer l’élaboration de mon site weebly.

    Aussi, je rencontre trois problèmes :

    – Comment modifier des éléments lorsque le site est en ligne ?
    – J’ai mis mon site en ligne (pour faire un essai) et il semblerait qu’il puisse être visible sur google que dans quelques semaines. Est-ce normal ?
    – Je n’arrive pas à me loguer, mes codes (que j’ai modifié à maintes reprises) ne fonctionnent pas du tout. J’ai essayé de rentrer sur mon site à partir d’un autre pc mais résultat négatif. Un lien de mon site en chantier se trouve dans ma barre d’outil que je n’ose fermer car j’ai peur de perdre tout mon travail. Comment faire pour enfin avoir des codes (username, e-mail adresse, password) qui fonctionnent une bonne fois pour toutes ?

    Pourriez-vous m’aider ?

    Merci encore pour votre excellent travail,

    Manue Penas Romero

    1. gabriel

      Bonjour Manuel,

      Votre problème le plus urgent me semble être cette question de connexion. Si vous avez toujours accès à votre espace weebly via un onglet de votre navigateur, rien n’est perdu. Si vous êtes sur la page d’édition de votre site, vous devriez pouvoir quitter ce mode d’édition (bouton rouge Quitter en haut à droite de votre page), puis arriver sur l’accueil de votre compte weebly. Vous pourrez ensuite choisir l’onglet Compte. Dans cette page, vous devriez pouvoir voir avec quel email vous avez créé votre compte (c’est votre login), puis modifier votre mot de passe et en choisir un que vous connaissiez.

      J’espère que vous pouvez déjà mettre en ordre cette partie.

      Concernant vos autres questions:

      – on peut à tout moment modifier son site weebly, même si celui-ci a déjà été publié. Tant que vous ne republiez pas le site, les modifications que vous faites ne sont pas visibles pour les utilisateurs. Une fois que vous avez mis au point correctement vos modifications, alors vous faites Publier à l’aide du bouton prévu à cet effet (en haut à droite de la page en mode édition du site). Les modifications sont alors mises en ligne.

      – pour le référencement Google, c’est tout un sujet… il faut quelques jours pour que les robots de Google aient connaissance de votre site et passent sur vos pages pour les indexer, ce qui rend alors possible la recherche dans leur contenu. Ensuite, il est excessivement difficile pour un petit site d’apparaître très haut dans les résultats de recherche (dans les 10 premiers résultats), à moins que l’on fasse une recherche avec des éléments très spécifiques de votre site sur Google.

      J’espère vous avoir donné quelques pistes.

      Bonne chance et revenez nous dire si vous avez pu résoudre votre problème!

      Meilleures salutations,

      Gabriel

  2. Olivier

    Bonjour Gabriel et encore une fois bravo et un immense merci pour tous ces partages concernant Weebly.

    Je travaille sur un site Weebly et voici ce que je cherche à faire dans le code HTML ou CSS.

    1 / Je souhaiterais mettre une image de fond sous mon menu vertical
    2 / Je souhaiterais ne plus voir apparaitre le menu sur certaines pages (ou plus précisément certaine partie du menu).
    Est-il possible de modifier le code en ce sens ?

    Je bidouille « précautionneusement » dans ces codes, j’ai trouvé comment changer la couleur des boutons, de certains traits dans les modules, d’en changer la taille, etc.
    Mais pas pour les deux thèmes énoncés.

    S’il t’est donné de pouvoir m’aiguiller…
    Meilleures salutations.
    Olivier.

    1. gabriel

      Bonjour Olivier,

      C’est un plaisir pour moi que ces échanges, mais merci pour ton mot!

      Pour ta question 1: si je comprends bien, tu as choisi un thème qui comprend une colonne gauche ou droite, c’est bien ça? Donc, si tu modifies le CSS, tu vas trouver qqpart dans le code CSS une partie qui parle de sidebar (j’ai testé avec un thème quelconque avec une colonne, j’ai trouvé cela aux alentours de la ligne 62 dans le code CSS).

      La partie que tu vas trouver ressemble à ceci:

      #sidebar {
      	float: left;
      	width: 222px;
      	padding: 22px 9px 0 10px;
      }

      Il suffit d’ajouter une ligne avant l’accolade fermante de ce type-là:

      background-image:url(http://www.le-chemin-dacces-vers-ton-image/le-nom-de-limage.jpg);

      Ce qui fait que ton code va ressembler à:

      #sidebar {
      	float: left;
      	width: 222px;
      	padding: 22px 9px 0 10px;
      	background-image:url(http://www.le-chemin-dacces-vers-ton-image/le-nom-de-limage.jpg);
      }

      Il faut que ton image soit en ligne qqpart sur internet pour que tu puisses remplacer cet URL fantaisiste par le véritable lien vers ton image.

      Sauvegarde la modification du code, ça devrait marcher.

      Pour la question 2, je ne suis pas sûr que ce soit possible. A priori, si la colonne fait partie du thème, alors elle va s’afficher pour l’ensemble de tes pages. Il est possible d’avoir une autre configuration pour les pages de type « blogue » qui elles ont une colonne supplémentaire. Peut-être serait-il donc possible de choisir un thème sans colonne pour ton site et les pages pour lesquelles tu ne veux pas de colonne, et d’utiliser des pages « blogue » avec colonne pour les pages où tu as besoin d’une colonne sur le côté? J’ai pas mieux pour l’instant…

      Bonne chance!

      Gabriel

  3. Olivier

    Bonjour Gabriel.

    Absolument, j’ai choisi un thème avec colonne menu à gauche.
    Ton explication est claire et a bien fonctionné. Mais le résultat ne fut pas très heureux. 🙁
    Donc je laisse tranquille le fond de mon menu. 🙂

    Pour mes histoires de menu, effectivement cela semble peu réalisable.
    J’ai opté pour une solution de sous domaine pour avoir un site avec menu français et l’autre en anglais.
    Je me souviens que quelqu’un, cherchait ce genre de solution, mais je ne retrouve pas le message.
    Donc, je la poste ici.
    Pour les personnes qui sont chez Gandi, la solution est là :
    http://wiki.gandi.net/fr/dns/zone/subdomain
    J’imagine que les autres hébergeurs proposent le même genre de services.

    Pour l’heure, je me lance dans d’autres recherches.
    Je mis une image de fond sur la gauche de mes blocs (menu, texte, header, et.), c’est une image verticale qui fait la hauteur de mon menu et qui le borde sur sa gauche.
    Mon problème est que lorsque l’on réduit la fenêtre, cette image de fond se retrouve en plein centre de l’écran, sous le texte, le rendant illisible. Tous mes blocs se décalent, mais l’image de fond, non.
    Je cherche donc une solution, pour faire en sorte que cette image de fond reste sur la gauche de mon menu quelque soit la taille de la fenêtre, et qu’elle s’adapte, se redimensionne, selon le cas.
    J’ai cru comprendre qu’il lui faudrait une div dédiée. Mais je ne vois pas vraiment comment et où la créer.
    J’ai fait plusieurs tentatives, mais sans résultat pour l’instant.

    Je suis donc à la recherche de toute information sur ce thème.

    Merci pour tes conseils précieux et tous ces partages d’infos.

    Meilleures salutations.
    Olivier.

    1. gabriel

      Bonjour Olivier,

      Effectivement, mettre une image en arrière-plan ne donne pas forcément toujours un résultat magnifique… c’est à travailler, trouver la bonne image, le bon positionnement, etc…

      Merci pour le lien de Gandi concernant les sous-domaines, je trouve que ça donne de bonnes information et que c’est clairement exposé.

      Pour ton site en deux langues, finalement tu vas faire deux sites weebly séparés, si je te comprends bien? Publiés chacun sur un sous-domaine différent de ton nom de domaine principal? Ce serait intéressant à savoir, car il me semble que l’on s’était posé la question quelque part dans ces échanges de savoir s’il était possible de publier un site weebly dans un sous-domaine plutôt qu’un domaine principal. Ton feedback sera donc le bienvenu!

      Concernant ta question de positionnement de l’image lorsque tu redimensionnes la fenêtre, est-ce une image que tu as placée en background en modifiant le code CSS sur le modèle des indications que je donnais dans le commentaire ci-dessus? Le cas échéant, la question du positionnement en CSS est assez complexe. Il existe pour les objets dans une page web différents types de positionnements, soit qu’ils s’arrangent les uns par rapport aux autres, soit qu’ils demeurent de manière figée à un endroit, bref, cela vaut la peine d’investir un peu de temps pour bien comprendre ces différents positionnement avant de savoir lequel utiliser.

      Il existe de nombreux tutoriels sur internet qui expliquent cela, par exemple celui d’alsacréation semble bien complet: http://www.alsacreations.com/article/lire/533-initiation-au-positionnement-en-css.html.

      A priori, je pense que tu n’es pas obligé de placer l’image dans une div, on peut spécifier la position de l’image elle-même directement en CSS.

      Quant à te dire précisément quel type de positionnement choisir dans ton cas, ce n’est pas évident comme cela. Il faudrait un lien pour pouvoir visiter ta page afin d’aller plus loin.

      Voilà, j’espère que tu pourras avancer avec ces quelques infos!

      A bientôt et bonne continuation,
      Gabriel

  4. Mandard

    Il m’est impossible de me connecter pour modifier mon site .
    Quand je renseigne pour me connecter on me dit déjà client etc …
    Avez-vous un tuyau ? Merci .Dédé du patio

    1. gabriel

      Bonjour Dédé,

      Pas évident de vous répondre comme cela… votre adresse email pour vous connecter est-elle correcte? Pouvez-vous dans ce cas vous faire envoyer un nouveau mot de passe par email?

  5. Aurélien

    Bonjour et merci pour cette vidéo.

    Je souhaite modifier le code HTML d’un site weebly, notamment pour pouvoir renseigner la balise ALT d’une photo. Or il semble qu’on ne puisse modifier que les éléments du thème weebly…

    Avez-vous une solution ?

    Merci beaucoup

    1. gabriel

      Bonjour Aurélien,

      Effectivement, la modification du HTML porte essentiellement sur les éléments du thème en lui-même.

      Par contre, pour modifier la balise ALT d’une image, c’est sauf erreur possible lorsque vous mettez une image en ligne.

      Il faut commencer par insérer l’image dans sa page Weebly, puis:

      1. Cliquer sur l’image
      2. Dans le menu d’édition qui apparaît, cliquer sur « Advanced »
      3. Renseigner le champ « Texte de remplacement »

      Est-ce cela que vous voulez?

      Bonne chance!

  6. Aurélien

    Merci pour votre réponse !

    Merci beaucoup, effectivement le texte de remplacement correspond bien à l’attribut ALT. Néanmoins je n’ai pas encore trouvé le « Texte de remplacement » à renseigner pour les photos d’une galerie de photo… Je vais encore chercher mais il semble que cela ne puisse pas trop être possible.

    1. gabriel

      Hélas, il semble que ce ne soit possible ni dans les galeries, ni dans les slideshows (source: http://kb.weebly.com/seo.html.

      Navré et bonne continuation quand même!

  7. Cécile

    Bonjour,

    Je viens de créer un site. Cependant je ne sais pas comment faire pour mettre des zones de commentaire. Ni comment créer un espace client.
    Je suis sur Weebly. Est-il possible de faire alors que je ne m’y connais pas du tout en langage informatique ?

    Merci beaucoup

    1. gabriel

      Bonjour Cécile,

      Pour que les gens puissent introduire un commentaire, vous pouvez créer une (ou plusieurs) page de type « blogue ». Les visiteurs peuvent commenter les billets sur ces pages. J’ai un tutoriel qui explique comment créer ce type de page ici: http://pedagnology.com/creer-une-nouvelle-page-blog-avec-weebly.

      Pour un espace client, c’est plus compliqué… tout dépend ce que vous voulez y faire. Il n’est je crois pas possible de faire une zone protégée par mot de passe, par exemple, où les gens ne pourraient accéder qu’en se créant un compte d’utilisateur personnel. Weebly ne sait pas faire ça, il vous faudrait utiliser d’autres outils plus complexes pour cela…

      Bonne chance!

  8. Chap

    Bonjour,

    Je suis en train de bidouiller un site internet pour mon stage et pour le personnaliser au maximum je rencontre quelques difficultes.

    Je voudrais changer la couleur de fond pour certaines de mes pages, sais tu comment je pourrais m’y prendre ?

    1. gabriel

      Bonjour Chap,

      Cela semble possible de changer le fond pour certaines pages seulement, il faut passer par le code HTML pour cela.

      Si tu es confortable en anglais, tu peux regarder le tutoriel qui est ici: http://weeblyforums.com/2012/05/how-to-change-background-image-in-weebly/

      J’espère que cela peut t’aider!

  9. Olivier

    Bonjour Gabriel.

    Je viens de créer un diaporama (300 x 300 px) mais la marge au-dessus de celui-ci ne me convient guère. Beaucoup trop d’espace vide(3 ou 4 cm) entre le bloc texte se trouvant au-dessus, et le bord supérieur de mon diaporama.
    J’ai joué avec les possibilités de l’onglet « Advenced » / espacement au-dessus : Aucune, Aspect Ratio: 16:9, mais cela ne me convient pas (Style de navigation : Aucun). Je cherche dans le code CSS / HTML où modifier éventuellement la chose pour réduire cet espace, mais ne trouve pas. Aurais-tu déjà abordé ce sujet, ou aurais-tu des indications pour gérer ce phénomène ?
    Merci d’avance pour ta réponse ainsi que pour les différents partages que tu nous offres.

    1. gabriel

      Bonjour Olivier,

      Je n’avais jamais regardé en détail cette question des diaporamas. Effectivement, avec des images en 300 x 300, ça laisse un grand espace avec les éléments au-dessus et au-dessous du diaporama.

      Aucun réglage ne permet de résoudre ce problème.

      En investiguant les détails du html/css, il ne semble pas qu’on puisse avoir accès à ces réglages via le code.

      Pas de solution, donc hélas… à part peut-être utiliser un autre format d’images (dans la mesure du possible).

      Désolé et merci pour ton gentil message!

  10. Gwladys

    Bonjour,

    Vos vidéos sont très intéressantes !
    En fait, j’ai une question. Comment peut-on faire pour changer le thème en gardant les mêmes photos les  » bannières  » on va dire.
    J’ai qq idées mais j’ai peur de faire des bêtises !
    Pourriez-vous m’aidez s’il vous plaît ! Merci beaucoup.
    Gwladys

    1. gabriel

      Bonjour Gwladys,

      Merci pour votre message!

      En fait, les photos des bannières sont liées au thème que vous avez choisi. Ce n’est donc pas simple de conserver cette image d’un thème à l’autre. Il faudrait « manuellement » enregistrer sur votre ordinateur l’image d’un premier thème que vous auriez choisi, changer de thème, puis modifier l’image de la bannière de votre nouveau thème en insérant l’image récupérée du 1er thème. Avec la difficulté supplémentaire que si les dimensions des images ne sont pas les mêmes, vous devrez procéder à quelques ajustements.

      Donc, pas forcément simple, mais c’est possible.

      Bonne chance!

  11. Laf

    Bonjours, j’ai moi également besoin de votre aide.. je souhaiterai modifier le nombre d’articles par page à 2.. cependant je ne sais pas comment faire ! J’espère que vous répondrez à ma requête !
    Cordialement ! Bonne soirée.

    1. gabriel

      Bonjour Laf,

      Ça ne semble pas possible, en tout cas dans l’immédiat, de limiter le nombre d’articles par page sur un blog weebly. Le défaut est 10 articles par page. Si les articles sont trop longs, on peut toujours insérer dedans un bloc « Read more » qui fait que seule la partie précédent ce bloc sera affichée, le reste ne s’affichant que lorsqu’on clique sur l’article au complet.

      C’est discuté ici : https://getsatisfaction.com/weebly/topics/limit_number_of_blog_posts_on_main_page

      Navré, bonne continuation tout de même !

  12. Pao

    Bonsoir,

    Je viens grâce à votre tuto de trouver comment modifier le code HTML. mais une colonne apparaît sur la gauche et je ne sais pas ou chercher dans tous ces codes. J’aurai donc besoin également de votre précieuse aide. Voila je souhaite créer un blog photo cependant je souhaiterai protéger mes photos en empêchant les visiteurs de les enregistrer dans leur disque dur. Pourriez vous m’indiquer quel est la démarche à suivre ? Merci d’avance bonne soiree

    1. gabriel

      Bonjour Pao,

      L’interface de Weebly a été mise à jour cette année et mes tutos ne correspondent malheureusement plus à la nouvelle interface 🙁 . Il faudrait pouvoir les refaire, mais je n’ai pas le temps dans l’immédiat. Il y a donc maintenant une colonne à gauche qui remplace les blocs que l’on trouvait auparavant dans le haut de la page.

      Concernant votre question, il est difficile de protéger vraiment des photos que l’on pose en ligne, car si les gens peuvent visualiser vos photos sur un site web quelconque, alors c’est quasiment impossible de les empêcher de récupérer le fichier original de l’image…

      Les solutions sont :

      – apposer sur vos photos une marque (watermark) qui les rend reconnaissables comme étant les vôtres
      – opter pour un service comme celui de Flickr où vous pouvez choisir lorsque vous mettez vos photos en ligne quels sont les droits que vous octroyez à vos utilisateurs (uniquement consulter les images, les réutiliser, les modifier, …) selon les licences Creative Commons

      Le conseil que je vous donnerais est d’utiliser Flickr (http://www.flickr.com) qui est vraiment un excellent service pour la mise en ligne de photos sur Internet. Une fois vos photos sur Flickr, vous pouvez sans problème les intégrer sur votre site Weebly, soit en image individuelle, soit sous forme de diaporama.

      En espérant que vous trouviez votre bonheur, meilleures salutations !

  13. Marie-Sophie Laf

    Merci de votre réponse. Je voulais savoir également, s’il était possible de créer un bandeau immobile en haut du blog en modifiant les codes ?

    Bien à vous.

    Marie-Sophie

    1. gabriel

      Bonjour Marie-Sophie,

      Oui il est tout à fait possible d’insérer un bandeau en haut de page, sans même passer par le code. Si vous allez dans l’onglet « Conception », ensuite vous survolez l’en-tête de page avec votre souris et là vous avez la possibilité d’insérer un texte, de désactiver l’en-tête, ou d’insérer une image.

      Si vous avez déjà un bandeau tout fait, une photo ou une image créée dans Photoshop par exemple, vous pouvez l’insérer par là. Il faudra veiller à ce que les dimensions correspondent avec l’image proposée dans le thème choisi.

      J’espère que vous y arriverez comme cela !

      Bonne chance !

  14. Marie-Sophie Laf

    Ok génial merci ! Je souhaiterai également modifier le « Read more »  » add comment » « previous ». Sauriez vous quel est l’élément correspondant sur la fiche CSS ? Je ne trouve pas..

    Merci encore pour votre aide !

    1. gabriel

      Sans forcément aller directement dans le code CSS, vous pouvez déjà accéder à un certain nombre de réglages via l’interface graphique de weebly : dans l’onglet « Conception », vous pouvez choisir sur la gauche « Change Theme » ou « Change Fonts » qui vous permettent de choisir d’autres styles, polices, couleurs, etc.

      Je vous conseille déjà de regarder ce que vous pouvez faire avec cela.

      Ensuite, si ça ne répond pas à vos besoins, vous pouvez effectivement dans le même onglet « Conception » accéder aux codes html/css qui composent vos pages, mais c’est un peu plus compliqué et risqué.

      1. Marie-Sophie Laf

        Bonjour,

        J’ai modifié mon code CSS. J’ai ajouté une autre police cependant le lien « add comment » est minuscule. Je ne trouve pas la partie correspondante dans ma fiche pour pouvoir l’agrandir..

        Vous pouvez visualiser ce défaut ici : http://www.cocottedepapier.com/-categories.html

        1. gabriel

          Bonjour,

          Le code CSS qui définit cette portion de texte réside dans un fichier CSS qui n’est pas éditable dans la console de weebly. Mais il semble qu’on puisse « override » ce code en introduisant quelques instructions dans le fichier « main-style.css ».

          Essayez d’y copier-coller ce code :

          .blog-comments, .blog-post .blog-comments-bottom {
          font-size: 23px;
          }

          Et modifiez le nombre sur la ligne « font-size », vous devriez voir la ligne « Add comment » changer de taille. Je pense que ça changera du coup aussi la taille du texte des commentaires eux-mêmes.

          Est-ce que ça marche chez vous ?

          1. Marie-Sophie

            Oui, génial ça marche ! Merci beaucoup pour votre aide.

  15. Marie-Sophie

    Si j’ai bien compris, on ne peut pas non plus modifier la police des titres puisqu’elle se situe sur des fiches non modifiables ?

    1. gabriel

      Vous parlez des titres d’articles sur une page blog ?

      Non non, on peut tout à fait les modifier, encore plus facilement car il n’est pas nécessaire de passer par le CSS. Sous l’onglet « Conception », cliquez sur « Change Fonts » puis « Paragraph Title » : là vous pouvez changer la police, la taille, le style, la couleur.

      Est-ce que vous voyez comment ?

      1. Marie-Sophie

        Oui, je vois très bien ! Cependant, j’ai modifié ma fiche CSS pour ajouter une police autre que celles proposées par Weebly : « amatic sc ». J’ai réussis à l’associer à plusieurs endroits cependant je ne parviens pas à l’associer aux titres des articles..

        1. gabriel

          Bonjour Marie-Sophie,

          Essayez d’introduire ce code dans le fichier main-style.css :

          .blog-title a {
          font-size: 34px;
          font-family: 'amatic sc', sans-serif;
          }

          Cela devrait modifier vos titres. En tout cas ça marche chez moi, j’espère que ce sera bon chez vous aussi !

          1. Marie-Sophie

            Oui ça marche ! Merci beaucoup pour votre aide.

  16. Marie-Sophie

    Est-ce que je peux faire de même pour le titre du site ? en modifiant le html pour ajouter une police autre que celles proposées par Weebly ?

    Merci d’avance.

    1. gabriel

      Bonjour Marie-Sophie,

      Désolé du délai de réponse…

      Oui il devrait être possible de modifier le css pour transformer la police du titre de la page.

      Essayez de repérer un bloc de code de ce type dans le fichier « main-style.css » :

      #logo a {
      font-family: 'News Cycle', sans-serif;
      ...
      }
      font-family:, vous devriez obtenir l'effet attendu.

      Bonne chance !

  17. Marie-Sophie

    Bonjour,

    Je reviens vers vous.. Je souhaiterai supprimer la colonne de droite sur les pages blog de weebly. Je souhaiterai n’avoir que l’élément des articles. Pensez vous que cela est possible en modifiant les codes ?

    A très vite !
    Marie-Sophie

  18. Olivier

    Bonjour Gabriel.

    Je cherche à modifier la couleur de police d’un menu simple (horizontal), en haut d’une page no-header.html.
    Je ne trouve pas de background-color ou autre et me demande si je ne vieillis pas un peu trop vite. 😉

    Je suis donc à la recherche d’une info ou d’un conseil pour faire passer ma police de menu du noir au blanc.
    Comme toujours, je me réjouis qu’un tel blog de partage existe et t’en remercie chaleureusement.

    Au plaisir de te lire.
    Olivier.

    1. CgPixel's

      Tu n’a pas besoin d’aller dans ton CSS pour sa !!
      Regarde dans la rubrique « Conception » et après changer la police et après clique sur ta rubrique et voila tu peux changer ta couleur 😉

      1. Olivier

        Merci pour cette réponse, mais elle ne me permet pas de changer la couleur de police.
        En suivant le chemin (que j’avais déjà emprunté) Conception > HEADER AREA > menu de naviguation, je ne peux que changer la police, la taille et le poids. Mais pas la couleur.
        Ou alors, aurais-je manqué quelque chose ?… 😉

        Ma question reste donc toujours de mise.
        Cordialement.

        1. CgPixel's

          Autant pour moi jai vu ton problème car j’ai eu le meme cette aprem,
          donc dans ton CSS il faut que tu trouve «  » #navigation li a «  » moi c’est ligne 114 si c’a peut t’aider 😉
          et c’est « color » que tu dois changer pas « background-color » 😉
          Voila j’éspere t’avoir vraiment aidé se coup la 🙂

          PS: pense a changer ta couleur aussi pour le survol du lien et sa se passe juste en dessous avec «  »#navigation li a:hover, #navigation li#active a » »
          Voila 😉 Bon courage a toi 😉

          1. Olivier

            Merci. Je verai tout cel

          2. Olivier

            Heu ?… Bon, ben… 😀

            Merci. Donc… Je verrai tout cela après les fêtes que je vous souhaite les plus conviviales possible.
            🙂

          3. Olivier

            Bonjour.
            Tout vient à point à qui sait attendre. 🙂

            Et bien grand merci CgPixel’s, car sur tes indications j’ai farfouillé et j’ai fini par trouver une partie de ma solution. En CSS (ligne 380 pour moi) et j’ai pu passer mon menu en blanc. Sauf l’onglet sur leque je suis qui reste en noir, mais c’est un moindre mal. Je chercherai plus tard une bidouille pour corriger ça.
            Encore merci et @+

  19. Julie

    Bonjour Gabriel,

    Merci pour ce post très intéressant pour les créateurs d’un site weebly, j’aurai moi aussi quelques petites questions à ce sujet !

    D’une part, comment modifier la balise h2 du titre d’une grande bannière ? En effet, j’aimerai le mettre en h1 afin qu’il soit considéré comme le titre de la page. Cf ma page d’accueil, où je rencontre le problème : http://www.share-up.net (j’aimerai mettre « Conception Web et e-Marketing » en h1)

    D’autre part, comment insérer dans les liens des titres de liens ? Je sais comment faire en sorte qu’ils s’ouvrent dans un autre onglet mais je n’ai pas encore réussi à intégrer des titres, or c’est très important pour le référencement naturel.

    Merci d’avance,

    Julie

  20. CgPixel's

    Bonjour Gabriel, d’abord merci pour toutes vos explications elles m’ont beaucoup aidé meme si il me reste un soucis 🙂
    J’aimerais inserer un 2eme menu sur mon site Weebly, pour le HTML impec’ , mais par contre soucis avec le CSS, il s’applique a tous les boutons du site !! Si tu pouvais m’aider 🙂 c’est un menu intéractif en images 🙂
    En attente de te lire

  21. didier

    Bonjour, voilà un site d’utilité publique !
    mon bateau s’appelle INDEED, et une page s’appelle « indeed ? what ? », problème, le menu correspondant apparaît traduit en français: « en effet ? quoi ? »
    de même, pour la page contact, un message propose : « POUR ME LAISSER UN MESSAGE :… »
    mais sur l’écran on lit « VERSER ME LAISSER UN MESSAGE NON : … »
    il traduit l’anglais « pour me » en « verser me » !

    Comment empêcher ces traductions sauvages ?
    Merci !

  22. Olivier

    Bonjour Gabriel et toute la compagnie. 😉

    Quelqu’un saurait-il comment supprimer le bouton sur la page d’accueil des modèles proposés par Weebly à présent ?

    En CSS ou HTML…
    Merci.

    1. René

      Dans la vue « Conception », bouton « Modifier HTML/CSS » en bas à gauche.
      Puis choisir dans Type d’en-tête « landing.html »
      Puis dans le code HTML, trouver la ligne {action:button global= »false »}
      Et la supprimer.
      Sauvegarder et c’est OK.

      1. Olivier

        Un immense merci René.
        C’est tellement simple et si bien expliqué.
        Très cordialement 😉

  23. mausservey

    Bonjour,

    Après avoir pu résoudre un problème de nom de domaine sur weebly grâce à ce site je reviens prendre des conseils !
    N’ayant pasz un bon référencement sur internet et cherchant comment l’optimiser, j’ai remarqué que dans chaque page que j’ai créé sur weebly, dans les paramètres avancés, le « titre de la page (apparaîtra dans la balise HTML title) » ainsi que la « description de la page » sont vide. Seuls les mots clés méta sont remplis.

    Le problème est que chaque fois que je remplit ces deux cases vides, que j’enregistre et que je publie le site, en re-vérifiant après, ils sont à nouveau vide. Peut-être que je les remplit mal ? pour la balise html title je met par exemple .

    Comment dois-je procéder pour qu’ils s’enregistrent définitivement ?

    Merci par avance,

    Maelle

    1. gabriel

      Bonjour Maelle,

      Et bien je ne sais pas ce qui se passe pour vous. J’ai testé cette fonctionnalité et chez moi ça marche parfaitement. Je vais sous l’onglet « Pages », je choisis une page, puis j’affiche les paramètres avancés. Je complète la partie Title et Description, je sauvegarde. Lorsque je reviens, tout ce que j’ai entré a bien été sauvegardé.

      Avez-vous tenté de le faire sur plusieurs pages différentes ?
      Gabriel

  24. CROCHARD

    Bonjour,

    Je suis totalement novice et cherche à ce que mon image du haut la « bannière » remplace complètement le thème. En fait je voudrais que seule mon image apparaissent et prenne toute la largeur de l’écran en haut, qu’il n’y ait plus de blanc autour et que donc mes icônes sociales ne soient plus à côté mais dessus, mais je ne sais pas comment faire avec les code HTML, auriez-vous une piste ?

    Je vous remercie

  25. Lalule34

    salut mais comment fais on pour faire un onglet connecter sur la page pour parler….

  26. martin

    bonjour,

    je viens de creer un site via weebly et je fais face a un probleme malgré de nombreuses recherches.
    J’aimerais que mes utilisateurs puissent uploader une photo et l’envoyer par mail a une adresse par defaut (la mienne). Il semble qu’il faut toucher au HTML mais je suis un peu perdu je debute la dedans…
    Si quelqu’un pourrait m’aider ce serait vraiment sympa !!

    Merci d’avance

  27. Catherine

    Bonjour,
    J’ai un gros problème avec Weebly que je n’ai jamais eu auparavant alors que je travaille avec depuis plusieurs années. Je ne sais pas si la raison est un changement d’ordinateur mais je ne peux plus rien modifier aux thèmes, ni les polices, ni leur taille, ni leur couleur, ni…. Bref je ne peux quasiment rien modifier. Quand je conçois sur mon écran ça se modifie ou pas, c’est aléatoire. Quand je publie, aucune modification ne s’est faite. J’ai sollicité leur aide. Ils m’ont dit de nettoyer le cache du disque dur, ce que j’ai fait et ça ne change rien. C’est pénible car j’hésite à changer de fournisseur car j’ai d’autres sites et j’ai pris les versions pro. Et ça fait plusieurs jours que je suis là-dessus.
    Auriez-vous une idée qui m’aiderait à sortir de cette nasse ? Cordialement.

    1. gabriel

      Bonjour Catherine,

      C’est bien embêtant, effectivement… Afin de tenter d’isoler le problème, je vous conseille de tester depuis un autre navigateur internet sur votre ordinateur ou, mieux encore, de vous connecter à votre compte weebly depuis un autre ordinateur et de tenter la même démarcher.

      Il est possible que ce soit lié à votre navigateur et à des questions de cache. Si le problème se reproduit (ou pas) avec un autre navigateur ou une autre machine, ça vous permettra de savoir si le problème est chez vous ou chez eux.

      Tenez-moi au courant !

  28. Catherine

    Bonjour, merci de votre réponse si rapide. Effectivement en travaillant sur Weebly en navigation Explorer, Weebly « obéit » et le résultat est bien ce que je demande. Sur Opéra aussi. Mais sur Mozilla les polices de la page finale ne sont pas celles que j’ai pu choisir en travaillant sur Explorer. Sur Mozilla de toutes façons il m’est impossible de travailler sur Weebly.
    J’ai essayé depuis mon ancien ordinateur. J’ai changé il y a deux-trois mois mais j’ai transféré l’ancien PC sur le nouveau. Le problème est le même.
    C’est vrai que sur Mozilla j’utilise No Script mais pour la navigation sur ma page et sur Weebly il est désactivé. J’utilise Adblock aussi mais je ne vois pas le rapport.
    Si vous avez une idée… parce que je peux changer de navigateur certes mais j’ai beaucoup de pages marquées et j’aimerais ne pas les perdre.
    Bien cordialement, et merci pour votre blog.

    1. gabriel

      Bonjour Catherine,

      Le problème provient donc bien de votre navigateur, si ça fonctionne avec Explorer et Opera.

      Il est fort possible que le problème soit lié à ces extensions que vous utilisez comme No Script qui désactivent justement les fonctionnalités dont Weebly a besoin. Je tenterais de désactiver complètement toutes ces extensions et de voir si cela marche normalement.

      Sinon, vous pouvez aussi télécharger Google Chrome qui est un bon navigateur… Il y a des solutions qui permettent d’exporter vos favoris de Firefox pour les réimporter dans d’autres navigateurs, si vraiment vous devez changer.

      Bonne chance et merci pour votre mot !

  29. Catherine

    Merci aussi. Vous êtes d’une célérité extraordinaire. Bonne année!

  30. David

    Bonsoir,

    Je suis en train de faire le site pour mon mariage avec weebly. Afin de rendre mes textes plus lisibles sur un fond assez coloré, je voudrais glisser des « calques » légèrement grisés en dessous. Vous pouvez retrouver ces « calques » dans les thèmes n.16 ou 18 en partant du haut. J’ai essayé d’identifier la ligne de code correspondante dans l’HTML du thème 18 pour la coller dans le mien, mais après beaucoup de tentatives, je suis toujours au point de départ.

    Pensez-vous pouvoir m’aider?

    Merci beaucoup pour votre blog.

  31. Aurelie

    Bonjour et merci pour vos précieuses informations !

    Une question, est-il possible d’intégrer une slidebar sur un thème qui n’en a pas, et sur une page standard (non blog). Je vous remercie et espère obtenir une réponse de votre part !

    Cordialement,
    Aurelie

  32. Mauro

    Bonjour,

    Je viens de créer un site mais j’ai constaté un léger problème:

    Lorsque je suis en mode contruction, le menu de navigation (accueil, historique, etc.) est totalement en français… donc, jusqu’ici tout va bien.

    Mais une fois le site publié, les onglets « plus de… » et « connexion » apparaissent en anglais –> « more… » et « Log In » !

    Ma question: existe-t-il une possibilité (simple si possible) de changer les textes de ces deux onglets pour qu’ils apparaissent correctement en français ?

    D’avance un grand merci pour votre aide… et bravo pour votre blog.

    Amicalement…

  33. kronlund

    Bonjour Gabriel,

    Je suis chargée de faire un petit site pour une manifestation médicale en Bretagne.
    Le formulaire d’adresse est en Anglais, en tout cas avec des cases adresse US.
    Est ce qu’il y a moyen de changer ce pavé adresse pour des mentions en français.
    Merci pour votre aide
    Marie

  34. Fresny ema

    Bonjour Gabriel,
    Quelle joie de trouver un français sur la toile qui donne des informations sur Weebly !
    Je cherche désespérément quelqu’un qui puisse m’aider concernant les boutons (grrrr…)
    J’ai intégré un bouton dans ma sidebar, ainsi que dans une page de sondages, mais impossible de les modifier.
    J’ai fait plusieurs essais sur le CSS, mais rien ne bouge et je ne sais pas comment faire ?
    Le bouton gris ne ressort pas du tout sur ma page (lectures et films), or je voudrais qu’il saute aux yeux.
    Pouvez vous me donner un tuyau ?
    Merci d’avance de votre conseil
    Ema

  35. lolo2b

    Bonjour Gabriel.

    toujours dans ma découverte de création d’un site avec Weebly… =)
    J’ai intégré une page de témoignages à l’aide du tuto plutôt bien foutu de Jeffrey T. Kastner : https://www.jeffreytkastner.com/guestbook-instructions.html

    Néanmoins, quelqu’un aurait-il trouvé le moyen de modifier les champs du « post » proposé au visiteur ?
    – Au lieu de « Leave a reply » –> « postez votre avis », « Votre témoignage »)
    – Au lieu de « Nom (demandé) » –> « Prénom (demandé) »
    – Au lieu de « E-mail (non publié) » –> « Courriel (non publié) »

    Merci.
    Laurent

    PS à Gabriel : si je puis me permettre, le seul petit hic de ton (Oh combien précieux) site, c’est l’absence de Favicon. Quand on navigue dans 5-10 onglets à la fois, ce qui est souvent mon cas, on cherche ta page au milieu des autres, seul le titre de la page est visible.. une petite ampoule stylisée (idea) =)

    1. lolo2b

      [Màj] modification des champs de réponse « post » impossible…

      j’ai reçu réponse du SAV de Weebly, la chose n’est pas encore possible. La traduction de « Leave a reply » dans la langue de Molière aurait été la bienvenue quand même =(

  36. anne-laure

    bonjour,
    ayant un site weebly que j’approvisionne depuis un petit moment déjà avec des photos, je voulais savoir s’il y avait possibilité de protéger les photos afin qu’elles ne soient pas copiables ou enregistrables par les personnes visualisant mon blog.
    merci d’avance pour votre réponse

    1. Olivier

      Bonjour Anne-Laure.

      Autant répondre directement, il est impossible de protéger des photos sur un site internet. On peut fortement compliquer la tâche, bloquer le clic droit, mettre un filigrane, etc.
      Mais toute personne motivée pourra faire une copie d’écran au pire et s’il sait se servir de certain logiciel de retouches photos, effacer ce qui le gène.
      Tu peux essayer de mètres tes photos dans des résolutions basses qui font que les gens qui voudront ta photo en qualité te contacteront pour te la demander.
      Voila pour ma réponse, en te souhaitant une bonne continuation.
      Cordialement.
      Olivier

      1. anne-laure

        merci pour cette reponse rapide et claire
        et bloquer le clique droit deja cela on peut sur weebly ?

  37. Fab

    Bonjour,

    Déjà, les réponses présentes sur cette page sont une petite mine d’or pour ceux qui utilisent Weebly pour développer un site internet 🙂

    Je souhaiterais obtenir une précision concernant cette plateforme. Est-il possible de personnaliser les urls des pages ? Par là j’entends mettre l’url que l’on souhaite pour chacune des pages que l’on ajoute.

    Merci d’avance pour votre réponse.
    Cordialement,
    Fabien.

  38. Jm

    Bonjour,

    Je suis intéressé également pour savoir comment choisir le nom des urls des pages créés ?

    Les urls sont créées par défaut selon le nom de la page mais peut on personnaliser cette url ??

    Si non, est ce prévu par Webbly de permettre ca prochainement ??

    Merci par avance de votre retour..

    Cordialement.
    Jm.

  39. Jm

    Je reviens car j’ai réussi à personnaliser mes urls !! Ce qui est très utile pour le SEO…

    Donc il suffit de créer une page avec le nom contenant les mots que l’on veut ds l’URL et de la mettre non visible dans la navigation…

    Puis de créer une page de menu en lien externe, avec le nom du menu que l’on veut et la faire pointer vers la page qu’on a créé juste avant via l’URL…

    Et le tour est joué !!

    En espérant que ça aidera car c’est très utile pour le referencement !!

    A+

  40. bmael

    Merci JM pour l’astuce.
    Ca marche nickel ! 🙂

    1. Jm

      De rien 😉

  41. virginie

    Bonsoir,

    grâce à vos conseils j ai développé voila 2 ans mon site.
    je voudrais en développer un deuxième et pouvoir faire une page d accueil sans menu , avec simplement un lien vers chaque site.

    est ce possible de créer une page sans menu ?

    merci d’avance

    virginie

  42. chantal tichit

    Bonjour, voilà 2 ans que j’ai crée mon site weebly. il se trouve que je veux et doit changer de nom de marque.
    comment procéder ? sans, pour le moment acheter un compte weebly payant ?
    mon site actuel est www;tipik.weebly;com
    je souhaite le transformer en http://www.objetsdesoi.weebly;com
    je verrais + tard pour créer http://www.objetsdesoi.com (qui serait mieux c’est sûr, mais je ne connais pas les tarifs ?)
    merci d’avance
    chantal

  43. Youness

    Bonjour j’utilise weebly et j’aimerai mettre un genre de « code » à inscrire afin d’entrer sur la page. Car il y aura des information tel que , photo, numero, mail , d’élèves

    J’aimerai donc pouvoir « filtrer » les personnes entrant sur la page

    Cordialement

    1. Olivier

      Bonjour. Il est possible de mettre un mot de passe par page, mais uniquement avec un compte payant.
      Allez sur la page à protéger / Visibilité / onglet « Public » puis choisir « mot de passe » ou « membres ou groupe ».
      Cordialement

  44. Ema

    Bonjour,
    Je ne trouve pas comment me désabonner de la réception des commentaires sur votre page, et je ne souhaite plus les recevoir.
    Pourriez vous me dire comment faire ?
    Merci d’avance
    Ema

    1. Olivier

      Bonjour.
      En dessous des messages que vous recevez dans vos mails, il y a :

      Réduire la fréquence des notifications? Désabonnez-vous de tous les commentaires de suivi ou modifiez votre Paramètres de Souscription.

      À vous de suivre le chemin 😉
      Cordialement.

      1. gabriel

        Merci Olivier d’avoir pris le temps de répondre !
        Effectivement, vous avez la possibilité de gérer vos abonnements avec le lien qui se trouve dans le mail de notification.
        J’espère que vous trouverez la solution !
        Gabriel

      2. Ema

        Merci pour vos réponses rapides Olivier et Gabriel,
        En fait, le lien n’était effectivement pas très visible. Je viens de me désabonner. Merci encore :-).
        Cordialement.

  45. Olivier

    Bonjour Gabriel et toute la compagnie.

    Je cherche à savoir si quelqu’un peut me guider dans l’aventure suivante :

    Je souhaiterais changer l’icône grise de Facebook qui se trouve sur toutes les pages d’un site, en haut à droite, par une image design de ma composition. Juste remplacer l’image triste et grise. Par la faire disparaitre. Ça, je sais. 😉

    J’imagine qu’il faut passer par le CSS ou HTML mais je ne trouve pas vraiment.
    S’il est donné à quelqu’un de pouvoir me guider…
    Soyez-en, d’avance, remercié.
    Cordialement.
    Olivier

    1. Olivier

      La patience est l’art de trouver autre chose à faire…. Marx…
      Groucho pas l’autre…
      😉

      1. gabriel

        Bonjour Olivier,

        Désolé de vous avoir laissé attendre longtemps, mais j’étais pris par d’autres choses et suis moins actif sur ce site. Il y a un site (en anglais) qui donne une procédure à suivre, a priori ça semble plutôt bien expliqué. Pouvez-vous essayer de suivre ce tutoriel ?
        http://weeblytricks.weebly.com/how-to-change-weeblys-default-social-media-icons.html
        A noter : la personne utilise Safari sur un Mac (pour l’étape où il inspecte le code afin de trouver la taille des icônes).
        Merci de nous dire si ça vous sert !
        A bientôt,
        Gabriel

        1. Olivier

          Bonjour.

          Pour donner suite à ma demande et à la réponse de Gabriel.

          Dans l’éditeur de code (Thème/ éditer HTML/CSS-en bas à gauche), j’ai supprimé l’Img facebook.png (la grise), mais il y avait une autre img bleue en arrière-plan et je ne l’ai pas trouvé. Niarp !

          En revanche, pour résoudre la chose, j’ai trouvé :

          .wsite-social-item { /* a */
          width: 19px;
          height: 19px;
          margin: 0 0 0 3px;
          cursor: pointer;
          font-size: 0;

          J’ai mis > width: 0px et height: 0px
          Du coup l’image n’apparait plus. Sur aucune page.

          Merci Gabriel pour le lien qui m’a bien guidé.

          1. gabriel

            Bonjour Olivier,

            Merci d’avoir partagé avec nous ce « truc ». Bien vu, si ça marche ainsi, tant mieux !

            A bientôt,

            Gabriel

  46. Malik

    Bonjour
    Je viens de créer un site sue weebly pour remplacer un site déjà existant.
    Est-ilpossible de garder le même hébergement ?

    Merci

  47. beurier

    Bonjour,

    J’ai crée un blog au sein de mon site internet.
    Cependant, quand je veux poster des articles, une zone « titre » par défaut apparait. On ne peut pas modifier la taille des caractères (très très grande) et je n’arrive pas a supprimer cette fenêtre.
    Pouvez vous m’aider?

    Merci

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

QR Code Business Card
%d blogueurs aiment cette page :