Shortcodes für den Blog

[ghost]

@eteubert habe mal ne Frage in Sachen Blogübersicht:

Ich will das hässliche Standard Theme wie auch Tim nutzt nicht haben und baue daher eigene Themes oder nutze einige aus meiner Sammlung (gekauft).

Weder bei mir noch bei den gekauften funktioniert das looping der Episoden auf der Startseite. Auch das Widgets der neusten Episoden (Standard WP für Blogbeiträge) funktioniert nicht (auch nicht mit dem "twentytwelve" Theme).

Das Widget Problem konnte jedoch mit einem eigenem Widget fürs Theme selber fixen.
Jedoch stehe ich gerade auf dem Schlauch wie ich das Looping hacken soll :( Habe da schon einiges gemacht aber irgend wie gehts nicht.

Ich baue unter anderem auch eigene Portfolios und weis das der PPP nicht anders funktionieren kann wie ich das auch mache. Weil WP mit seiner Prefix Spinnereien sonnst Probleme mit den IDs und so weiter bekommt.

Vielleicht gibt es da Ideen oder etwas, was helfen könnte, die leere Startseite wie hier
irgend wie hinzubiegen?

Liebe Grüße,
Micha

[timpritlove]

Der Publisher veröffentlicht seine Beiträge nicht als Standard-Typ "post" sondern als "podcast". Das gilt es beim Theme zu berücksichtigen, da viele Themes nur Standard-Blogbeiträge berücksichtigen.

[eteubert]

Ich werde noch mal verschiedene Themes ausprobieren und versuchen, exakt zu definieren, was wofür benötigt wird. Aber ich kann vorab etwas allgemeines in den Raum werfen:

Main Loop

In Themes sollte so viel wie möglich WordPress überlassen werden. Dabei ist es hilfreich, sich an den twentysomething-Themes zu orientieren. Die main loop zum Beispiel sollte so einfach wie möglich gehalten werden. Je mehr man da mit Anpassungen reingrätscht, desto wahrscheinlicher wird es, dass man irgendwelche Plugins bricht.

<!-- main loop aus twenyeleven/twenytwelve -->
<?php while ( have_posts() ) : the_post(); ?>
    <?php get_template_part( 'content', get_post_format() ); ?>
<?php endwhile; ?>

Custom Post Type und Klassen

Custom Post Types sind keine Subtypen von Posts. Es gibt 5 Standard Post Types: Post, Page, Attachment, Revision und Nav Menu Item. Ein CPT wie Podcast ist ein gleichwertiger weiterer Post Type. Viele Themes bedienen sich der Funktion post_class(), die bei Posts z.B. die Klasse post ausgibt.

Aber: Alle Styles, die auf die Klasse post eingeschränkt sind, gelten nicht für CPTs! Denn bei CPTs wird die post-Klasse nicht ausgegeben. Stattdessen sollten die untergeordneten Elemente eindeutige Klassen bekommen und diese als Ausgangspunkt im CSS benutzt werden. Die Standard-Themes sind da wieder ein guter Ausgangspunkt: .entry-header, .entry-summary, .entry-content etc.

Expliziter Template Support

Für expliziten Support mit angepassten Templates können folgende zwei Dateien angeboten werden (Codex: Post Type Templates):

• archive-podcast.php
• single-podcast.php

[ghost]

Super das sollte helfen :)

Hatte gestern Abend noch am Shortcode gehackt, da sehe ich schon meinen dummen Denkfehler.
Danke für die so schnelle Hilfe!!!

Grüße Micha

Kleines Update:

Habe jetzt versucht was ging, jedoch funzt nix, da muss ich das ganze Design auseinander nehmen und umcoden.
Spackt auf die eine wie auch auf die andere weise. Das ganze Theme ist echt blöd entwickelt. Wenn ich das eine mache umsetze, zerhaut es das Design.

