Déplacer les boutons sociaux de Hueman vers le menu

0

Foxprime

Cinéphile obsessionnel élevé au doux son des flingues et des répliques cultes de Predator ou Die Hard dont je suis définitivement fan. Passionné d'informatique au stade d'addiction, j'aime parler des choses qui m’intéressent avec franc parlé et sans langue de bois. Également amateur sur le déclin de jeux-vidéo sur lesquels je fais un peu d'actu sur les, de plus en plus rares, sorties qui valent le coup d’œil. Bio complète

Vous aimerez aussi...

15 réponses

  1. Noaneo dit :

    Bonjour,
    Pour enlever les icônes des réseaux sociaux dans sidebar, pas besoin de code, juste dans Theme Options puis Sidebars, ligne “Sidebar Top Boxes” mettre Off

    0

    • Foxprime dit :

      Bonjour,

      Je procède à quelques modifs depuis quelques jours et j’ai effectivement découvert ça ^^ J’éditerai en conséquence car je viens également de mettre la main sur un soucis non négligeable qui est qu’ajouter ces boutons sociaux crée un décentrage du menu (lorsqu’on l’a centré évidemment car ce n’est pas par défaut) que je ne suis parvenu à résoudre qu’en plaçant les liens sociaux bien plus loin dans le header et en adaptant via le CSS… J’y travaille toujours mais la solution temporaire (actuellement en place et qui place par priorité les liens sociaux par dessus le menu sans qu’il soit contrôlé par ce dernier) n’est guère encourageante sur un thème responsive.

      0

      • Noaneo dit :

        Bonjour,
        peut être est ce un souci de margin ou padding, entre le menu let les liens sociaux
        voir #nav-header .container, pas seulement .container, qui ne saura pas pris par le thème.
        bon courage.

        moi j’ai mis le code pour les liens sociaux, un peu plus haut

        0

        • Foxprime dit :

          Bonjour,

          Ça m’aura quelques jours de boulot (pour le novice que je suis) mais je suis parvenu à un compromis (toujours sur la base de mon commentaire précédent). Le menu est maintenant centré sur toute la barre (sociaux y compris) et je masque les sociaux et/ou renvoie le menu à gauche dès qu’ils s’apprêtent à se superposer.

          Dans l’ordre (au fur et à mesure du rétrécissement): Le menu se barre à gauche puis les sociaux disparaissent dès qu’il y a un risque de chevauchement.

          EDIT: Dans quelle ligne précisément l’avez-vous mis ? Ca peut valoir le coup de tenter votre solution 🙂

          C’est la meilleure solution que j’ai pu trouver selon mes connaissances.

          (J’ai fusionné vos deux derniers commentaires)

          0

  2. Noaneo dit :

    Bonjour,

    j’avais indiqué là où j’avais mis le code, il y a 3 mois
    https://wordpress.org/support/topic/social-media-to-main-menu?replies=10
    il y a un sujet sur centrer le menu
    https://wordpress.org/support/topic/centering-header-menu?replies=6

    0

    • Foxprime dit :

      Bonjour,

      D’accord donc j’avais déjà testé votre version (j’avais remarqué votre pseudo sur le topic mais j’étais pas sûr que ce soit vous étant donné que vous disiez sur un autre article que vous ne parliez pas anglais) et il me semble que ça avait donné le même résultat (décentrage du menu) 😉

      EDIT: C’est bien ça. Votre solution décale aussi le menu.
      EDIT²: A tout hasard, vous sauriez comment mettre la largeur du footer à la même taille que le reste tout en restant reponsive ? Mes recherches ne donnent rien. Merci.

      0

  3. Noaneo dit :

    je ne parle pas anglais, mais avec un traducteur comme Bing Translator, on peut discuter sur les forums anglais.
    le code décale le menu d’accord mais il y a encore vos codes CSS , sans vos codes ?
    Et la solution de l’auteur dans le 2ème sujet ?
    Pourquoi votre Footer fait toute la largeur du site et non la largeur de la partie container?
    Responsive c’est les unités en poucentages ou en em

    0

    • Foxprime dit :

      Re,

      «le code décale le menu d’accord mais il y a encore vos codes CSS , sans vos codes ?»
      De quels codes CSS parlez vous ? Il n’y en a aucun pour mon menu (en dehors du centrage), c’est la seule présence des sociaux (même sans CSS) qui provoque ce décentrage.
      «Et la solution de l’auteur dans le 2ème sujet ?»
      Je n’ai pas vu de solution alternative.
      «Pourquoi votre Footer fait toute la largeur du site et non la largeur de la partie container»
      Le footer est nativement comme cela.
      «Responsive c’est les unités en poucentages ou en em»
      Je crois qu’ils font en quelques sortes la même chose (occuper un certain espace compte-tenu de la taille de l’écran) mais là j’y mettrais pas ma main à couper.

      0

  4. Noaneo dit :

    Bonjour,
    -A la base il y a un padding pour bien position le menu, en centrer le menu, il faut peut être réduire ce padding dans #nav-header .container

    -Je vous avais mis 2 liens dans mon message du 8 Avril
    https://wordpress.org/support/topic/centering-header-menu?replies=6

    -Peut être c’est parce que j’ai choisi dans Styling puis “Boxed Layout” mis ON et non OFF, que je n’ai pas le Footer comme vous, avez vous essayé ?
    Oui pourcentage et em font la même chose, il s’adaptent à la taille de l’écran, à la différence de pixels

    0

    • Foxprime dit :

      Bonjour,

      Impossible de vous répondre mais selon toute logique, on ajoute un élément dans le menu, forcément le nouveau “centre” (dans l’espace libre restant) se retrouve entre ces deux points. Cela semble plutôt logique. bref, j’ai réglé le soucis donc on ne pas s’y casser les neurones davantage ^^

      Merci pour le Boxed Layout, c’était donc ça le problème 🙂

      0

      • Noaneo dit :

        Bonjour,

        Pour un lien dans le menu oui, tout se centre mais Social Media et un peu hors du menu, enfin c’est vrai, on n’a pas mis le code au même endroit, moi il est à la hauteur de nav-toggle et non nav-wrap container. si c’est résolu c’est bon, bravo

        0

  5. Wolfneo dit :

    Bonjour,
    Le thème a évolué depuis, je pense que c’est dans le fichier parts/header_nav_main.php
    et le code est <code

    0

    • Foxprime dit :

      Bonjour,

      Oui, quand j’aurai le courage il faudra que je mette à jour ce tuto

      1+

      • Foxdao dit :

        Salut,
        je suis un grand fainéant, j’ai pris le truc pour faire un menu avec des icônes Font Awesome pour avoir les liens vers les réseaux sociaux
        http://www.gd6d.fr/wordpressfr/blog/ajouter-des-icones-dans-sa-barre-de-menu/
        pour un site que je gère à ma guise, ça passe, merci

        0

        • Foxprime dit :

          Bonjour,

          Tant que ça fonctionne, c’est l’essentiel !
          J’essaye quand même de réduire au maximum les plugins, après avoir nettoyé ma BDD, j’ai compris que c’était mieux de s’en passer. Même des plugins réputés “sains” laissent pas mal de merde après désinstallations. Après est-ce que ça impact les performances du site, j’en sais rien, mais c’est quand même bel et bien là et charge inutilement la BDD.
          EDIT: L’article a été mis à jour, j’ajouterai prochainement la version avec bouton de recherche, en bonus.

          0

Un petit commentaire ?