Beiträge nebeneinander / zwei spalten layout

  • Ich komme mal wieder nicht weiter und brauche dringend eure hilfe. ich möchte bei meinem blog dailyimpulse.de gerne pro zeile jeweils zwei beiträge nebeneinander darstellen: kleines thumb, titel, exerpt, weiterlesen-pfeil. links der neuste beitrag, rechts der zweitneuste, dann in der nächsten zeile die nächsten beiden usw.
    dazu gibts ja mehrere anleitungen, z.b.
    http://neontrauma.de/wordpress/arti…-darstellen.php
    http://www.texto.de/2-simple-moegl…-aufteilen-606/
    aber die bringen mich einfach nicht weiter weil ich nicht weiß, wo genau ich die einbauen muss. ich finde einfach die zugehörigen stellen nicht...
    daher hier mal die index.php meines themes (coraline):

    und die loop:

    Wenn man dann auf die einzelnen Kästchen draufklickt, soll man wieder zu der ausfühlichen beitragsversion kommen, sprich die single.php soll unverändert bleiben...
    ich hoffe ihr könnt mir helfen, ich werd sonst echt verrückt :)
    vielen dank schonmal...

    Einmal editiert, zuletzt von Dailybloggger (24. Mai 2011 um 03:19)

    • 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

  • erster teil ziemlich am anfang von loop.php:

    PHP
    <?php
        // Start the Loop.
        $counter = 0; //EDIT: counter for two columns
    $options = get_option( 'coraline_theme_options' ); while ( have_posts() ) : the_post(); ?>


    zweiter teil, am anfang der post div:

    PHP
    <?php /* How to display all other posts. */ ?>
     
        <?php else : ?>
    <?php $halfstyle = ($counter%2 == 0) ? 'left-half' : 'right-half'; $counter++; //EDIT: for two columns ?>
            <div id="post-<?php the_ID(); ?>" <?php post_class($halfstyle); ?>>



    wesentlicher css code (alles mit width und margin muss angepasst werden!):

    Code
    .left-half, .right-half { float: left; width: 48%; }
    .left-half { clear: both; }
    .right-half { margin-left: 2%; }



    http://php.net/manual/en/language.operators.comparison.php
    http://codex.wordpress.org/Function_Reference/post_class

    Zitat

    kleines thumb, titel, exerpt, weiterlesen-pfeil.


    kannst du das selber machen? :mrgreen:

    nicht mit coraline getestet.

  • vielen dank erstmal - leider funktioniert das auch nicht....was mach ich nur falsch, hier meine abgeänderte loop:

    die style.css hab ich auch entsprechend geändert....
    mein blog ist aber komplett unverändert....kanns sein dass ich irgendwo was konfiguriert habe, was die neuen befehle ignoriert oder blockiert?? gibts noch eine andere .php in der ein problem liegen könnte??!

  • ist alles klar :D
    - die neuen css classes tauchen richtig im html im browser auf;

    nur die neuen styles sind aus versehen in den print-styles gelandet :roll:;

    einfach vor diese zeile in style.css vorverschieben:

    Code
    /* =Print Style
    -------------------------------------------------------------- */
  • juhuuuuuuu, das erklärt dass so einige änderungsn nicht sichtbar waren, ich wusste nicht dass ich das nicht in den print-style legen durfte (das hab ich unbewusst gemacht weil ichs da unten immer wieder schnell gefunden hab :oops:)

    viiiielen dank, jetzt bastel ich weiter - hoffe du bist noch ein bisschen hier online falls ich noch mehr fragen hab :D

  • oh mann, da sind sie schon, die nächsten fragen:
    wie genau gehts jetzt weiter wenn ich nur ein thumbnail (optimalerweise vom featured image), den titel und den exerpt dargestellt haben möchte?? :oops: sorry, alles ganz neu für mich....

    Einmal editiert, zuletzt von Dailybloggger (24. Mai 2011 um 22:19)

  • also den excerpt hab ich jetzt irgendwie hinbekommen, aber ich bekomme den content nicht weg...hab hier mal ein bild angehängt, wie ich mir das am ende vorstelle.
    http://www.dailyimpulse.de/wp-content/upl…ulse-design.jpg
    wichtig ist eben, dass das thumbnail immer gleich groß ist und am besten separat festgelegt werden kann (z.b. als featured image oder über custom fields - damit kenn ich mich aber noch nicht aus)...was ich nun also noch wissen muss:
    1. was muss ich tun, damit nur der excerpt erscheint und nicht der content
    2. wie bekomme ich das thumbnail darüber
    3. wo sind meine seitennavigationspfeile hin?!

  • keiner da? kann doch jetzt nicht mehr so schwer sein, oder? ich weiß einfach nicht wo der content der hauptseite zu finden ist....biiiiiiiitte helft mir!
    1. was muss ich tun, damit nur der excerpt erscheint und nicht der content
    2. wie bekomme ich das thumbnail darüber
    3. wo sind meine seitennavigationspfeile hin?!
    :razz:

  • aendere diese zeile:

    PHP
    <?php $halfstyle = ($counter%2 == 0) ? 'left-half' : 'right-half'; $counter++; //EDIT: for two columns ?>



    in diesen code:

    PHP
    <?php $halfstyle = ($halfstyle == '') ? 'left-half' : (($halfstyle == 'left-half') ? 'middle-half' : (($halfstyle == 'middle-half') ? 'right-half' : 'left-half' )); ?>



    (abgewandelt von meinem artikel [COLOR=#0066cc]http://www.transformationpowertools.com/wordpress/posts-in-columns-a-new-twist-on-an-old-problem[/COLOR] )

    das ergibt fuer die drei posts dann die css classes:
    .left-half, .middle-half, .right-half
    (fuer den fall, dass .left-half und .right-half schon irgendwelche speziellen margins oder so haben.)

    bischen css - und fertig.

    die sidebar-geschichte ist wahrscheinlich in index.php (und archive.php, und..). um welche sidebar geht es? oder beide?

  • vielen dank! es geht um beide. ich möchte das am ende so aussehen lassen:

    http://dailyimpulse.files.wordpress.com/2011/06/bild-1-2.jpg

    Das heißt, ich möchte den ersten Beitrag gesondert mit eigenen css einstellungen (größeres bild, excerpt rechts statt untendrunter) haben. Auf den nächsten Seiten sollen dann einfach drei Beiträge nebeneinander stehen (also nur der wirklich allerneuste artikel soll größer erscheinen) - weißt du da auch, wie ich das anstellen kann?

  • jetzt sind irgendwie alle untereinander. meine loop ist nun so:

  • ist jetzt zu spaet am abend - ich sehe mir das morgen mal an.
    wahrscheinlich ist der trick mit den '.left-half' etc css klassen schiefgelaufen :roll:

    doch nicht zu spaet -

    hier:

    PHP
    <?php if( $halfstyle = '' ) : //////the first post


    [COLOR=#ff8000][FONT=Courier New][COLOR=black]muss ein doppeltes == rein; also:[/COLOR][/FONT][/COLOR]
    [COLOR=#ff8000][FONT=Courier New]

    PHP
    <?php if( $halfstyle == '' ) : //////the first post

    [/FONT][/COLOR]
    [FONT=Courier New][COLOR=#ff8000][/COLOR][/FONT]

    Zitat


    Under das "large featured image" scheint er auch nicht zu erkennen


    die groesse des bildes muss sicher erst noch festgelegt werden;
    dazu steht hier was drin: http://codex.wordpress.org/Function_Refer…_post_thumbnaillies den

Jetzt mitmachen!

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