Beiträge nebeneinander / zwei spalten layout

  • jipiiii, wieder ein schritt weiter! danke! als nächstes müsste dann der excerpt rechtsbündig zum bild stehen...:lol: also eigentlich müssten das dann 2 spalten sein (eine spalte mit bild und eine spalte mit auszug) oder? wobei die bild-spalte so breit sein soll wie die beiden ersten des 3-spalten-beiereichs zusammen....

    Einmal editiert, zuletzt von Dailybloggger (22. Juni 2011 um 07:39)

    • 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

  • was ein bisschen blöd ist: jetzt macht er das mit dem größeren bild auf allen seiten, dabei sollte es immer nur auf der jeweils ersten seite kommen...sollte ja eigentlich wirklich nur für den allerneusten beitrag so sein...andererseits wüsste ich nicht welche beitragsanzahl pro seite ich dann festlegen soll (mit den großen bild wäre es ja dann auf der startseite eins mehr als auf den anderen)....:roll:

    Einmal editiert, zuletzt von Dailybloggger (22. Juni 2011 um 01:54)

  • Zitat

    jetzt macht er das mit dem größeren bild auf allen seiten, dabei sollte es immer nur auf der jeweils ersten seite kommen...


    schwierig zu machen; dazu musst du evtl eine eigene paginierungs-funktion schreiben; und die zahl der posts-per-seite vom paged-wert abhaengig machen.

    einige moegliche styles, um den text neben das bild zu bekommen:

    Code
    .full-width .excerpt .featured-excerpt, 
    .full-width h2.featured-title { 
    width:50%; float:left; 
    }
    .full-width .large-featured-image { 
    width:50%; float:left; 
    }
    .full-width { 
    float: left;  margin-bottom: 10px; 
    }



    und dann ist da noch das [FONT=Courier New][COLOR=blue]<div class="excerpt">[/COLOR][/FONT] ueberfluessig, da du ein [FONT=Courier New][COLOR=blue]<div class="featured-excerpt">[/COLOR][/FONT] verwendest (oder das extra div muss vor [COLOR=blue][FONT=Courier New]</div><!-- #post-## -->[/FONT][/COLOR] geschlossen werden) - hier in diesem bereich:

    PHP
    <div class="excerpt"> 
                <div class="featured-excerpt">
                    <?php the_content( __( 'Read more <span class="meta-nav">&rarr;</span>', 'coraline' ) ); ?>
                    <?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'coraline' ), 'after' => '</div>' ) ); ?>
                </div><!-- .featured-excerpt -->
    </div><!-- #post-## -->
  • ok, das funktioniert soweit ganz gut (muss nur die featured images in größerer auflösung neu hochladen, da sonst zu verpixelt). nun habe ich aber das problem mit der bildgröße (hab mir den linktip mehrmals durchgelesen aber ich verstehs einfach nicht...):
    Wo stelle ich die größe für das große bild ein und wo die für die kleinen? Da das große und die kleinen proportional unterschiedlich sind, müsste das große entsprechend abgeschnitten werden (ich möchte dass es 660px breit und 330px hoch ist)....:?:

  • och mann, ich bekomm das einfach nciht hin....kannst du mir helfen, die neue bildgröße festzulegen? oder gibt es vll ein plugin, was mir da behilflich sein könnte? was auch toll wäre: wenn an dem ersten großen bild pfeile wären, mit denen man durch die bilder des beitrags switchen könnte...aber bevor ichs jetzt gleich wieder übertreibe, wär ich schon sehr sehr dankbar wenn ich das bild croppen könnte damit es nicht so verzogen ist...
    1. möglichkeit
    es soll praktisch auf 660 breite ausgelegt sein, und alles was an höhe (ziel: 330px) zu viel ist, soll oben und unten abgeschnitten werden.
    2. möglichkeit
    ich lege in der edit von vornherein ein großes und ein kleines bild mit unterschiedlichen maßen fest....

    Einmal editiert, zuletzt von Dailybloggger (23. Juni 2011 um 14:03)

Jetzt mitmachen!

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