Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hallo,
wir haben einen Wordpress Blog mit Kurzgeschichten.
Wie bekommen wir es hin, dass jeder Beitrag oben links ein Symbol anzeigt?
Die Kurzgeschichten werden als MP3 eingesprochen und sollen über "ompact WP Audio Player" darüber abgespielt werden. Aber ich habe zu dem Bereich oben links keinen Zugang. Gibt es da eine einfache Möglichkeit oder muss ich in die PHP Datei rein? Und wie gibt man dann in jedem Beitrag die MP3-URL an?
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
Mit der Anmeldung ins Forum hast du die Forenregeln zur Kenntnis genommen - aber anscheinend nicht gelesen!
Mit einem Link zu deinem Anliegen könnte sich jemand finden, der sich da auskennt und dir weiterhilft ....
Ohne weitere Angaben -siehe Forenregeln, besonders (II) ist alles ein Ratespiel und wer will das?
Wie bekommen wir es hin, dass jeder Beitrag oben links ein Symbol anzeigt?Die Kurzgeschichten werden als MP3 eingesprochen und sollen über "Compact WP Audio Player" darüber abgespielt werden.
Das WordPress Plugin erzeugt einen sog. Shortcode.
[sc_embed_player fileurl=“URL OF THE MP3 FILE“]
Diesen Shortcode kannst du nur in einem Artikel verwenden und nicht in einer Überschrift oder vor einer Überschrift.
Aber ich habe zu dem Bereich oben links keinen Zugang. Gibt es da eine einfache Möglichkeit oder muss ich in die PHP Datei rein?
PHP für Shortcodes ist eigentlich relativ einfach - wirklich! dies bringt dich aber nicht viel weiter, weil du ja ein zusätzliches Eingabefeld
Und wie gibt man dann in jedem Beitrag die MP3-URL an?
für die MP3-URL benötigst.
Mit [size=24]Advanced Custom Fields [/SIZE]könntest du dir ein zusätzliches Feld erstellen
https://de.wordpress.org/plugins/advanced-custom-fields/
mit https://www.awesomeacf.com/ wir einen MP3 Player für AFC holen
=>
https://github.com/virgo79/acf-audio-video-player
und mit etwas PHP in dem Template die Ausgabe steuern...
Alternativ könnte man ggf. diesen "Playbutton" auch per CSS an eine passendere Stelle verschieben.
Leider fehlen Angaben wie z.B. ein Link zur Seite, siehe auch der Hinweis von @SEpp55
Anhand des HTML-Codes im Beispielbeitrag könnte man z.B. sowas machen, das hier schiebt in einzelnen Beiträgen den Button links vor die Überschrift, eingeben unter Design > Customizer > Zusätzliches CSS:
.single-post .post .entry-content .sc_player_container1 {
position: absolute;
top: 4.2em;
left: 3%;
}
Für die "responsive" Darstellung des Themes bei schmalen Bildschirmen würde noch etwas weiterer Code benötigt.
Darüber hinaus gibt es natürlich noch viele andere Varianten und Möglichkeiten.
Mit WordPress selbst hat der Ansatz mit reinem CSS eher nichts zu tun.
Ergänzung: CSS noch etwas vereinfacht.
Die Hauptseite hat die Klasse blog im body Element, also z.B. ".blog" statt ".single-post" verwenden.
Bei top sollte man keine % Angabe verwenden, da sich das dann je nach Länge/Höhe des Beitrags unterschiedlich auswirkt.
Für die mobilen bzw. weiteren Versionen hat das Theme einige sog. Breakpoints, für die man jeweils per sog. CSS Media Query (google) eigene Dinge definieren kann, siehe z.B. Punkt 16 in der style.css Deines Themes:
https://katies-kurzgeschichten.de/wp-content/themes/twentyfifteen/style.css
Die Standardwerte in Twenty Fifteen sind für die kleinsten Bildschirme voreingestellt und werden dann je breitere Bildschirme jeweils mit einem Media Query überlagert.
Das sind alles Wordpress-unabhängige CSS Grundlagen, vielleicht findest Du auch ein gutes YouTube Tutorial zu dem Thema o.ä.
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!