Corriger le bug ‘aucun JavaScript’ dans l’administration de WordPress

31 commentaires
Corriger le bug ‘aucun JavaScript’ dans l’administration de WordPress
Le glisser / déposer ne fonctionne plus dans les widgets de WordPress ? Les menus ne se déplient plus ?

Bref, toute interactivité a disparu dans votre back-office et vous ne parvenez pas en à en déterminer l’origine. La solution est en réalité très simple : WordPress a basculé dans en mode Accessibilité.

N.B : cette astuce m’a été donnée par Karine Wendling de chez Au Service du Web qui avait rencontré ce type de bug lors du WordCamp Paris 2013. Ayant eu le même souci sur un site client récemment, la solution lui appartient ! 

WordPress sans JavaScript

L’exemple caractéristique de l’absence de JavaScript se manifeste dans le module de gestion des widgets. Le bien pratique glisser / déposer ne fonctionne plus… et laisse la place à un bouton Ajouter qui ouvre les options de configuration du module dans un un nouvel onglet.

Capture d'écran - WordPress en mode accessibilité

Une administration WordPress sans JavaScript… ça craint ! Bref, une horreur !

WordPress a tout simplement basculé dans un mode spécial pour être compatible avec les navigateurs qui bloqueraient le JavaScript. Voyons comment revenir à la normale !

Désactiver le mode Accessibilité

Pour désactiver le mode d’accessibilité, rendez-vous dans Apparence puis Widgets. Déroulez le menu Options de l’écran, puis cliquez sur Désactiver le mode Accessibilité.

Capture d'écran - WordPress sans JavaScript

Comme quoi, il ne sert à rien de batailler en fonçant tête baissée dans le code…

Une question reste entière : comment un tel mode a bien pu s’activer sans notre consentement ?

Par Aurélien Denis

Consultant & Développeur WordPress / WooCommerce. Un site à créer, à maintenir ou à débuguer ? Contactez-moi.

