WP - Javascript in Beiträge/ Posts einbinden

WordPress+JavaScript Wenn in Beiträgen, unter WordPress, Scripte benötigt werden, so kann man diese nicht direkt in den Post legen. Diese werden im Header nicht ausgeführt. Nun will man aber nicht jedes Script im Header haben, da es ansonsten in jeder WP-Seite und jedem WP-Beitrag erscheint. Einige Scripte werden nur auf bestimmten Seiten oder Beiträgen benötigt.
Mit folgender Methode können aber Scripte in den Posts verwendet werden.

Als erstes muss das Script in eine Datei (name.js) geschrieben werden. Diese Datei muss nun per FTP abgelegt werden, bzw. mit der Upload-Funktion in der Admin-Oberfläche von WP. Die Funktion wird also ausgelagert.

Info: Das folgende Script dient dazu, Plugins automatisch in Firefox zu integrieren und dient mir hier als Beispiel. Nähere Infos dazu hatte ich vor einiger Zeit hier beschrieben.

externes Script:


function addEngine(name,ext,cat)
{
  if ((typeof window.sidebar == "object") && (typeof
  window.sidebar.addSearchEngine == "function"))
  {
    window.sidebar.addSearchEngine(
      "http://bueltge.de/wp-content/download/wp/"+name+".src",
      "http://bueltge.de/wp-content/download/wp/"+name+"."+ext,
      name,
      cat );
  }
  else
  {
    errorMsg(name,ext,cat);
  }
}

Das ausgelagerte Script muss nun wieder in den Beitrag geladen werden. Im Beitrag wird das ganze dann folgender maßen eingebunden.

im Post:


<script type="text/javascript" src="/ordner/addengine.js"></script>

<a href="javascript:addEngine('search_bueltge_blog','gif',
'bueltge.de Blog')">Test_JS_Link</a>

Hier ist der Link um das Beipiel-Script "SuchPlugin für Firefox" zu starten.

Test_JS_Link

12 Kommentare und 2 Trackbacks zu „WP - Javascript in Beiträge/ Posts einbinden“

1
Pingback von WP - WordPress 2.0 und die Plugins auf bueltge.de [by:ltge.de]
29. Dezember 2005 um 13:35
2
Kommentar von me
28. März 2006 um 14:00
bei Post: steht da irgendwie gar nichts. kommt hier normaler javascript include hinein ?
3
Kommentar von Frank Bültge
19. April 2006 um 10:54
@me:
kann die Frage nicht nachvollziehen, bitte mal mehr Infos zum Problem. Im Post muss der Code rein, den ich oben hinterlegt habe.
4
Kommentar von tob
29. August 2007 um 17:01
Soweit klappt das Ganze auch sehr gut, danke! Nur schaffe ich es einfach nicht scriptacolous-Effekte auf zu rufen. Habe die für die Effekte benötigten Dateien auch, wie oben beschrieben eingebunden. Auf der Startseite funktioniert der Effekt, nur sobald ich den Beitrag einzeln anzeigen lasse, läuft der Effekt ins Leere…?
5
Kommentar von Christoph
8. September 2007 um 11:43
Servus !

Erstmal danke... Bisher konntest Du mir schon sehr viel helfen in Sachen WordPress.

Jetzt hab' ich allerdings mal eine Frage.

ich will folgendes JS in einen Post einbauen:

var uri = 'http://impde.tradedoubler.com/imp?type(js)g(16487892)a(1416807)' + new String (Math.random()).substring (2, 11);
document.write('');

Mit der benannten Methode von Dir funktionierts leider nicht. Hast du einen Tipp für mich?

Danke!

Grüße aus der Oberpfalz

