Beiträge von Frank9652

Vielen Danke erst mal für deine Antworten. ich werde es ausprobieren und mich evtl. wieder melden.

Danke, und ein schönes Wochenende.

Gruß Frank

Hallo Mr. Black!

Zuerst solltest du erst einmal auf die aktuelle Wordpress-Version updaten.
Ältere Versionen sind immer ein Sicherheitsrisiko.
Vor einem Update solltest du aber eine Sicherung der Homepage und der SQL-Datenbank anlegen, damit du wiederherstellen kannst, wenn was schief geht.

Auf welchem Theme basiert die von dir übernommene Homepage?

Zu der Frage Seitentemplate. - Das ist wohl ganz unterschiedlich, und hängt vom verwendeten Theme ab.
Generell ist wohl zu sagen, dass es nicht ein einziges File gibt, in dem die komplette Konfiguration eines Seitentemplates erfasst ist.
Meine Homepage basiert auf dem Theme TwentyTen, und die Templates setzen sich aus folgenden Elementen zusammen.
Einer PHP-Seite, die sich im Verzeichnis /deineHomepage/wp-content/themes/deinTheme-style/template.php befindet. Wobei der Name der PHP-Datei dem Namen des Seitentemplates entspricht.
Bilder, die als Hintergrundbilder verwendet werden sollen, befinden sich im Verzeichnis /deineHomepage/wp-content/themes/deinTheme-style/images
Dazu kommen noch definierte Container und Klassen in der Style.css
Ich habe gerade gestern eine Anfrage im Forum gestellt, in der ich den kompletten Inhalt der PHP-Datei und die entsprechenden Einträge in der Style.css gepostet habe.
Das kannst du dir ja mal anschauen -> Seitentemplate

Bei der Erstellung eines Templates gehe ich wie folgt vor.
1). Ich hole mir die PHP-Datei via ftp auf meinen lokalen Rechner, und öffne diese mit einem Editor.
2). Ich ändere den Template-Namen (in Zeile 3) gegen den zukünftigen Template Namen um.
3). Dann ändere ich noch den/die CONTAINER-Namen und CLASS-Namen (in Zeile 17).
4). Dann speichere ich das PHP-File unter neuem Templatenamen ab, und lade es via ftp wieder in das ursprüngliche Verzeichnis hoch.
5). Anschließend definiere ich noch die Container und Classen in der Style.css.

Die Style.css wird über das Dashboard bearbeitet. Du findest sie über DASHBOARD/DESIGN/THEME EDITOR und anschließend oben rechts das verwendete Theme auswählen (wenn nicht schon ausgewählt).
Anschließend solltest du auf der rechten Seite eine Auflistung aller verwendeten Files des jeweiligen Themes angezeigt bekommen.

Wenn ich ein Seitentemplate zum ersten mal für eine Seite benutze, dann wird es meistens zuerst nicht genommen.
Ich muß dann zuerst zweimal die F5-Taste (bei Firefox) drücken, damit das Template dann genommen wird.

Eltern(seite) / bearbeiten
Wenn du eine (Eltern)Seite bearbeiten willst dann mußt du wissen, wie sie heißt.
Falls du den Namen der Elternseite nicht weißt, und die Homepage nicht sehr viele Seiten umfasst, kannst du die Seite wie folgt herausfinden.
Im DASHBOARD links auf die Buttons SEITEN / ALLE SEITEN klicken.
Nun solltest du eine Auflistung aller Seiten angezeigt bekommen.
Wenn du die Elternseite gefunden hast gehst du mit der Maus auf den entsprechenden Seitennamen (ohne zu klicken).
Nun bekommst du weitere Optionen unterhalb des Seitennamens angezeigt.
Über Anschauen wird dir die Seite so gezeigt, wie man sie als Besucher der Homepage sieht.
Über Bearbeiten kannst du die (Eltern)Seite mit dem integrierten Editor bearbeiten.

Wenn dir der Name der (Eltern)Seite bekannt ist, lässt du dir wieder alle Seiten über DASHBOARD/SEITEN/ALLE SEITEN anlisten.
Ganz oben rechts befindet sich eine Suchfunktion Seiten durchsuchen.
Mit dieser Funktion kann man auch nach Seitennamen (oder auch Teilen davon) suchen.

Gruß Frank

Hallo Leute!

ich hoffe, ihr könnt mir helfen.
Das Design habe ich hinbekommen, aber das Handling dazu ist sehr umständlich.
Ich habe zwar eine ungefähre Ahnung, wie wie man das anders machen kann, aber mir fehlt das Fachwissen (in CSS) um es umzusetzen.

