Newsticker in WordPress einbauen
Angeregt durch einen Thread im WP-Forum erkläre ich hier noch mal genau, wie sich dieser genial-einfache Newsticker, den ich vor einiger Zeit gefunden habe, in WordPress integrieren lässt. Das Script (das im Gegensatz zu vielen anderen die XHTML-Validität nicht negativ beeinflusst) wird hier heruntergeladen und unter dem Namen “aScroller-1.0.js” abgespeichert, der Einbau funktioniert folgendermaßen:
Das Script auf den Webspace kopieren, am besten in den Theme-Ordner. Der scrollende Text kann überall erscheinen, also z.B. Header, Footer, Sidebar, oder auch in einem Beitrag. An der Stelle, wo er auftauchen soll, wird eingefügt (Pfade sowie “height” und “width” entsprechend anpassen):
<script type="text/javascript" src="http://meineseite.de/wp-content/themes/meintheme/aScroller-1.0.js"></script>
<div id="scroller-h" style="height: 15px; width: 300px;">
<div>Dies ist ein Test. Dieser Text scrollt horizontal.</div>
</div>
<script type="text/javascript">divScroller("scroller-h", "h", 30, 3000);</script>
Bzw. für Text, der vertikal scrollen soll:
<div id="scroller-v" style="height: 17px; width: 300px;">
<div>Dies ist ein Test. Dieser Text scrollt vertikal.</div>
<div>Auch mehrere Zeilen sind möglich.</div>
</div>
<script type="text/javascript">divScroller("scroller-v", "v", 30, 2000);</script>
Im Stylesheet wird dann für die IDs “scroller-h” und “scroller-v” eine Definition festgelegt, bei mir z.B.:
#scroller-v {
font-size: 0.9em;
color: #7f0000;
}
#scroller-h {
font-size: 0.9em;
color: #005f04;
}
Das hat folgendes Ergebnis:
Die Werte in der letzten Zeile (“scroller-v”, “v”, 30, 2000) stehen für die Bezeichnung der ID (“scroller-v”), horizontal oder vertikal (“v”), Geschwindigkeit (30 – je höher die Zahl, desto langsamer) und Verzögerung in Millisekunden (2000). Einfach mal unterschiedliche Werte probieren, bis das Ergebnis gefällt. Die Millisekunden können beim horizontalen Scroller wohl auch weggelassen werden, da eine Änderung oder ein Weglassen des Wertes keine Änderung bei der Ausgabe ergibt.
Die ID-Bezeichnungen “scroller-h” und “scroller-v” können natürlich nach Belieben abgeändert werden.
Besucher der Seite, die JavaScript deaktiviert haben, sehen den Text, der mit eingeschaltetem JavaScript scrollt, feststehend.
Ist es möglichein rss nachrichten in der laufschrift einzu binden ??
Kommentar von Toni
Sonntag, 23. März 2008, 20:46
Spontan würd ich sagen: nein.
Kommentar von Barbara
Montag, 24. März 2008, 17:18
Hallo,
ist es möglich, einen Verweis mit dem Newticker zu verbinden.
Etwa: Wenn ich drauf klicke, werde ich zu einer speziellen Seite weitergeleitet?
Viele Dank für die Hilfe
Kommentar von Greg
Montag, 18. Mai 2009, 12:31
@Greg: Ja, klar geht das. So:
<a href="http://...">Scrolltext</a>Kommentar von Barbara
Montag, 18. Mai 2009, 22:23
Danke für deine tolle Anleitung ! Klappt wunderbar…
Kommentar von Sascha
Samstag, 23. Januar 2010, 8:21
Freut mich, Sascha! Sieht gut aus
Kommentar von Barbara
Samstag, 23. Januar 2010, 20:23