Plugin gesucht für die Darstellung der Blogübersicht

[dn3d_fanboy]

Hallo,
ich suche nach einem Plugin, wenn es denn sowas gibt, um die Blogübersicht wie folgt darzustellen:


Der neuste Beitrag soll oben breit angezeit werden, während ältere Beiträge in kleineren Bereichen angezeigt werden und dann immer drei Stück in einer Reihe.
Auch sollte das Vorschaubild im Beitrag oben größer sein als in den anderen (ist aber nicht sooo wichtig).

Gibt es hierfür ein Plugin oder muss ich das bereits im HTML schon so coden? Wie würde ich es denn im letzteren Fall anstellen?

Wäre nett, wenn mir da jemand weiterhelfen könnte.

Besten Dank im Voraus.

 

[By3o]

moin,
ich würde mir an Deiner Stelle ein passendes Theme suchen.
Das erspart Dir Arbeit, Zeit und Mühen.

LG

 

[dn3d_fanboy]

Dank für deine Antwort By3o,
trotzdem würde ich gerne wissen, wie ich so etwas selbst bewerkstelligen kann.

 

[By3o]

okay,
das Aussehen und Verhalten wird nicht über HTML gesteuert sondern über CSS.
Um solch eine Vorlage optisch anzupassen bedarf es allerdings etwas mehr als Grundkentnisse.
Du musst die einzelnen Container ansprechen, ich nutze ein Web Enrwickler Tool um mir die benötigten Klassennamen und IDnamen anzeigen zu lassen.
Diesen weist Du eine neue Breite, Höhe und Außenabstand zu und lässt sie floaten.
Der Containerinhalt muss dann natürlich auch noch angepasst werden.
In einem Child-Theme (updatesicher) werden die entsprechenden Bereiche dann in der CSS mit den neuen Weten überschrieben.
Das war jetzt mal eine grobe Erklärung die Kurzform.
LG

 

[dn3d_fanboy]

Danke nochmals für deine Antwort.

Was CSS angeht bin ich schon sehr sicher unterwegs, also floaten, etc. ist kein Problem.
Die Frage, die ich mir stelle, ist, wie ich es hinkriege, dass WP dynamisch den neusten Inhalt in einen breiten Conteiner oben ausgibt, alle älteren allerdings darunter in den kleinen Containern nebeneinander.
Wenn ich jeden Eintrag einzeln (ich hoffe ich habe dich da jetzt richtig verstanden) immer wieder per CSS layouten müsste, wäre ja der Einsatz von WP fast schon sinnlos.

 

[By3o]

moin,
Du musst nicht jeden einzelnen Container ansprechen.
Der neuste Beitrag steht doch eh immer ganz oben und rutscht bei Erstellung eines neuen Beitrags automatisch nach unten. Das funktioniert via PHP.
CSS hat nichts mit den Inhalten zu tun.
Du musst schauen wie deine Container benannt sind, meist sind mehrere ineinander verschachtelt.
Hast Du den richtigen erwischt, so kannst Du mit einem CSS-Eintrag Werte für alle vergeben.
Zur groben Übersicht färbe ich mir die möglichen Kanditaten mit bg-color bunt ein.
Achte unbedingt darauf, daß Dein Eingreifen sich nicht auf Unterseiten auswirkt.
Um dem ersten Container einen andere Werte zuzuweisen verwendest Du first-child.

LG

 

[lachender_engel]

Hast Du schone ine Übersicht die Du entsprechend Deines Wunsches anpassen willst oder willst Du Dir ein neues Theme bauen, in dem die Darstellung so ist, wie Du sie willst?
Wenn Du bereits einen HTML-Code mit CSS hast, dann lasse uns online darauf zugreifen, und wir können Dir Tipps geben was Zu verändern musst, um die Darstellung nach Deinen Wünschen anzupassen.

 

[Rata]

Ist da nicht „Twentyfourteen“ das geeignete Ausgangsmaterial?


Lieber Gruß
Rata

 

[MyBad]

Per CSS und vernünftigem Mark Up ist das recht einfach zu bewerkstelligen. Wenn du eine Liste (z. B. <ul>) für die Anzeige deiner Posts verwendest, kannst du den ersten Listeneintrag per "ul li:first-child" ansprechen und nur das erste <li>-Tag nach deinen wünschen formatieren. Hier mal ein Q&D Beispiel:

HTML

<ul>
      <li>POST 1</li>
      <li>POST 2</li>
      <li>POST 3</li>
      <li>POST 4</li>
      ...
</ul>

CSS

ul li{
  float: left; /* ALLE LI-ELEMTE FLOATEN */
  ....
}
ul li:first-child{
  clear: both; /* FLOATING FUER ERSTES LI-ELEMENT AUFHEBEN */
}

 

[dn3d_fanboy]

Hallo,
danke für eure Antworten. An :first-child habe ich gar nicht gedacht. Das werde ich mal ausprobieren.
Ob ich das ganze mit einer Liste darstelle weiß ich noch nicht, ich hatte da schon eher an einen DIV-Container gedacht.
Aber mal sehen, vielleicht klappt das ja noch besser.

Ich halte euch auf dem Laufenden.

 

[MyBad]

Mit DIV-Containern geht das natürlich auch. Auch hier lässt sich das erste Kind-Element per :first-child ansprechen. Eine Liste passt hier nur von der Semantik her ganz gut