Für meine Bloggerseite benutze ich ein Seitentemplate das unter anderem aus zwei Hintergrundbildern besteht. Bild 1 ist am linken Rand die Schnur mit Messingringen, die sich immer wiederholt. Bild 2 besteht aus meinem Seitenportrait das immer in der linken oberen Ecke bleiben soll. Der Bloggertext soll um meinen Körper herumfließen, so wie es auch jetzt schon ist. -> Siehe Link.

Umgesetzt habe ich es, indem ich links neben jede der 18 Zeilen eine durchsichtiges PNG-Bild von 10 Pixeln Höhe und der benötigten Breite gesetzt habe.
(Bild in Zeile eins 170 Pixel breit, Bild in Zeile zwei 185 Pixel breit, Bild in Zeile drei 195 Pixel breit usw.)

Problem:
Nur wenn ich einen neuen Bloggertext einfügen möchte, muß ich für jede Zeile immer einen separaten Textschnipsel einsetzen. Ich hätte gerne, dass ich einfach drauf losschreiben kann, und der Text automatisch um meinen Körper herumfließt.
Rein theoretisch müsste das durch einen entsprechenden Eintrag (für jede Zeile) in der style.css möglich sein - aber wie???

Ich habe es auch schon direkt auf der Seite mit...

<p style="padding-left: 170px;">Text</p>

...probiert, nur dabei wird mir nach jeder Textzeile dann immer noch eine Leerzeile eingefügt.

Hier mal die nötigen Files.

...Die PHP-Templateseite in der die beiden Container für die beiden Hintergrundbilder und die zugerörige Klasse definiert werden.

<?php
/**
 * Template Name: Blogger Style
 *
 * A custom page template without sidebar.
 *
 * The "Template Name:" bit above allows this to be selectable
 * from a dropdown menu on the edit page screen.
 *
 * @package WordPress
 * @subpackage Twenty_Ten
 * @since Twenty Ten 1.0
 */


get_header(); ?>


        <div id="container-blogger" class="blogger-one-column">
        <div id="container-blogger2" class="blogger-one-column">


            <div id="content" role="main">


            <?php
            /* Run the loop to output the page.
             * If you want to overload this in a child theme then include a file
             * called loop-page.php and that will be used instead.
             */
             get_template_part( 'loop', 'page' );
            ?>


            </div><!-- #content -->
        </div></div><!-- #container -->


<?php get_footer(); ?>

Und hier die entsprechnden Einträge in der Style.css

#container-blogger {
    float: left;
    width: 775px;
    background-image: url(images/oesen-element.png);
    background-repeat: repeat-y;
    background-position: 0px 0px;
    background-color: #EBE0CA;
    border: 1px solid #666666;
    padding-left: 119px;
    padding-top: 23px;
    padding-right: 44px;
    padding-bottom: 23px;
}


#container-blogger2 {
    float: left;
    width: 775px;
  background-image: url(images/seitenportrait-element.png);
    background-repeat: no-repeat;
  background-position: 0px 155px;
    background-color: #EBE0CA;
    border: 0px solid #666666;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 44px;
    padding-bottom: 23px;


}
.blogger-one-column #content {
    margin: 0 auto;
    width: 790px;
}

Ich hoffe, ihr habt eine Idee, die ich mit meinem begrenzten Wissen auch umsetzen kann.

Eben ist mir noch eine Idee gekommen, weiß aber nicht ob das so geht.
Nämlich die durchsichtigen Bilder auch in die Style.css verlegen - aber als "normales Bild" und nicht als Hintergrundbild? - dann müßte der Text rein theoretisch auch erst ab dem durchsichtigen Bildern anfangen, ohne dass die Einträge dafür auf der eigentlichen Seite abgelegt sind????

Gruß Frank

Ist zwar hier nicht so ganz das richtige Board, aber ich antworte dir trotzdem. ;)
Welchen Nivo Slider benutzt du?
Die kostenlose (ältere) Version die über Shortcut eingebunden wird und die die NextGEn Gallery als Basis benötigt, oder hast du die Kaufversion die als Plugin in Wordpress eingebunden wird?