Mit der Standard Einbindung kommt der Player erst garnicht, jedoch der Content aus dem Player wird angezeigt.
Jetzt habe ich es komplett aufs neue versucht und die metadaten + mp3 Inhalt ist nicht mit drin, der Payer wird aber angezeigt^^

Ein Spaß, ich glaub ich hacke liebe alles alleine,
als ein gekauftes Desing zu verwenden.

[eteubert]

Tja, wir kônnen da auch nicht mehr tun als uns an WordPress Standards zu halten und Theme-Autoren zu bitten, Standard-konforme Themes zu entwickeln. Da wird früher oder später noch etwas an offiziellerer Stelle erscheinen aber mehr kann ich im Moment leider auch nicht bieten.

[timpritlove]

Hey Micha, wenn Du ein eigenes Theme gehackt hast, was mit Podlove läuft, dann gib doch mal Feedback. Wir sind sehr offen für kompatible Themes und wenn Du das frei verfügbar machen würdest, würden es vielleicht auch mit ausliefern oder zumindest empfehlen.

Der TwentyTen/Eleven/Twelve Look liegt mir auch nicht so recht, allerdings ist mir auch noch kein anderes überzeugendes Theme untergekommen, was ähnlich kompatibel zu WordPress ist (insbesondere die neuen standardisierten Anpassungsmöglichkeiten) und mit Custom Fields klarkommt.

Optimal wäre natürlich ein Theme, dass speziell auf Audio- und Video-Podcasts optimiert ist. Wenn wir da was gutes finden, könnten wir das ggf. sogar als Standard-Theme mit ausliefern.

[ghost]

Nun ja ich hacke meistens Themes nach Wunsch, jedoch eher an den grafischen Aspekt. Meine Themes benötigen daher viel Zeit, da sie Pixeloptimiert sind und ich alles alleine designe. Das Grid System ist da ein wichtiger Vorteil die eine Site einfach haben sollte. Dies ermöglicht viel, macht jedoch andere Konzepte schnell kaputt.

Es ist sicher optimal, eine "Gesamtpaket" anzubieten welches dem Podcaster ermöglicht, das Design schnell selber anzupassen und zu gleichem Teil, Raum für eigenes zulässt. Leider nicht so einfach, denn Wünsche sind bekannter Maßen unterschiedlich.

Ein eigenes Zusatzprojekt als solches wäre sicher in der Beta-Phase des Podlove Publisher Projektes eine gute Idee? Mir persönlich sind die Metadaten und die Linkistig sehr wichtig und warte da recht gespannt auf eure einfließenden Ideen und eure überlegten Konzepte (Trackbacks, Meta- /Markerlinks und Co).

Laber Rababer: Ich hatte vor 5 Jahren den gleichen Ansatz mit einigen Entwicklern verfolgen wollen, leider hatte kaum einer den Mumm andere herangehensweise einzubeziehen, weshalb ich das Projekt vor zwei Jahren wieder eingestellt habe. Freud mich also um so mehr das endlich mal wer das Web 3.0 für Podcaster machen will!

Ich schaue jeden Tag in die Codes des Publisher rein. Mir selber schwebt da ein Archiv vor, dass die Episoden nicht mit vielen Playern unter einander auflistet, sondern nur einen Player anzeigt. Der würde quasie die Episoden, statt der Metadaten anspringen. Zudem gleich mal die Episodenlänge auslesen und addieren. Damit man mal einen Überblick der gesamten Zeit aller Podcast bekommt. Sicher eine Möglichkeit für ein Archiv-Template oder Shortcode. Eure Versionsmarsche ist mir jedoch noch zu hoch, bei dem wie Ihr so Gas gebt.

Als Grundidee eines Archives (Projektbezogen!), lese ich den Feed aus und habe den PPP-Web-Player im Feedsystem eingebaut (natürlich kann ich die Episoden noch nicht mit dem Player anspringen):

• http://podbe.wikibyte.org/mobilemacs/

