"Das sagen die Seitenreport Nutzer" für Wordpress

anickel schrieb:

hier auf Seitenreport gibt es ja im rechten Bereich dieses "Das sagen die Seitenreport Nutzer" Feature, mit wechselnden Meinungen der User.
Ich würde so etwas auch gerne in meinen Wordpress Blog einfügen, allerdings würde ich gerne die Inhalte statisch eingeben und nicht dynamisch irgendwo auslesen.
Diese sollen dann einfach zufällig wechseln.
Gibt es so etwas als Plugin oder Widget für Wordpress? Oder kann man das relativ unkompliziert via HTML Widget programmieren?

Hallo anickel,

eine statische wechselnde Kundenstimmen-Version auf HTML-Basis ist schnell realisiert:

[HTML]

[/HTML]

[JS]
<script>
/* <![CDATA[ */

var kundenstimmen = new Array(/* HTML erlaubt */
\'Top Angebot! Mir gefällt es hier echt gut!< br />Max Mustermann aus Berlin\',
\'Es gibt Ecken und Kanten, aber im Großen und Ganzen super!< br />Mareike Müller aus Darmstadt\',
\'Spitze! Gefällt mir!< br />Frank Schuster aus Musterhausen\'
);

var current = 0;
var intervall = 3000; // 3 Sekunden
var container = "kundenstimmen"; // Div-Container der Ausgabe

function refreshKundenstimmen() {/* Kundenstimmen auslesen und in container ausgeben */
var e = document.getElementById(container);
e.innerHTML = kundenstimmen[current];
current++; if (current>kundenstimmen.length) {current=0;}
window.setTimeout("refreshKundenstimmen()",intervall);
}

refreshKundenstimmen(); // starten

/* ]]> */
</script>
[/JS]
(fügt im 3 Sekunden-Rhythmus wechselnde Kundenstimmen aus dem Array in den DIV-Container ein).

Beste Grüße,
Matthias

Super! Ich danke dir!

So also ich habe das jetzt mal eingebaut und eigentlich funktioniert es auch. Aber ich habe 2 Probleme:

1. Mehr als drei Zitate kann ich nicht einfügen, sonst geht nix mehr. An was liegt das?
2. Wenn die drei Zitate durchgelaufen sind kommt immer "undefined". Das verstehe ich auch nicht so ganz.

Sorry, aber ich bin was Javascript angeht echt ein Monsternoob. Also DANKE schon mal für die Hilfe!

Ein Fehler im Script, ich habs mal ein wenig modifiziert im OOP Stil:

[js]<script>/**/ <br />var kundenstimmen={ <br /> items:[],interval:3000,container:\'kundenstimmen\',current:0,ref:null, <br /> <br /> add:function(text){this.items.push(text);}, <br /> refresh:function(){ <br /> if(this.items.length==0)return; <br /> this.ref.innerHTML=this.items[this.current]; <br /> if(++this.current>=this.items.length)this.current=0; <br /> }, <br /> init:function(){ <br /> this.ref=document.getElementById(this.container); <br /> if(!this.ref)return; <br /> this.refresh(); <br /> setInterval(\'kundenstimmen.refresh()\',this.interval); <br /> } <br />} <br />// Texte hinzufügen <br />kundenstimmen.add(\'Top Angebot! Mir gefällt es hier echt gut!<br /><span class="author">Max Mustermann aus Berlin</span>\'); <br />kundenstimmen.add(\'Es gibt Ecken und Kanten, aber im Großen und Ganzen super!<br /><span class="author">Mareike Müller aus Darmstadt</span>\'); <br />kundenstimmen.add(\'Spitze! Gefällt mir!<br /><span class="author">Frank Schuster aus Musterhausen</span>\'); <br /> <br />// starten <br />kundenstimmen.init(); <br />/**/</script>[/js]

Mit der Funktion add kannst du beliebig viele Texte in die Anzeige pushen.
[js]kundenstimmen.add(\'Hier dein Text.\');[/js]

@Thomas: klasse, wenn das so weiter geht, haben wir morgen Abend ein fertiges Wordpress-Plugin.

Wer macht den nächsten Schritt?

(Tutorial zum Schreiben eines Wordpress-Plugins)


Beste Grüße,
Matthias

Also ich sage 100000 mal danke. Ich hab es jetzt auf meiner Seite stimm-sprachseminare.de eingebaut und es funktioniert wundervoll. Das einizige, was jetzt noch etwas komisch ist, ist, dass die Höhe variabel ist, und somit der gesamte rechte Bereich immer etwas hin und her wackelt. Aber trotzem: Vielen Dank für eure Hilfe!

Das liegt daran das der Text unterschiedlich lang ist, wenn du dem div eine feste höhe gibst oder die text ungfähr gleichlang sind, hört das wackeln auf.

Jo ich habs jetzt mit

einfach festgetackert!
Ich bin echt so schlecht was programmieren angeht aber ich lerne immer wieder dazu. Vielen Dank nochmal!