Anleitung kostenlose Version
Bei der kostenlosen Version ist es so, dass du ja zusätzlich NextGen Gallery installiert haben musst.
Wenn du NextGen Gallery installiert hast, dann solltest du links einen grünen Button (unterhalb von Dashboard) haben. Hier kannst du Bildergalerien anlegen ändern verwalten.
Jede einzelne Gallery muß einen eigenen Namen haben "z.B. Ausstellung".
Nehmen wir an, dass das die zweite Galerie ist, die du angelegt hast, dann hat diese die ID 2 bekommen.
Der entsprechende Eintrag in eine Seite (nicht visuelle Ansicht, sondern Textansicht) muss dann wie folgt aussehen:

Beispiel 1:

[jj-ngg-jquery-slider gallery="2" order="sortorder" effect="random" animspeed="1000" pausetime="20000" width="610" height="610" center="1"  controlnav="false" html_id="2"]

sortorder - gibt an, dass die Reihenfolge der Bilder (wie in der Galerie sortiert) verwendet werden soll.
random - ist der Überblendeffekt
animspeed - gibt die Geschwindigkeit der Überblendung in Millisekunden an.
Pausetime - gibt an, wieviel Sekunden gewertet wird, bis zum nächsten Bild gewechselt werden soll (auch Millisekunden)
width und height - gibt die Breite und Höhe der Bilder an.
center - 1 -> weiß ich jetzt gerade nicht
controlnav false - schaltet die Navigation am unteren Rand der Bilder ab
html_id="2" - Will man mehr als eine Slideshow auf einer Seite einbinden, dann müssen diese durchnumeriert werden, damit sie sich nicht gegenseitig beeinflussen. Die Reihenfolge kann man selbst festlegen.

Bei obigem Beispiel ist es so, dass die Pfeile zum weiterblättern rechts und links vom Bild nur erscheinen, wenn die Maus sich auf dem Bild befindet.
Bei dem zweiten Beispiel sind die Pfeile dauerhaft eingeblendet, und ein weiterblättern funktioniert auch mit der Tastatur.

Beispiel 2:

[jj-ngg-jquery-slider gallery="1" order="sortorder" effect="fade"  animspeed="1000" width="610" height="610" center="1"  directionnavhide="false" controlnav="false" manualadvance="true"  html_id="1"]

Hier noch der Link zu meiner Seite, wo ich beide obige Codebeispiele verwende

Anleitung Kaufversion
Wenn du die Kaufversion des Nivo Sliders installiert hast dann wird diese als Plugin installiert. Du solltest dann nach der Installation links unter dem Dashboard einen Button namens "Nivo Slider" mit einem kleinen blauen Quadrat und einem weißen N haben.
Über den Unterbutton "Add new" kannst du eine neue Galerie anlegen.
Hier kannst du auch alle Parameter für die entsprechende Galerie einstellen die du bei der kostenlosen Version als Parameter mitgeben musst.

Auf der entsprechenden Seite wo die Galerie einbinden willst, brauchst du dann nur folgenden Code einfügen.

[nivoslider slug="Ausstellung"]

Unterschiede zwischen Kaufversion und kostenloser Version.
Die Kaufversion unterstützt das weiterblättern der Bilder via Pfeiltasten nicht mehr.
Das ist auch für mich der Grund, weshalb ich noch beide Versionen einsetze.

Ansonsten habe ich es ziemlich bereut mich für den Nivo Slider entschieden zu haben, - das war für mich ein Griff ins Klo.
Warum?
Hotline unfreundlich und arrogant.
Versprechen, das bestimmte Bugs entfernt werden - werden nicht gehalten auch wenn man genau die Codestellen mitteilt wo das Problem liegt.
Nirgends eine Dokumentation bei neuen Versionen was sie verbessert haben, oder welche Bugs beseitigt wurden.
Kaufversion nur 1 Jahr gültig, danach muß man neu kaufen. - Sie funktioniert zwar nach Ablauf des einen Jahres weiter, aber man hat kein Recht mehr auf Updates und Support.

Gruß Frank

