Posts trennen (Kasten)

  • Hallo zusammen,

    ich habe ein kleines Problem, da ich mich nicht so sehr mit dem ganzen auskenne;
    Und zwar folgendes, Ich würde gerne auf meiner Hauptseite die Beiträge in einzelnen Kästen anzeigen lassen. Da das von dem Theme, das ich als Grundlage verwendet habe noch nicht der Fall ist, weiß ich nicht genau was ich hier umändern müsste... Habe per Zufallsprinzip schon etwas getestet, aber nichts hat funktioniert.

    Also quasi, dass jeder Post eine neue "main" div erhält...

    Hoffe es ist verständlich ausgedrückt was ich brauche ... :-P

    EDIT: Diese main-div umschließt alle Posts auf der Hauptseite,.. soll aber jeden extra umschließen...


    Hier der Code:


    <div id="content-wrap">
    <!-------------content ---------------->
    [size=12] <div id="main">[/SIZE]
    <?php if(have_posts()): ?>
    <?php while(have_posts()): the_post(); ?>
    <div id="post-<?php the_ID(); ?>">
    <h2> <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
    <?php the_title(); ?>
    </a> </h2>
    <div class="entry">
    <?php the_content(); ?>
    <p class="tags"> <?php the_tags(); ?> </p>
    <p class="postmeta">
    Category:
    <?php the_category(', ') ?>
    |
    <?php the_time('F j, Y') ?>
    <strong>|</strong>
    <?php edit_post_link('Edit','','<strong>|</strong>'); ?>
    <?php comments_popup_link('No Comments &raquo;', '1 Comment &raquo;', '% Comments &raquo;'); ?>
    </p>


    </div>
    </div>
    <?php endwhile; ?>
    <div class="navigation">
    <?php posts_nav_link(); ?>
    </div>
    <?php else : ?>
    <div class="post">
    <h2>
    <?php _e('Not Found'); ?>
    </h2>
    </div>
    <?php endif; ?>
    </div>

    • 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

  • <div id="content-wrap">
    <!-------------content ---------------->
    [size=12] <div id="main">[/SIZE]
    <?php if(have_posts()): ?>
    <?php while(have_posts()): the_post(); ?>
    <div id="post-<?php the_ID(); ?>"[COLOR=#006400] class="borded_post"[/COLOR]>
    <h2> <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
    <?php the_title(); ?>
    </a> </h2>
    <div class="entry">
    <?php the_content(); ?>
    <p class="tags"> <?php the_tags(); ?> </p>
    <p class="postmeta">
    Category:
    <?php the_category(', ') ?>
    |
    <?php the_time('F j, Y') ?>
    <strong>|</strong>
    <?php edit_post_link('Edit','','<strong>|</strong>'); ?>
    <?php comments_popup_link('No Comments &raquo;', '1 Comment &raquo;', '% Comments &raquo;'); ?>
    </p>


    </div>
    </div>
    <?php endwhile; ?>
    <div class="navigation">
    <?php posts_nav_link(); ?>
    </div>
    <?php else : ?>
    <div class="post">
    <h2>
    <?php _e('Not Found'); ?>
    </h2>
    </div>
    <?php endif; ?>
    </div>

    Und dann in deiner style.css fügst du ein:

    .borded_post {
    border: 30px groove #0f0;
    }

    Oder falls du einen Anderen Rand haben willst, dann kannst du hier nachlesen, wie du verschiedene Ränder erzeugen kannst: http://www.w3schools.com/css/css_border.asp

    Erklärung: Jeder post hat schon seine eigene div. Doch gab es bisher keine Möglichkeit all diese divs mittels einem Befehl zu stylen. Deshalb das grüne class="borded_post" (Name willkürlich gewählt). Nun gehören alle Posts zur Klasse "borded_post". Und was das fürs Styling heisst, wird in der style.css definiert: Diese "borded_post"s haben einen Rahmen (border), der 30px dick ist, einen groovigen Farbverlauf hat (groove), und die Grundfarbe ist grün (#0f0).

    Einmal editiert, zuletzt von Jogibär (25. Juni 2012 um 00:49)

Jetzt mitmachen!

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