innerhalb eines Loops mit postcount beiträge anders stylen

  • Sorry, ich schon wieder :)
    Aber ich komm heute nicht so recht weiter.

    Ich finde leider keine hilfreichen Links zu der Funktion "postcount".. Weiß da jemand ein kleines Tutorial um es besser zu verstehen?

    Und zwar möchte ich gerne auf der Startseite 4 Posts abbilden. Aus diesen Posts lese ich die benutzerdefinierten Felder aus und so entsteht eine Darstellung von 4 Bilder.
    Immer 2 nebeneinander.

    Leider sieht es mein Layout aber vor dass das erste ein "margin-right:20px;" bekommt. Und das 3te auch wieder.
    Wie ich das mit CSS lösen kann ist mir schleierhaft.

    Und deswegen kam ich auf postcount.

    Hat da jemand ein geistesblitz?
    Wäre für jede Idee dankbar :) ;)

    • Anzeige

    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.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Das sollte eigentlich recht simpel sein, einfach im Startseiten-Template (ich nehme mal an, das Du dafür ein eigenes Template angelegt hast?!) noch eine weitere Klasse definieren und dann damit im Stylesheet halt die nicht gewünschten Angaben überschreiben (zur Not ganz ans Ende anhängen), also den Rand z.B. auf 0px setzen oder so.

  • Öhm aber was soll das bringen?

    Der Code sieht im folgenden so aus:

    Ich hätte ihn aber gerne folgendermaßen:

    Wie bekomme ich die Klasse "mehr-abstand" in das img Tag ohne PHP und damit postcount zu benutzen? :)

  • Ach so, jetzt verstehe ich es. Ich dachte, Du willst den vorhandenen Abstand weg haben und nicht anders herum. Ok, das ist aber genauso einfach. Ich nehme mal an, dass die Bilder in einer while-Schleife ausgegeben werden. Dann einfach in etwa so lösen:

    PHP
    <?php
    $my_count = 0;
    while (have_posts()) : the_post();
      $my_count++;
      $my_class = ($my_count  % 2) ? ' class="mehr-abstand"' : '';
    ?>
       <img ... <?php echo $my_class; ?> />
    <?php endwhile; ?>

    Das würde den Abstand an jedes zweite Bild anhängen, und so ist es ja gewünscht, oder?! PHP brauchst Du dazu natürlich trotzdem.

  • ;-) Na wenigstens haben wir uns jetzt verstanden.
    Ich habe den heutigen Abend nochmal genutzt und mich dran gesetzt...

    Vor ner halben Stunde habe ich dann endlich was zustande bekomme :)
    Mein Vorschlag sieht so aus:

    Ich find ihn leider nur noch etwas zu oversized :(
    Durch die benutzerdefinierten Felder wusste ich mir nicht anders als mit einem neuen Query zu helfen.

    Was ich aber in dem Zusammenhang schon seit längerem suche - wie kann ich ein benutzerdefiniertes Feld abfragen???


    Hättest du da vielleicht noch ein Tip für mich? Oder wie ich zumindest meinen oben geposteten Code entschlacken kann?

    :) Danke dir für deine bisherige Hilfe

  • Was ich aber in dem Zusammenhang schon seit längerem suche - wie kann ich

    Zitat

    ein benutzerdefiniertes Feld abfragen???

    Das geht ganz einfach mit der Methode get_post_meta, z.B. so:

    PHP
    $rating = get_post_meta($id, 'my_rating', true);
    Zitat

    Ich find ihn leider nur noch etwas zu oversized

    Sieht aber eigentlich gut aus so, man kann es nur noch etwas kürzen:

    [LEFT]

    PHP
    <?php $myQuery = new WP_Query($query_string.'showposts=4&cat=4');
    while ($myQuery->have_posts()) : $myQuery->the_post();
      $loopcounter++;
      $home_image = get_post_custom_values('home_image', $postID); ?>
    <a href="<?php the_permalink() ?>"><img class="<?php echo ($loopcounter % 2 == 0) ? "even" : "odd"; ?>" alt="" src="<?php bloginfo('url'); ?>/wp-content/<?php echo $home_image[0]; ?>" /></a>
    <?php endwhile; ?>

    [/LEFT]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!