Diese Frage kannst du nur dir selbst beantworten, weil das auch stark von deinem persönlichen Geschmack abhängt.
Wenn deine Homepage Fotolastig sein soll, weil du ein Fotograf bist, dann sind deine Ansprüche eher an die Qualität der Bilder höher, als wenn du einen Blog betreibst, wo es evtl. nur auf kurze Schnappschüsse mit Handykamera ankommt.
Je höher die Qualität und je größer die Bilder desto länger dauert natürlich die Ladezeit deiner Homepage bis was angezeigt wird. Für welchen Zweck die Homepage sein soll, und da die richtige Balance zu finden muß jeder für sich selbst entscheiden.
Es gibt Leute, die stellen Bilder größer als 800x800 Pixel ein, die nicht mehr als 100 kbyte haben.
Ich persönlich habe für mich entschieden meine Bilder maximal 600x600 Pixel groß sein zu lassen bei maximal 200-220 kByte pro Bild. Wobei meine Homepage Fotolastig ist.
Bei den Slideshows merke ich dabei aber, wenn sich mehr als 20 Bilder in einer Slideshow befinden, dass die Wartezeit bis die Slideshow beginnt an die erträgliche Schmerzgrenze kommt.
Für mich persönlich war dabei das Kriterium wichtig, daß die Qualität der Bilder so gut sein sollte, dass man mit dem blosen Auge keine Qualitätseinbußen sehen sollte, aber trotzdem die Qualität so schlecht sein sollte, dass die Bilder für eine weitere elektronische Verwendung eines Bildräubers ungenügend sein sollte.
...aber letzten Endes ist das eine Frage wo du 100 Antworten bekommen wirst, wenn du 100 Leute fragst.

Als Ergänzung zu Dexter (das mit den dpi ist absolut richtig) sollte noch angemerkt werden, dass Bilder schon in der Größe (Bilddiagonale) hochgeladen werden sollten, in der sie dann später auf der Seite auch verwendet werden.
Lädtst du nämlich - als übertriebenes Beispiel - ein 10 Megabild hoch, dass du dann auf der Homepage runterskalierst, geht das ekelig zu lasten der Performance (sprich Ladezeiten der Homepagebesucher).

Gruß Frank

Ich kann nicht sagen, ob die Ansicht bei unterschiedlichen Browsern anders aussieht, und evtl. der Zeilenumbruch (oder Leerzeile) dann wieder da ist. Ich benutze ausschließlich Firefox.
In TINYMCE (ob visuell oder Textansicht) sind die Zeilenumbrüche und der dazugehörige Code zumindest verschwunden.
Nur in ganz seltenen Fällen vergleiche ich eine Ansicht mit dem IE.
Was genau die Leerzeilen oder Zeilenumbrüche entfernt kann ich nicht sagen.
- Ich habe da auch das Theme in Verdacht, das auch manche Formatierungen überschreibt (zumindest bezüglich Tabellenansicht).
Die einzigsten Aussagen die ich definitiv treffen kann, sind...
1). Es betrifft nach meiner Beobachtung ausschließlich Leerzeilen und Zeilenumbrüche.
2). Der Effekt tritt in dem Moment auf (wie von Kastanienbaum beschrieben) wenn ich von der TINYMCE (egal ob visueller Ansicht oder Textansicht) auf die normale Browseransicht (Seite ansehen) wechsle.
3). Diesen Effekt habe ich verstärkt, seitdem ich gerade dabei bin alte HTML-Seiten nach Wordpress zu migrieren. - Das heißt, ich füge den Code meistens per Copy and Paste in eine neue Wordpress Seite ein.
Jedenfalls war mir der Effekt vorher nicht (so stark) aufgefallen.

@ Kastanienbaum
Ja, ich weiß, dass meine (Not-)Lösung nicht professionell ist, und hätte es auch gerne anders. Aber ich habe gelernt erst mal eine funktionierende Notlösung zu nehmen, mit der ich halbwegs leben kann, bis ich über die Lösung eines Profis hier im Forum stoße, und dann beginnt das große ummodeln... :???:

Gruß Frank

Ich habe auch das Problem.

Habe auch schon   ausprobiert.
Komischerweise - mal ist es von Wordpress entfernt worden, und mal nicht.

Meine (Not-)Lösung besteht bisher darin in eine Zeile ein- oder mehrere Sternchen einzufügen, die die selbe Farbe wie der Hintergrund haben.

<span style="color: #ebe0ca;">*</span>

Dadurch erhalte ich dann ein Leerzeile die nicht durch die Autoformatierung gelöscht wird.

Gruß Frank

Ja, die ganze Zeile löschen.

Gruß Frank

Danke Peter, hat prima geklappt.
Manchmal hat man ein Brett vor'm Kopf und sieht den Wald vor lauter Bäumen nicht.
Dachte, damit kann ich nur nach Seitennamen suchen.

Ich hatte dich dann zuerst falsch verstanden, und dachte du meintest die Suchfunktion in TINYMCE.

Wieder was gelernt.

Vielen herzlichen Dank

Frank