Für ein Podcast Template ist es da (denke ich) noch etwas zu früh? Zur Zeit hacke ich da auch eher an dem PPP-Web-Player Color DesignerModul. Holgi wollte den hellen Player ja nicht haben, den ich ihn als Plugin erstellt habe:

• https://github.com/McCouman/podlove-web-player-wrint

Daher habe ich mir überlegt das sollte einfacher gehen und baue da an einem Modul, das es ermöglichen die Design-Farbe für den Web-Player zu ändern. Wenn das Modul fertig ist, würde ich mich jedoch freuen wenn ihr da mal drüber schaut, etwaigen der Browser - Kompatibilitäten.

Liebe Grüße,
Micha

[Kambfhase]

Ich schaue jeden Tag in die Codes des Publisher rein. Mir selber schwebt da ein Archiv vor, dass die Episoden nicht mit vielen Playern unter einander auflistet, sondern nur einen Player anzeigt. Der würde quasie die Episoden, statt der Metadaten anspringen. Zudem gleich mal die Episodenlänge auslesen und addieren. Damit man mal einen Überblick der gesamten Zeit aller Podcast bekommt. Sicher eine Möglichkeit für ein Archiv-Template oder Shortcode. Eure Versionsmarsche ist mir jedoch noch zu hoch, bei dem wie Ihr so Gas gebt.

Als Grundidee eines Archives (Projektbezogen!), lese ich den Feed aus und habe den PPP-Web-Player im Feedsystem eingebaut (natürlich kann ich die Episoden noch nicht mit dem Player anspringen):

Das finde ich echt cool! Vielleicht können wir einen Multi-Track Player noch von haus aus einbauen. Oder zumindest APIs nach außen legen.

[timpritlove]

Theme-Baukasten und Multiplayer sind gute Anregungen. Da sind wir offen für Ideen und Kooperation.

[SimonWaldherr]

@McCouman einen helleren Player gibt's schon länger, genauso wie einen blauen und grünen. Die Arbeit am WYSIWYG Podlove Web Player Style Designer (ein passender Name muss noch gefunden werden) ist auch schon ziemlich weit. Leider hatte/habe ich letzte Woche und höchst wahrscheinlich auch nächste Woche keine Zeit für Podlove.
Da der Player seit 2.0 (fast) komplett durch JS gebaut wird, dürfte der Übersichtsseite mit nur einem Player, der verschiedene Episoden abspielt nichts entgegen stehen.

[ghost]

Super! gut das zu wissen, dann muss ich mir ja keine so große Arbeit mit machen :)

Update:

Weil ich angefangen habe, mache ich jedoch trotzdem weiter. Wenn es auch umsonnst ist. Wie ich gesehen habe, gibt es ein fertiges <farbe>.css? Geht sicher mit JS und so. Ich nehme eine Farbe und lasse den Rest in hell/dunkel ausrechnen.

Und sieht zur Zeit so aus:

Bin gespannt wie es wirklich funktioniert...

Liebe Grüße
Micha

[ghost]

@timpritlove Ich habe wegen des Themes einiges Überlegt, jedoch noch keine fertiges (ansehendes 2/3d Bild).
Dabei soll die Schrift des Contents größer sein (mehr WebApp-Ansicht). Als Gimik vielleicht eine Sidebar die immer im Blickfeld bleibt. Alles 960° Grid versteht sich! Dabei kann die Playerfarbe einiges zu tun, jedoch fehlte mir einen automatische ID damit der Player im einzelnen auch einfärbbar ist.

Somit wäre jede Episoden durch die Playerfarbe und die Hintergrundfarbe des Contents, in einer beliebigen Farbe möglich und unterbricht die einzelnen Episoden und wertet dabei gleich die Website auf. Die Unterbrechungen sind sehr Appellastig und kann man bei genauer Betrachtung zum Beispiel hier, sehr gut erkennen.

Mit einer nicht so hervorstechenden Farbe macht das echt schon eine interessante Ansicht.

