Editor Problem bei API Code

Naja, {subloop-array:ergebnisse:-1} ist kein HTML, kein CSS und ganz bestimmt kein JavaScript. Da die Zeile in einer Liste mit <ul>-Tag steht, wird das dann vermutlich als verhunztes Listenelement interpretiert. Hast du das mit den Entwickler-Tools geprüft oder dir den Quellcode angesehen?
In meiner Testumgebung konnte ich den Code als „Custom HTML“ (deutsch: „Individuelles HTML“) einfügen und dabei wird nichts im Quellcode geändert.

Mit API hat das alles erst einmal herzlich wenig zu tun.

Wenn du JavaScript einbinden möchtest, kannst du dazu ein kleines Plugin schreiben. Hört sich dramatisch an, ist aber mit wenigen Zeilen Code erledigt:

1. Du erstellst auf deinem Computer ein Verzeichnis mit dem Namen des Plugins (hier nenne ich es mein-plugin).
2. in dem Verzeichnis erstellst du eine Datei mein-plugin.php (gerne wieder mit einem sinnvollerem Namen).
3. In mein-plugin.php fügst du einen Plugin-Header ein. Mit dem erkennt WordPress die Datei als Plugin und liest den Namen des Plugins, den Autor und die Beschreibung ein:

<?php
/**
 * Plugin Name: Mein Plugin // ändern :P
 * Author:      kurapika
 * Description: Macht tolle Sachen // auch ändern :D
 */
defined( ABSPATH ) || exit;

1. Du komprimierst das Verzeichnis mein-plugin als mein-plugin.zip und installierst es auf der Website. (eigentlich sollte es hier mit 4. weitergehen, aber die Foren-Software erlaubt das nicht …)
2. Nun kannst du das Plugin per Plugins > Plugin-Editor beliebig bearbeiten.
   (Solltest du ein block-basiertes Theme verwenden, wird der Editor nicht mehr angezeigt. Um doch an den Plugin-Editor zu kommen, habe ich ein kleines Plugin erstellt, dass du hier herunterladen kannst: https://github.com/pixolin/menu-theme-plugin-editor/archive/refs/heads/main.zip)
   Alternativ kannst du natürlich auch das Plugin zuerst fertigstellen, bevor du das Verzeichnis komprimierst und das Plugin dann hochlädst.
3. Möchtest du eine JavaScript-Datei einbinden, kopierst du sie in ein Unterverzeichnis des Plugins, z.B. mein-plugin/js und verwendest in mein-plugin.php folgende Zeile:

function mein_javascript() {
  wp_enqueue_script( 'mein_js', plugins_url( 'js/meine-javascript-datei.js', __FILE__ ) );
}
add_action('wp_enqueue_scripts', 'mein_javascript');

Hier wird eine Datei meine-javascript-datei.js eingebunden, in die du erst einmal nur die Zeile console.log('Datei wird richtig eingebunden'); einfügst.

1. Hast du das Plugin installiert und aktiviert, prüfts du über die Entwickler-Tools deines Browsers, ob die Meldung „Datei wird richtig eingebunden“ in der Konsole erscheint. Falls nicht, stimmt mit deinem Code etwas nicht – vor allem Verzeichnisname und Dateiname auf Tippfehler prüfen.
2. Als letzten Schritt kannst du dann einen JavaScript-Code, den du im Web gefunden hast, statt der Zeile console.log(…); einfügen. Prüfe dann in den Entwickler-Tools, ob die JavaScript-Funktion richtig eingebunden wird.

Programmierfehler sind nahezu unvermeidlich. Du solltest bei sowas zumindest FTP-Zugang haben (oder in einer lokalen WordPress-Installation z.B. mit Local-WP arbeiten), um bei fatalen Programm-Fehlern das Plugin durch Umbenennen des Plugin-Verzeichnisses abwürgen zu können.