Hmm, aber meines Wissens muß ich die Seite erst aufmachen und für jede einzelne Seite die Suchfunktion starten. Oder gibt es da einen Trick alle Seiten durchsuchen zu lassen, und die gefundenen Seiten dann auflisten zu lassen?
Wenn ja, verrätst du mir den Trick?

Gruß Frank

Hallo Leute!

Gibt es ein Plugin mit dem ich alle Seiten meiner Homepage nach bestimmten Zeichenketten in einem Rutsch durchsuchen kann?

Hintergrund meiner Frage:
Ich habe über 800 alte HTML-Seiten von mir nach Wordpress migriert.
Diese Seiten enthalten e-mail Adressen in Klartext die ich durch ein Bild ersetzen möchte.

Ich weiß zwar dass man solch eine Abfrage mit einer SQL-Abfrage auf die Datenbank machen könnte, habe davon aber keinen blassen Schimmer.

Gruß Frank

Wenn ein Theupdate kommt, dann darst du die Änderung wieder von vorn machen.

...oder du arbeitest mit einem Child-Theme, oder du informierst den Programmierer des Themes, damit er den Fehler korrigieren kann.

Gruß Frank

Wie Peter schon schrieb. Das einfachste ist ein animiertes GIF (mache ich auch so).
Es gibt da Easy GIF Animator (läuft mindestens bis Windows 7).
Die unregistrierte Version kann man 20 mal benutzen bevor sie nicht mehr funktioniert.
Das Programm ist sehr einfach zu bedienen, und liefert (zumindest in der Vollversion) schon Buttonvorlagen mit, wo man nur noch den Text eingeben muss.
Das animierte GIF wird dann genau so in Wordpress eingebunden, wie jedes andere Bild auch.

Gruß Frank

Wegen der Einstellungen in der Styles.css muss ich passen, da verstehe ich zu wenig.
Dazu müssen andere Leute was sagen.

Ich hatte es mit ach und krach hinbekommen, dass die Tabellenrahmen überhaupt sichtbar werden - finde jetzt aber diese Stelle nicht mehr. (Bei meinem Theme TwentyTen-Child waren alle Tabellenrahmen unsichtbar.)
Cellpadding und Cellspacing habe ich bis heute noch nicht hinbekommen, deshalb sieht es auch ein bischen scheiße aus (steht noch auf meiner ToDo-Liste).

Wenn die die Breite der gesamten Tabelle in Pixeln vorgibst, dann dürfte es nichts ausmachen ob die die Zellenbreite in Prozent oder auch in Pixeln angibst. - Ich würde aber an deiner Stelle mal beides testen.

Du kannst ja mal diese Vorlage probieren

<div align="center">
<table border="1" cellpadding="5">
<tbody>
<tr>
<td colspan="5" align="center" width="691" height="19"><strong>Text
</strong>Text<strong></strong></td>
</tr>
<tr>
<td width="302">Spalte1:</td>
<td width="144">Spalte2:</td>
<td width="90">Spalte3:</td>
<td width="82">Spalte4:</td>
<td width="73">Spalte5:</td>
</tr>
<tr>
<td width="302"><span style="color: #0000ff;">Text1</span></td>
<td width="144">Text2</td>
<td width="90">Text3</td>
<td width="82">Text4</td>
<td width="73">Text5</td>
</tr>
</tbody>
</table>
</div>

Die Vorlage müsste dann bei dir auch so aussehen wie bei mir.
Ich habe die Vorlage aus DIESER Seite erstellt (damit du einen Vergleich hast)

Wenn das so bei dir funktioniert, würde ich an deiner Stelle daraus eine Blankotabelle erstellen, die du bei Bedarf als Codeschnipsel einfügst, und dann je nach Gegebenheit abänderst.

Gruß Frank

Hallo Mailer!

Vielleicht hilft dir der folgende Link weiter. Ich hatte das selbe Problem mit meinem Gästebuch.
In wiefern sich das aber auf eine Blogseite übertragen lässt, weiß ich nicht.
Link zum Artikel wo mir geholfen wurde.

Gruß Frank

Wenn ich dich richtig verstehe, erstellst du im zweiten Fall eine statische HTML Datei mit dem Windows-Editor und lässt sie dir auf deinem lokalen Rechner anzeigen?
Während du im ersten Fall eine Seite mit TinyMCE erstellst die innerhalb TinyMCE anders aussieht als wenn du die Seite dir "normal" mit einem Browser anzeigen lässt?