Eine grobe Skizze:

Ich würde die Idee noch etwas ausbauen und genauer, wie grafischer ausbauen wenn der Ansatz interessiert. Damit man mehr sieht und auch die Strukturen genauer Wahrnehmen kann.

Gruß Micha

[SimonWaldherr]

@McCouman ist der Designer schon so weit fertig oder ist das ein Mockup? Kann man außer der Background Farbe auch noch andere Werte verändern (also z.B. border-radius, font-family, color, padding/margin)?

[ghost]

Äh Mockup, naja Screenshot des Players so zu sagen. Ich habe den Player nur als Bild anzeigen lassen (transparente Naschbildung) deren BG ich einfach ändere. Da bekommt man also nur eine Übersicht. Der Nachbau als Bild habe ich den Werten des schwarzen Players übernommen.

Ich hatte gestern ein paar Versuche und einige Probleme bekommen, so habe einiges neu gemacht, leider noch nicht fertig (da dröselte sich was in der db auf und erstellt fehlende Werte in der design.css) . Daher speichere ich jetzt nur noch eine Farbe und lasse die anderen Farben einfach berechnen.

Ich werde die Tage das ganze mal hochladen, wenn es so einiger Maßen geht. Das ganze ist also eher noch mit der Holzhammer-Methode gelöst...

Ziel war es eigentlich auch das ganze so billig wie möglich zu machen, kaum ein Podcast hat Lust und Zeit, irgend welche Farben ->#00000<- in 20 Felder einzugeben und festgelegt Skins sind nach dem 5.Blog dann auch schon wieder langweilig und nicht mehr Hip!? Ich hatte auch schon ne CSS Box als solches gehackt und die wichtigsten Angaben darin eingebunden. Danach ändern und nach dem Abspeichern wird eine "podlove-player.css" unter:

• wp-content/uploads/pod... ...css
  automatisch erstellt und in den wp_head eingebunden. Damit der Player updatebar bleibt, habe ich jedoch auch verworfen.

Farben auswählen und fertig, war die Idee danach.

Die Bilderprobleme für die Browser (automatische Weiß/Schwarz Icons für den Playbutton...) sind da noch das Problem und wollte ich mit ner billigen Auswahlbox lösen

Zu deiner "mehr Möglichkeiten" Option:

Ich hatte genau so angefangen, eine Eingabemaske mit vielen inputs für jeden Bereich des Players zu gestallten. Jedoch aus den oben genannten Gründen, nach der ersten funktionierenden Aktion, wieder verworfen. Da ich zugegebener Maßen nicht so der JS Held bin und die Sprache auch eher abtrünnig finde, habe ich den Player nur als Bild dargestellt. Ginge aber auch wenn wer das js dazu umhackt, den Player einzubinden und gleich mal live zu designen.

Vielleicht hast du ja Ideen welche Bereich du benötigen würdest, ändern/ansprechen willst. Dann sind weitere Eingabeformen schon da (habe ich nur mit display:none; ausgeblendet).

Gruß Micha

[SimonWaldherr]

ich hatte eigentlich nicht vor, den Editor in Wordpress zu integrieren, gehe aber davon aus, dass Tim die integrierte Lösung bevorzugen würde. Da mir, wie oben schon erwähnt, derzeit die Zeit für Podlove fehlt, wirds noch etwas dauern, bis mein Editor vorzeigbar ist.

Bis demnächst.
Gruß Simon

[ghost]

@SimonWaldherr

Ich habe nicht all zu viel Zeit da gerade weiter zu machen und habe dir mal den Designer nach meiner letzten Version hochgeladen.

Du findest ihn hier:
https://github.com/Podbe/podlove-color-designer

Muss noch einiges daran machen (Icons Farben und was halt noch fehlt). Dabei habe ich die Version von dem Player & Co zusätzlich eingebunden, damit das unabhängig läuft und keine Konflikte mit anderweitigen installs gibt.

Grüße MC