Christoph Paterok
6
Kommentar von Frank Bültge
9. September 2007 um 13:45
Dafür würde ich ein Plugin empfehlen, weches JS innerhalb der Beiträge erlaubt. Mal in den einschlägigen Adresse suchen (Inline JavaScript könnte eines sein).
7
Kommentar von Martin
16. Oktober 2007 um 14:46
Hi, dieser Beitrag hat mit ungemein geholfen und ist super verständlich verfasst. Super Sache! Danke!
8
Kommentar von gringux
28. Oktober 2007 um 03:45
Hi, ich bin auf der Suche nach einer Greenhorn-tauglichen Anleitung hier gelandet, wie ich JavaScript (aus der Lernsoftware Hot Potatoes) in einen Post oder besser eine WP-Seite einbauen kann. Leider hakt es schon bei dem zweiten Schritt, die .js-datei hochzuladen, da ich weiß Gott keine Upload-Funktion "in der Admin-Oberfläche von WP" dafür finde?! Kann mir da jemand auf die Sprünge helfen?
Beste Grüße
9
Kommentar von Frank Bültge
29. Oktober 2007 um 09:27
Kopiere die Dateien per FTP in dein entsprechendes Verezichnis. Die Adresse sprichst du dann aus WP an.
10
Pingback von imhorst.net » Blog Archive » JavaScript in WordPress integrieren
10. April 2008 um 17:49
11
Kommentar von Christoph Jochum
23. Oktober 2010 um 23:33
Mit dem Plugin "Shortcode Exec PHP" kann man praktisch jede Art von Code einbinden, ohne dass er vom Editor wieder zerstört wird.
Per include auch javascript. Ich habe das mal ein bisschen getestet, und es scheint sehr gut zu funtkionieren.
Probiert`s einfach mal aus
Christoph Jochum
12
Kommentar von Frank Bültge
24. Oktober 2010 um 21:02
@Christoph: aber vorsicht, wenn das Plugin nicht mehr gepflegt wird, oder es defekt ist, was dann - dann ist das Blog auch im Frontend für den Leser dahin.
13
Kommentar von Christoph Jochum
22. November 2010 um 22:57
@Frank ... danke, wenn auch spät.
Dein Einwand ist berechtigt. Das hatte ich dummerweise nicht bedacht. Eigentlich schade, denn mit dem Plugin kann man praktisch alles einbinden. Aber ich werde in Zukunft wohl auch den etwas unbequemeren aber dafür sicheren Weg gehen.
schönen Abend von Christoph
14
Kommentar von Rainer
24. Januar 2011 um 15:13
Frank:

Deine Bedenken verstehe ich nicht ganz. Wenn das PlugIn bis jetzt einwandfrei funktioniert, dann ist es doch egal, wenn es nicht mehr gepflegt wird. Wie soll es defekt gehen? Etwa bei einem WordPress Update? Ja, gut, so ein Update ist immer etwas risktant. Aber das gilt für alle PlugIns, die man installiert hat.

Kommentar schreiben

Kommentar-Hilfe

händischer Spam:
Beachte die Kommentarregeln, jede Form von versuchtem Spam wird gelöscht. Warum und wieso steht in einem meiner Beiträge.

Bezug auf Textstellen:
Du kannst direkt bezug auf Textstellen im Beitrag nehmen. Dazu muss lediglich der Bereich im Artikel markiert werden; daraufhin erscheint ein Button, der den markierten Text in das Kommentarfeld übernimmt und als Zitat auszeichnet. Die Funktion ist nur bei aktivem JavaScript nutzbar.

xHTML:
Du kannst folgende Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <code> <pre> <em> <strong> <strike> <ul> <ul> <li>

Achte darauf, wenn du Code im Kommentar hinterlegen willst, dann muss der Code maskiert sein. Dann wird er nicht interpretiert. Der Code muss mit Hilfe von HTML-Entities dargestellt werden, d.h. dass man z.B. < als < und > als > einfügt.

E-Mail-Benachrichtigung bei neuen Kommentaren ?
Wenn der Haken in der Checkbox gesetzt ist, dann wirst du über neue Kommentare vie E-Mail informiert. Der Versand erfolgt nur, wenn du die URL in der Bestätigungs-E-Mail genutzt hast oder schon Abonnent hier im Blog bist.

Kommentar erscheint nicht:
Alle Kommentare werden manuell geprüft, freigegeben und nach Möglichkeit beantwortet. Bitte um etwas Geduld und Nachsicht.

Identifikationsbilder (Avatare):
Auf Gravatar.com kann man sich mit seiner E-Mail-Adresse registrieren und ein Bild hochladen, dann erscheint dieses Gravatar hier und in vielen weiteren Blogs.

Spamschutz:
Das Kommentarformular ist mit einem Spamschutz ausgerüstet. Solltest du diesen Artikel ohne JavaScript besuchen und kommentieren wollen, so muss du die Frage beantworten und das jeweilige Wort in das Textfeld eingeben.

bueltge.de [by:ltge.de]

Ähnliche Beiträge

Journal

Projekte

Nutze die Feeds

Themen

hier werben Sponsoren