2-spaltiges primary

  • Hallo,

    ich versuche gerade die Artikel in meinem Blog zweispaltig anzeigen zu lassen.
    Also ich möchte die Meta-Ebene "Secondary" mit den Widgets gegen eine zweite "primary Bereich" eintauschen.

    Das entfernen und Einfügen ist an sich kein Problem, jedoch muss ich den loop verändern, damit beide Bereiche nicht den gleichen Content ausgeben … ?

    Ich benutze das Template twentytwelve.

    • 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

  • ich nochmal …

    … es wäre wirklich toll, wenn mir jemand helfen könnte :-)

    Ich hab den Primary jetzt via CSS über die ganze Breite eingestellt und die einzelnen Artikel mit einem float:left versehen … gibt es da irgendwie die Möglichkeit, dass ich das so einstelle, dass nur jeder zweite flaotet diese dann auch nur eine Breite von 350px haben?

    Also die komplette Seitenbreite liegt bei 1000px - der erste Artikel soll 600 breit sein der zweite 350 mit einem margin von 50px dazwischen …

    ich mach die Website für nen Freund und bin mit dem php leider noch überfordert … und bei google finde ich keine Lösung zu diesem Problem -.-


    vielen Dank fürs Helfen!

  • beispiel durch bearbeitung der 'post_class()' durch eine filter funktion; http://codex.wordpress.org/Function_Reference/post_class


    diese zeile [FONT=courier new][COLOR=#0000ff]if( is_home() ) { //this restricts it to the posts page//[/COLOR][/FONT]
    beschraenkt das auf die 'posts page' also die index seite; wenn das auch in archiven etc sein soll, dann die abfrage erweitern - http://codex.wordpress.org/Conditional_Tags


    in functions.php:

    PHP
    add_filter( 'post_class', 'primary_columns_post_class');
    function primary_columns_post_class( $classes ) {
    global $wp_query;
    if( is_home() ) { //this restricts it to the posts page//
      if( $wp_query->current_post%2 == 0 ) $classes[] = 'two-columns first';
      if( $wp_query->current_post%2 == 1 ) $classes[] = 'two-columns second';
    }
     return $classes;
    }

    in style.css, zB:

    Code
    .two-columns.first { float: left; clear: left; width: 60%; margin-right: 5%; }
    .two-columns.second { float: left; width: 35%; }
  • Vielen Dank alchymyth für deine Antwort …

    … ich habe den von dir geposteten Code in meine function.php eingefügt.
    es passiert jedoch nichts … daher die Frage ob das an einer bestimmten Stelle eingebaut werden muss, oder auch auf der index.php?

    Den Widget Bereich habe ich komplett entfernt. das primary läuft über die komplette Seitenbreite...

Jetzt mitmachen!

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