Trennbalken zwischen den Posts

Herr Tobsucht

Hallo,
vor einigen Tagen habe ich meinem Blog ein neues Design (SubtleFlux) verpasst mit dem ich auch sehr zufrieden bin. Nur stört mich die Tatsache das zwischen den Posts sich kein "Trennbalken" befindet was das Ganze etwas unordentlich aussehen lässt.
Gibt es evtl. ein Plugin was das behebt oder einen Befehl den man im style.css eingeben kann?
Wäre über Hilfe dankbar!

grüsse
tobi

Werbepost

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

Art4

Wenn du die einzelnen Artikel in einen div-Container packst, kannst du sie mit einer CSS-Klasse versehen und einen Border definieren.

Poste bitte mal den Inhalt deiner index.php

Herr Tobsucht

was ist denn ein div-container?

index.php:

PHP

<?php include (TEMPLATEPATH."/header.php"); ?>


<div id="content">


    <div id="contentleft">
        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
            <h2><?php the_title(); ?></h2>
            <p class="date">Posted on <?php the_time('d F Y'); ?><?php edit_post_link('Edit', ' | ', ''); ?></p>
            <?php the_content(__('Read more'));?><div style="clear:both;"></div>


            <div class="postmetadata"> <!-- begin postmetadata -->
                <?php wp_link_pages('before=<strong>Pages:</strong>&after='); ?>
                <br><strong>Category:</strong> <?php the_category(', ') ?>
                <br><?php the_tags('<strong>Tags:</strong> ',', '); ?>
            </div> <!-- end postmetadata -->
    
            <!-- <?php trackback_rdf(); ?> -->


            <br><?php comments_template(); ?> 
    
        <?php endwhile; else: ?>


        <p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?>


    </div>




    <?php include(TEMPLATEPATH."/sidebar.php");?>
    <!-- SubtleFlux template by http://thestateofflux.com -->
</div>


<?php get_footer(); ?>

Alles anzeigen

maxe

ein Div-Container ist ein Block umgeben von einem Div ;-)
z.B.

PHP

<[COLOR=Red]div[/COLOR] class="[COLOR=SeaGreen]postmetadata[/COLOR]"> <!-- begin postmetadata -->
                <?php wp_link_pages('before=<strong>Pages:</strong>&after='); ?>
                <br><strong>Category:</strong> <?php the_category(', ') ?>
                <br><?php the_tags('<strong>Tags:</strong> ',', '); ?>
            <[COLOR=Red]/div[/COLOR]> <!-- end postmetadata -->

Also kannst du dem [COLOR=Red]div[/COLOR][COLOR=SeaGreen].postmetadata[/COLOR] über die style.css ein border-bottom geben: http://www.css4you.de/border-bottom.html

Art4

maxe
Dann hat er den Trennstrich aber zwischen dem Beitrag und den Kommentaren.

Ich würde vorschlagen, jeden Post zwischen <div class="post"> und </div> zu packen...

PHP

<?php include (TEMPLATEPATH."/header.php"); ?>


<div id="content">


    <div id="contentleft">
        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
        [COLOR=Red]<div class="post">[/COLOR]
            <h2><?php the_title(); ?></h2>
            <p class="date">Posted on <?php the_time('d F Y'); ?><?php edit_post_link('Edit', ' | ', ''); ?></p>
            <?php the_content(__('Read more'));?><div style="clear:both;"></div>


            <div class="postmetadata"> <!-- begin postmetadata -->
                <?php wp_link_pages('before=<strong>Pages:</strong>&after='); ?>
                <br><strong>Category:</strong> <?php the_category(', ') ?>
                <br><?php the_tags('<strong>Tags:</strong> ',', '); ?>
            </div> <!-- end postmetadata -->
    
            <!-- <?php trackback_rdf(); ?> -->


            <br><?php comments_template(); ?>
        [COLOR=Red]</div>[/COLOR]
        <?php endwhile; else: ?>


        <p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?>


    </div>




    <?php include(TEMPLATEPATH."/sidebar.php");?>
    <!-- SubtleFlux template by http://thestateofflux.com -->
</div>


<?php get_footer(); ?>

Alles anzeigen

... und dann den Rahmen in der style.css setzen

Code

.post {border-bottom: 1px solid #000;}

Herr Tobsucht

also der obere code bezieht sich jetzt auf die index.php?

Tutrix

Ich vermute mal du willst auf der Start(Home)-Seite die Posts trennen.

dann in der "home.php" nach

PHP

<?php the_content(__('Read more'));?><div style="clear:both;"></div>

ein <hr /> einfügen
also

PHP

<?php the_content(__('Read more'));?><div style="clear:both;"></div><hr />

Herr Tobsucht

ok, habe ich jetzt alles so eingefügt und der balken ist auch da.
nur jetzt ist mein banner im header verschwunden...:?
woran kann das liegen?

Tutrix

Zitat von Herr Tobsucht

ok, habe ich jetzt [COLOR=Red]alles[/COLOR] so eingefügt

das [COLOR=Red]alles[/COLOR] irritiert mich jetzt etwas, es ist ja [COLOR=Red]nur[/COLOR] ein [COLOR=Red]<hr /> [/COLOR] in der home.php und das lässt den Banner nicht auf allen Seiten verschwinden

aber wenn du in der style.css bei

Code

#banner h1 a:link {
    background: url("http://forum.wordpress-deutschland.org/images/banner.jpg") no-repeat scroll 0 0 transparent;
    height: 134px;
}

das [COLOR=Red]h1 a:link[/COLOR] entfernst wird er angezeigt

Herr Tobsucht

ok, sorry. hab ich vorhin irgendwie quark gebaut. ist jetzt aber alles so wie es gedacht war.

aber wo wir gerade dabei sind: das theme rahmt automatisch bilder in den postings. die bekommt man doch sicher auch kinderleicht entfernt oder?

maxe

Rahmen macht man i.d.R. mit border:

Code

img{border:0 none}

Herr Tobsucht

und das füge ich einfach in die style.css?

Herr Tobsucht

ok, hat geklappt :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Trennbalken zwischen den Posts

Jetzt mitmachen!