31 commentaires
  1. Ray

    Vraiment Vraiment vraiment MERCI DU FOND DU COEUR !!!!

    Tu m’as fai pousser un cris de joie genre un programmeur qui a trouvé la solution… Merci beaucoup!!!

  2. Guy Xavier

    Bonjour à tous,
    J’ai installé mon site wordpress (que j’ai d’abord développé en local sur wampserver) et que j’ai ensuite transférer sur un serveur distant et le site s’affiche bien. Mais mon problème se situe au niveau du panneau d’administration (Tableau de bord)
    – l’affichage est vraiment bizarre
    – on me dit d’activer javascript (je ne sais ou l’activer)
    – lorsque je veux cliquer sur un lien (ajouter une image, ou cliquer sur add item…) rien ne se passe et je vois en bas à gauche de la page ceci : javascript : void(0). du coup je ne peux plus travailler. C’est vraiment très embêtant
    Quelqu’un peut m’aider? C’est vraiment urgent.
    Merci d’avance

    1. Aurélien Denis auteur de l’article

      A vérifier : si le transfert et notamment le changement d’URL en base a été accompli correctement, si les pré-requis serveur sont respectés. Tester en désactivant tous les plugins et en basculant sur le thème par défaut.

  3. Cécile

    Oui tout à fait ! C’est la dernière version de wordpress.
    J’ai essayé d’ajouter “define(‘CONCATENATE_SCRIPTS’, false);” mais cela n’a rien fait.
    Aussi, je me suis aperçue qu’en désactivant mon htaccess, cela remarche pour les widgets, mais toujours pas pour les pages.

    1. Aurélien Denis auteur de l’article

      Difficile à dire sans intervention directe sur ton site…

  4. Cécile

    Bonjour Aurélien,
    Merci pour ton article.. enfin je tombe sur quelqu’un qui parle de ce problème!
    Comme certains, mes boutons “Options d’écran”, “Aide”, “Ajouter un média” … ne fonctionnent plus, et les menus ne se déroulent plus, dans certaines parties de wordpress (Pages, Articles, Widgets…), bref là où ils sont le + utiles !
    Je ne vois vraiment pas ce qu’il faut faire…
    Merci pour ton aide!
    Cécile

    1. Aurélien Denis auteur de l’article

      Bonjour Cécile,

      ton site est-il à jour ?

  5. blandinegatel

    bravo!!! mon problème de barre latérale des widgets disparue sous wordpress a été résolu: c’est en désactivant le plug in Google Analyticator que tout est rentré dans l’ordre!

  6. Lacour

    Bonjour,

    mon problème ressemble à celui évoqué ici, mais mon mode accessibilité n’ est pas activé et seul le widget “texte” est touché.
    En fait, dès que je glisse le widget texte dans une zone, je peux l’ éditer sans problème, mais si je veux en ajouter une autre, là la nouvelle “fenêtre” de saisie disparaît ; impossible de la faire ressortir, seuls apparaissent “texte”, “supprimer/fermer” et “enregistrer” mais aucune possibilité de saisie…
    Je précise que les widgets déjà remplis, eux, restent modifiables (les fenêtres de saisie sont là etc.)…
    J’ ai testé en local et en ligne et : même souci.
    Il me faut donc, à chaque fois que je veux éditer deux widgets texte d’ affilé, me déconnecter de mon tableau de bord et m’ y reconnecter, comme s’ il était impossible de créer deux widgets texte dans la même session de connexion au tableau de bord…

    Une idée de ce à quoi ça pourrait être dû ?

    Merci d’ avance et bravo pour tous vos super articles !

    1. Aurélien Denis auteur de l’article

      Il faudrait regarder dans la console du navigateur dans les outils de développements…

      1. Lacour

        Ok ; merci.
        Je n’ ai ni le niveau ni le temps pour faire ça ces temps-ci, mais je demanderai à un ami de regarder ça. Si je trouve une solution, je la partagerai ici au cas où quelqu’ un rencontrerait le même souci…

  7. le blabla de l'espace

    POUR dire que je suis encore plus nulle que je le pensai, n’ayant pas de solution, je me met a chercher ce jour sur moteur de recherve, comme mettre code en gygya et je tombe sur une personne qui pose la meme question je me dis super doit y avoir la soluce, sauf quand clikan hé bé, je m’appercois que c’est moi !!!!!!!!!!! pffff, je sais je sais moi bete, donc je vois que je n’ai pas eu de reponse au moins
    donc je recapepette,

    je voudrai mettre des decos blogs, mais souvent c est en flasch, dans mes options c’est activé , mais je dois néanmoins faire code gygga,

    le pire du pire c’est que je sais pas mettre ce code, je le trouve comment ?

    toute mes excuses encore pour ma betise et mon insistance a vous questionner,

    bien cordialement,

    1. Aurélien Denis auteur de l’article

      Bonjour, désolé de ne pas avoir répondu à ton commentaire précédent… en fait, tu es sous la plateforme wordpress.com qui offre très peu de possibilité. Pour insérer du Flash, si tu as accès au mode HTML ça pourrait le faire mais je ne suis sûr de rien.

      Flash est une technologie obsolète…

  8. le blabla de l'espace

    Bonsoir !
    Bien voilà je me présente Julie du blabla de l’espace, un blog wordpress que j’aime tenir, et voudrai améliorer

    je voulais mettre des menus, des boutons vous savez ces choses generator, et j’ai trouvé un site qui me plait beaucoup mais le truc c’est que je fait ma création ok, j’ai deux liens, un simple et un autre je sais pas quoi, bref, cela semble être du java script mais par contre cela semble etre du java script,
    (je précise que j y connais rien en langage, je sais juste mettre des ptits code htlm dans ma page texte)

    bref, j ai collé leur code sur mon texte ds mon blog, nenni, cela prend pas, alors moi suis perdue !

    wordpress déja ne prend pas les flash apparemment faut traduire en gygga et la, est ce que c’est idem,?

    Ya til un truc ? ou dois je faire ce que vous préconisé ? ds votre billet ?

    bon voici le code, juste pour que vous puissiez voir le langage

    c est sur le site flashvortex

    j’espère que j’ai pas été trop confuse dans ma demande , je m’exprime pas très bien, dites moi si j’ai mal exposé ma question, ce dont je vous prie de m’excuser,

    Bien cordialement

  9. Topin

    excellent Karine, cool merci.

  10. Kowkow

    Bonjour !

    Vous disiez : “Pour désactiver le mode d’accessibilité, rendez-vous dans Apparence puis Widgets. Déroulez le menu Options de l’écran, puis cliquez sur Désactiver le mode Accessibilité.”

    Dans mon cas, le menu “Option de l’écran” ne se déroule plus… Pas moyen de le Désactiver. Y a t-il un moyen de modifier tout ça par le code ? J’ai même réinstaller wordpress mais sans succès.

    1. Kowkow

      Re bonjour,

      Après quelques recherches, la réponses était évidente : Apparence/Widget sélectionner un Widget à modifier et là, utiliser le menu déroulant en haut à droite.

      Merci et bonne journée à tous !

    2. Aurélien Denis auteur de l’article

      Essayez de changer de navigateur ou d’ajouter ceci dans le wp-config.php : define('CONCATENATE_SCRIPTS', false);

      1. Sébastien

        Bonjour, J’ai desactivé, réactivé les plugins, j’ai modifié le wp-config.php ça ne change rien à mon problème dans les widgets. Options d’écran est inaccessible dans les widgets, par contre lorsque je vais à Apparence/Menu ça fonctionne, l’option d’écran aussi. Juste les widgets qui ne fonctionnent … Incompréhensible

        1. Aurélien Denis auteur de l’article

          Difficile à dire dans ce cas…

        2. Sadok

          Pareil que Sebastien
          Tu as trouvé une solution?

  11. agence web lafabriquenouvelle

    J’ai eu ce pb sur plusieurs de mes wordpress merci pour ce tutorial excellent enfin je comprends le pb merci

  12. Manu

    Et bien merci bien pour l’astuce et surtout les retours des autres utilisateurs! car j’ai moi aussi eu le souci sur les widgets et je ne comprenais pas d’où cela venait et commencé bien à m’inquiéter! du coup j’ai désactivé un par un mes plug-ins essayé de voir la différence et miracle! quand j’ai désactivé le plug-in (dans mon cas Contact Mail Cispm) ca a remarché aussitôt j’ai donc réactivé le plug-in en question et ca ne pose plus de problème!

    Je précise que cela m’étais arrivé après une mise à jour wordpress (v3.2 vers v3.5.1)

    Voilà en espérant aider d’autres personnes;)

  13. babycardsnet

    Même chose… Merci pour l’astuce !

  14. Olivier

    Bonsoir,
    J’ai eu le même problème et c’est en désactivant un plugin que le site est redevenu normal.

  15. Roch Daniel

    A mon avis, ce type d’option a été activé soit par un plugin, soit par un raccourci clavier (un peu comme le passage en QWERTY de votre clavier sur Windows ou le fait de basculer l’écran de sens…).

    Content de voir par contre que la solution est bête comme tout.

  16. Ludovic

    Bonjour à tous,

    en fait moi sur deux de mes sites, j’ai été contraint de passer en mode accessibilité pour continuer à utiliser les widgets car le glissé-déposé ou le déploiement de widgets ne répondaient plus :-/

    j’espérais que ça s’arrangerait avec la dernière mise à jour, mais non !

  17. wendling

    Merci Aurélien ;

  18. cfds

    Je n’ai jamais eu le problème mais ça m’évitera de perdre du temps si cela arrive 🙂

  19. Découvrir la Normandie

    En effet j’ai rencontré ce désagrément lors de tests en désactivant le Javascript sur le navigateur et en me connectant à l’administration WordPress.
    Et je ne savais pas comment m’en sortir, galère …
    Mais désormais ce n’est plus qu’un mauvais souvenir avec cette astuce.

    Merci.

  20. Mickaël

    Merci pour cette astuce ! Ça risque d’être fort utile en effet 😉 .

Laisser un commentaire