Support » Allgemeine Fragen » Java script in WordPress einbinden

  • Hallo zusammen,

    Ich habe folgendes Problem:

    Ich möchte in WordPress folgendes JS einbinden:

    function getOS() {
      var userAgent = window.navigator.userAgent,
          platform = window.navigator.platform,
          macosPlatforms = ['Macintosh', 'MacIntel', 'MacPPC', 'Mac68K'],
          windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE'],
          iosPlatforms = ['iPhone', 'iPad', 'iPod'],
          os = null;
    
      if (macosPlatforms.indexOf(platform) !== -1) {
        os = 'Mac OS';
      } else if (iosPlatforms.indexOf(platform) !== -1) {
        os = 'iOS';
      } else if (windowsPlatforms.indexOf(platform) !== -1) {
        os = 'Windows';
      } else if (/Android/.test(userAgent)) {
        os = 'Android';
      } else if (!os && /Linux/.test(platform)) {
        os = 'Linux';
      }
    
    alert(os);
    
        if(os == "Windows") {
            document.getElementById("macbutton").style.display = 'none';
        }
    
        if(os == "Mac OS" || os == "iOS") {
            document.getElementById("windowsbutton").style.display = 'none';
        }
    
    }
    
    getOS();

    Die Buttons sind mit einer ID gesetzt.
    Gibt es da eine Möglichkeit JS ohne Plugin und nur in der grafischen Oberfläche einzubinden. Oder muss ich über SSH drauf?


    Moderationshinweis: Codeformatierung korrigiert.

    • Dieses Thema wurde geändert vor 1 Jahr, 6 Monaten von Bego Mario Garde. Grund: Codeformatierung korrigiert
Ansicht von 1 Antwort (von insgesamt 1)
  • Das JavaScript habe ich mir nicht näher angeschaut, aber eine einfache Möglichkeit, JavaScript in den Header deiner Website einzubauen (ohne gleich ein Child-Theme zu erstellen) ist, ein Plugin wie Insert Headers and Footers by WPBeginner zu nutzen. Nachdem du das Plugin installiert und aktivierst hast, findest du unter Einstellungen > Allgemein einen neuen Eintrag „Insert Headers and Footers“. Dort fügst du unter „Skripte im Header“ erst einmal folgendes ein und speicherst es dann:

    <script>
    alert('Hello Dolly');
    </script>

    Rufst du nun die Webseite im Browser auf, solltest du ein Popup mit der Begrüßung „Hello Dolly“ sehen. Als nächstes ersetzt du dann die Zeile alert('Hello Dolly'); mit deiner JavaScript-Funktion; die beiden <script></script>-Tags lässt du bitte stehen.

Ansicht von 1 Antwort (von insgesamt 1)
  • Das Thema „Java script in WordPress einbinden“ ist für neue Antworten geschlossen.