Diesen Effekt habe ich in manchen Bereichen auch.
Der Grund liegt darin, daß Wordpress (bzw. TinyMCE) keine statischen HTML-Seiten verwendet.
Je nach verwendetem Theme und Seitenvorlagen werden bestimmte Eintragungen die du in TinyMCE machst durch den Code des Themes der für das "Design" zuständig ist überschrieben.

Du kannst das durch entsprechende Eintragungen in der style.css verhindern/ändern.
Diese Datei findest du im linken Menürand über -> Design -> Theme Editor.
Dort musst du oben rechts dein verwendetes Theme auswählen, und anschließend in der darunter befindlichen Liste "Theme Files" die Datei style.css (wenn nicht schon automatisch ausgewählt).
Der Inhalt der Datei wird dann im Theme-Editor angezeigt.
Damit deine Eintragungen beim nächsten Theme-Update nicht überschrieben werden, solltest du mit Child-Themen arbeiten. Sonst musst du nach einem Theme-Update dieselben Eintragungen wieder neu machen.

Das eine Webseite in einem Browser anders aussieht als in einem andern Browser liegt daran wie der jeweilige Browser den Code interpretiert. Hier kann man nur darauf achten nur solchen Code zu verwenden, der von allen Browsern gleich interpretiert wird.
Aber es ist nicht nur der Code den man selbst eingibt, sondern auch der Code des verwendeten Themes und des Seitentemplates - mit anderen Worten der gesamte Code der dargestellten Seite.
Das war auch der Grund für mich, ein Standart-Theme zu verwenden, und keine Experimente mit exotischen Themen zu machen.

Mit anderen Worten:
Du hast nichts falsch gemacht, sondern die Frage lautet, welche Eintragungen musst du in der style.css ändern (eintragungen) damit die Ansicht der Tabellen deinen Vorstellungen entspricht.
(Mit diesem Thema bin ich auch noch nicht ganz durch)

Gruß Frank

Hallo Pizzaman!

Probier mal folgendes...
<div align="center">
und hier den Code von Flexible Map.
</div>

Das musst du im Textmode des Editors in die Seite so eintragen.
Funktioniert so bei mir mit Tabellen, Bildern und dem OSM-Plugin.
Ob es auch so mit Flexible Map funzt, weiß ich nicht, weil ich das Plugin nicht kenne.

Gruß Frank

Nein, Probleme mit dem Datenschutz - wirst du denke ich nicht bekommen.
Du solltest aber in deinem Impressum darauf hinweisen, dass Daten an die entsprechenden Dienste (auch auf Server in die USA) übermittelt werden.
Es ist aber so, dass die "Normalen Lösungen" schon beim Aufrufen der Seite Informationen über das Surfverhalten an die entsprechenden Dienste übertragen.
Bei der von mir vorgeschlagenen Lösung ist es so, dass man die entsprechenden Buttons erst aktivieren muss, und mit einem zweiten Klick bestätigen muss. Erst dann werden die Daten übertragen.
Das heißt, es liegt in der Verantwortung des Besuchers, ob er es will oder nicht.
Ich finde diese Lösung toll, da der Besucher selber die Freiheit hat, auch "Nein" zu sagen.
Er hat es also in der eigenen Hand, ob er die Daten weitergeben will, oder nicht.

Gruß Frank

Ich muss sagen, die Buttons sehen sehr gut aus.
Wegen dem Datenschutz würde ich aber 2 Click Social Media Buttons bevorzugen.
Auch wenn dort die Buttons nicht so schön aussehen.

Gruß Frank

Wieso ein Plugin, wenn es auch mit Bordmitteln von Wordpress geht?
Seit Version 3.6 ist ein MP3-Player und Videoplayer in Wordpress integriert.
Je nach verwendetem Browser sieht der aber anders aus.
Beispiel von meiner Seite kannst du HIER sehen. Sind zwar Predigten, aber ist ja egal - geht genauso mit Musik. ;)
Der Codeschnipsel sieht wie folgt aus.
Der originale Codeschnipsel befindet sich bei mir allerdings in einer Tabelle.
[audio src="http://www.deinehomepage.de/PfadzurDatei/Dateiname.mp3"][/audio]

Ob die Funktion Multisidefähig ist entzieht sich zwar meiner Kenntnis, da es aber in Wordpress integriert ist, gehe ich mal davon aus.

Hier noch zwei Links von der Entwicklerseite.
Link 1
Link 2

Gruß Frank