Beiträge von HeliR
-
-
-
Super - Danke und Ergänzung: zeilenweises formatieren
Danke, hervorragend, konnte ich sofort übernehmen - noch ein Nachtrag für solche php-Newbies wie mich selber: Wenn man den query_string mit einer categorie oder tags besetzt, werden nur Posts dieser Kategorie (zB 107) angezeigt.
[COLOR=darkorange]//setup query with parameter for paged[/COLOR]
[COLOR=darkorange]$paged = (get_query_var('paged')) ? get_query_var('paged') : 1; [/COLOR]
[COLOR=darkorange]$query_string = 'cat=107';[/COLOR]
[size=18]CSS-Hinweise zur Formatierung[/SIZE]
1) bei der oben beschriebenen Variante formatiert die Prozedur Säulenweise, d.h. innerhalb einer Column ist jeder Text nacheinander, dadurch verrutschen die Überschriften
Hier sind die entsprechenden Formatierungsanweisungen für CSS-File
[COLOR=darkorange]#main.col-left .col1 {width:48%;float:left;}[/COLOR]
[COLOR=darkorange]#main.col-left .col2 {width:48%;float:right;}[/COLOR]
[COLOR=darkorange].navigation {clear:both;} /* setzt die navigation genau in die Mitte */[/COLOR]
2) Für einige Interessant ist vielleicht das Formatierung ZEILENWEISE, dh. die Überschriften einer Zeile stehen genau nebeneinander.
Dazu muss aber der obige Code adaptiert werden ein eigener TRENNER zwischengefügt werden nach jedem zweiten Eintrag, so wie oben .navigation
der Einfachheit halber hier der entsprechende CODE für ZEILENWEISES Formatieren mit einem Trenner, funktioniert bei mir hervorragend
PHP
Alles anzeigen<?php // code to display a number of posts in multi columns top-to-bottom left-to-right ?> <?php global $query_string; ?> <?php $set_number_of_columns = 2; // enter numbers of columns here; $set_number_of_rows = 4; // enter numbers of rows here $set_showpost = $set_number_of_columns * $set_number_of_rows ; //setup query with parameter for paged $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; $query_string = 'cat=107'; query_posts($query_string.'&showposts='.$set_showpost.'&paged='.$paged); // get number of posts for this, $num_of_posts = $wp_query->post_count; // make adjustment for paged to get three equaly long columns even on last paged page // divide by $set_number_of_columns to get number per column, // round up to next integer to make $ppc posts per column variable, or $set_number_of_rows whatever is smaller $ppc = min(ceil($num_of_posts/$set_number_of_columns),$set_number_of_rows); // calculates number of rows, i.e. showposts for the following query_posts and get_posts ?> <?php for ( $col = 1; $col <= $set_number_of_columns; $col += 1) { ?> <div class="col<?php echo $col;?>"> <?php $row = 1; $noffset = ($col -1) * $ppc + ($paged - 1) * $set_showpost ; //calculate offset parameter if paged $posts = get_posts($query_string.'&numberposts='.$ppc.'&offset='.$noffset); foreach ($posts as $post) : start_wp(); ?> <div id="post-<?php the_ID(); ?>" class="post row-<?php echo ($row%2); ?>"> <!-- start of anything to do with post --> <h2 class="columnheader"> <a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2> <div class="storycontent"> <?php the_excerpt(__('(more...)')); ?> </div> <!-- end of anything to do with post --> </div> <!-- end #post --> <?php $row++; if (!($row%2==0)) { ?> <div class="column-fix"></div> <?php } endforeach; ?> </div> <?php } // close the for-loop // ?> <div class="column-navigation"> [B][I][COLOR=darkorange]..... NAVIGATION HIER EINFÜGEN AUS DER URSPRUNGSMAIL, ich verwende hier ..... [/COLOR][/I][/B]<?php woo_pagenav(); </div> <div class="column-fix"></div>
===================================
und hier die CSS Einträge für VARIANTE 2, wo ZEILENWEISE formatiert wird, sodass die Blogartikel einen schönen Raster ergeben
Code/* #main.col-left .col1 {width:45%;float:left;} #main.col-left .col2 {width:45%;float:right;} /*für Spaltenweise formatierung */ .column-navigation {clear:both;} .column-fix {clear:both} #main.col-left .row-1 {width:45%;float:left;} #main.col-left .row-0 {width:45%;float:right;}
man kann natürlich beim Zeilenweisen formatieren das ganze noch aufmotzen, zB Rahmen mit Schlagschatten dazu, dann schaut das schön 3D mässig aus, mit schwebenden Kacheln
Code
Alles anzeigen#main.col-left .row-1 { min-height: 240px; border: 2px solid blue; float: left; margin: 10px; padding: 10px; width: 45%; -webkit-box-shadow: 5px 5px 10px black; -moz-box-shadow: 5px 5px 10px black; box-shadow: 5px 5px 10px black;} #main.col-left .row-0 { min-height: 240px; border: 2px solid blue; float: right; margin: 10px; padding: 10px; width: 45%; -webkit-box-shadow: 5px 5px 10px black; -moz-box-shadow: 5px 5px 10px black; box-shadow: 5px 5px 10px black;}
OK, also ich danke dem Vorschreiber für seinen fantastischen und praktischen Beitrag, supercool wäre dies dann als SHORTCODE (unter Angabe der Zeilen / Spalten sowie der Query-Line, sodass man beliebig nach TAGS und KATEGORIES filtern kann) einzusetzen, dann könnte man jederzeit in jeden beliebigen Artikel schön formatierte Einträge machen.
KEYWORDS: mehrspaltige, zweispaltige, mehrreihige Artikel, Blog, Category, Kategorie, Blogbeiträge - Wordpress