1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

the_post_thumbnail mal links mal rechts

Dieses Thema im Forum "Design" wurde erstellt von MacTV, 4. Januar 2010.

  1. MacTV

    MacTV Well-Known Member

    Registriert seit:
    4. April 2005
    Beiträge:
    45
    Zustimmungen:
    0
    N´bend
    Das mit der neuen Funktion the_post_thumbnail habe ich soweit verstanden
    und auch in mein Theme eingebaut.

    <?php the_post_thumbnail('thumbnail', array('class' => 'alignright')); ?>

    <?php the_post_thumbnail('thumbnail', array('class' => 'alignleft')); ?>

    Nun möchte ich gerne, dass das "the_post_thumbnail" mal links und mal rechts erscheint.
     
  2. kaiser

    kaiser Well-Known Member

    Registriert seit:
    20. November 2008
    Beiträge:
    1.840
    Zustimmungen:
    0
    Na dann musst Du jedem 2ten Post eine zusätzlich andere class mitgeben, weil Du dem Thumbnail nicht einmal links und dann rechts zuweisen kann, sondern nur eine Definition:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    du würdest den artikel-container-div dann vermutlich mit soetwas wie einer "left" und den folgenden mit einer "right"-class versehen und in deiner zB style.css dann ungefähr folgendes schreiben:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  3. MacTV

    MacTV Well-Known Member

    Registriert seit:
    4. April 2005
    Beiträge:
    45
    Zustimmungen:
    0
    Ok ... und wie lautet der Befehl für jeden zweiten Post ?

    Momentan ist ja nur

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    bzw. in meiner CSS

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    drin .
     
  4. kaiser

    kaiser Well-Known Member

    Registriert seit:
    20. November 2008
    Beiträge:
    1.840
    Zustimmungen:
    0
    Dafür gibt´s keinen Befehl. Da musst Du durchzählen. Such einmal im Forum. Dazu gibt´s einige Artikel
     
  5. MacTV

    MacTV Well-Known Member

    Registriert seit:
    4. April 2005
    Beiträge:
    45
    Zustimmungen:
    0
    Hallo kaiser,
    nochmal Danke für den Tip ... aber ich suche seit 20:00 Uhr das Forum durch.

    und habe nur das gefunden...

    Sorry.
     
    #5 MacTV, 4. Januar 2010
    Zuletzt bearbeitet: 4. Januar 2010
  6. kaiser

    kaiser Well-Known Member

    Registriert seit:
    20. November 2008
    Beiträge:
    1.840
    Zustimmungen:
    0
    Kein Problem. Du hast schon das Richtige gefunden. Würde aber noch einfach gehen, als das hier:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    ...indem Du wie hier beschrieben ist zuerst herausfindest, ob es sich um einen Artikel mit gerader oder ungerader Zahl handelt (in der Zählreihe) und das dann in eine $variable abspeicherst. Dann machst Du etwas wie das hier:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    ... und in Deiner Style.css definierst Du bloß noch ...
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    P.s: (zB) gehört nicht zum Code, sondern markiert bloß das die Farbe ein Beispiel ist.
     
  7. kaiser

    kaiser Well-Known Member

    Registriert seit:
    20. November 2008
    Beiträge:
    1.840
    Zustimmungen:
    0
    Kein Problem. Du hast schon das Richtige gefunden. Würde aber noch eleganter gehen, als das hier:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    ...indem Du wie hier beschrieben ist zuerst herausfindest, ob es sich um einen Artikel mit gerader oder ungerader Zahl handelt (in der Zählreihe) und das dann mit "gerade" "ungerade" belegst. Das spart etwas Css. Du machst dann also etwas wie das hier:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    ... und in Deiner Style.css definierst Du bloß noch ...
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    P.s: (zB) gehört nicht zum Code, sondern markiert bloß das die Farbe ein Beispiel ist.
     
  8. MacTV

    MacTV Well-Known Member

    Registriert seit:
    4. April 2005
    Beiträge:
    45
    Zustimmungen:
    0
    Ja Wunderbar ! 1000 Dank Herr Kaiser :)
    Jetzt ist der Groschen gefallen.
    Ich fasse mal zusammen.

    Am Anfang des Loops baue ich einen Zähler ein:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    in

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Die Variante $i hat nun einen Wert von 0.

    Nun kann man dies als Klasse abfangen:

    "Ist die Zahl gerade mach das"
    "Ist die Zahl ungerade dann mach das"

    Das wird erreicht, indem man bei der Variante $i prüft ob die aktuelle Zahl durch 2 teilbar ist.

    Also $i%2

    "Ist die Zahl gerade dann nimm post color1"
    "Ist die Zahl ungerade dann nimm post color2"

    Jetzt ist aber die Variante $i immer auf 0. Deswegen muss man
    am Ende der Abfrage ein $i++ setzen. Dadurch wird die Variante bei jeden
    Loop um eins erhöht. Und so wird jeder Beitrag, nummeriert.

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Mit dem passenden Eintrag in der CSS Datei kann man dann die Klassen steuern.

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    oder (so hab ich es nun gemacht)

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Und im CSS

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #8 MacTV, 5. Januar 2010
    Zuletzt bearbeitet: 5. Januar 2010
  9. kaiser

    kaiser Well-Known Member

    Registriert seit:
    20. November 2008
    Beiträge:
    1.840
    Zustimmungen:
    0
    Ziemlich kool. Gratuliere!

    Ps. Gut zusammen gefasst. Was glaubst wie sehr sich der Nächste, der das sucht, freuen wird :mrgreen:
     
  10. MacTV

    MacTV Well-Known Member

    Registriert seit:
    4. April 2005
    Beiträge:
    45
    Zustimmungen:
    0
    #10 MacTV, 5. Januar 2010
    Zuletzt bearbeitet: 5. Januar 2010
  11. kaiser

    kaiser Well-Known Member

    Registriert seit:
    20. November 2008
    Beiträge:
    1.840
    Zustimmungen:
    0
    ein paar kleinigkeiten zum code noch im nachhinein:

    * Shortcodes vermeiden. zB <?php statt <? Das erhöht nicht nur die Lesbarkeit

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    * Namen immer möglichst deutlich vergeben, weil man bei späteren änderungen den code selten noch allzu genau kennt und sonst immer alle parameter durch gehen muss. man arbeitet auch irgendwie fehlersicherer. also statt:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    besser class-namen wie .thumb-links und .thumb-rechts vergeben.

    Schaut übrigens gut aus, deine seite.
    Weiterhin noch gutes Gelingen.
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden