inhalte in definierte divs laden

stau

hallo zusammen,

ich will auf einer archive.php vorschauartikel

PHP

[FONT=Verdana]<p><a href=""><?php the_post_thumbnail(); ?></a></p>
    <h4 class="preview"><a href=""><?php the_title(); ?></a></h4>[/FONT]

in folgende struktur laden und pro blätterseite (/page/2-x) 6 posts ausgeben:

PHP

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>


<div class="subcolumns equalize">


  <div class="c33l"> 
    <div class="subcl">
    preview post 1
    </div>
  </div>


  <div class="c33l">
    <div class="subc">
    preview post 2
    </div>
  </div>


  <div class="c33r">
    <div class="subcr">
    preview post 3
    </div>
  </div>
</div>

Alles anzeigen

… gib diese struktur mit den nächsten posts (4-6) noch einmal aus …

PHP

<?php endwhile; else: ?>
<h2>Diese Seite existiert nicht</h2>
<?php endif; ?>

habe es gestern mit multiple loops, gesehen bei jeff star (http://digwp.com/2010/03/wordpr…-columns/#loops)
versucht:

3 loops in den 3 contentdivs, die mit "offset" bei den gewünschten posts einsteigen, aber da fehlt (zumindest) der zähler, der die offsets auf seite 2-x um die gewünschten werte erhöht.

ist das überhaupt der richtige ansatz?

vielen dank für Eure hilfe!

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

Ammaletu

Da reicht doch ein Loop zusammen mit einer eigenen Zählervariable. Die wird in jedem Durchlauf erhöht und abhängig vom Wert setzt Du dann die CSS-Klassen und was noch unterschiedlich ist. Beispiele sollten per Forensuche zu finden sein, das hatten wir immer mal wieder mit größeren Codebeispielen.

stau

neue stoßrichtung: 1 loop mit counter

ok, danke für den tipp:
1 loop mit counter … mach mich auf die suche.

und danke auch gleich noch, falls jemand fallbeispiele oder verweise bei der hand hat, für mich als blutigen wp-neuling immer aufbauend.

Ammaletu

Hier ist z.B. ein Beispiel von neulich:
http://forum.wordpress-deutschland.org/design/66423-a…umdesignen.html

stau

hallo,

aufgrund der letzten anregung habe ich folgendes zustande gebracht:

PHP

<div class="subcolumns equalize">
 
<!-- klassenvergabe mit zähler für die inneren divs -->
<?php
$kapselboxen = array('c33l', 'c33l', 'c33r');
$kapselboxen_count = count($kapselboxen);
$kapselboxen_index = 0;
$boxen = array('subcl', 'subc', 'subcr');
$boxen_count = count($boxen);
$boxen_index = 0;
?>


<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>


<div class="<?php echo $kapselboxen[$kapselboxen_index++ % $kapselboxen_count]; ?>">
<div class="<?php echo $boxen[$boxen_index++ % $boxen_count]; ?>">


    <p><a href=""><?php the_post_thumbnail(); ?></a></p>
    <h4><a href=""><?php the_title(); ?></a></h4>
    
</div>
</div>


<?php endwhile; else: endif; ?>


</div>

Alles anzeigen

das sieht dann in der ausgabe so aus:

Code

<div class="subcolumns equalize">
 
<div class="c33l">
<div class="subcl">


    <p><a href=""><img /></a></p>
    <h4><a href="">Überschrift Post 1</a></h4>
    
</div>
</div>




<div class="c33l">
<div class="subc">


    <p><a href=""><img /></a></p>
    <h4><a href="">Überschrift Post 2</a></h4>
    
</div>
</div>




<div class="c33r">
<div class="subcr">


    <p><a href=""><img /></a></p>
    <h4><a href="">Überschrift Post 3</a></h4>
    
</div>
</div>


</div>

Alles anzeigen

und genau diesen obigen block, beginnend MIT dem kapselnden div

Code

<div class="subcolumns equalize">

will ich noch einmal ausgeben lassen, um also 6 artikel pro seite in 2 identen blöcken zu haben.

wie wiederhole ich diesen gesamten block?
oder ist mein ansatz falsch?

danke …

Ammaletu

So hier, würde ich sagen:

PHP

<!-- klassenvergabe mit zähler für die inneren divs -->
<?php
$kapselboxen = array('c33l', 'c33l', 'c33r');
$kapselboxen_count = count($kapselboxen);
$boxen = array('subcl', 'subc', 'subcr');
$boxen_count = count($boxen);
$boxen_index = 0;
?>


<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>


<?php if ($boxen_index % $kapselboxen_count == 0) { ?>
<div class="subcolumns equalize">
<?php } /* end if */ ?>


<div class="<?php echo $kapselboxen[$boxen_index % $kapselboxen_count]; ?>">
<div class="<?php echo $boxen[$boxen_index % $boxen_count]; ?>">


    <p><a href=""><?php the_post_thumbnail(); ?></a></p>
    <h4><a href=""><?php the_title(); ?></a></h4>
    
</div>
</div>


<?php if ($boxen_index % $kapselboxen_count == 0) { ?>
</div>
<?php } /* end if */ 
<?php $boxen_index++; ?>


<?php endwhile; endif; ?>

Alles anzeigen

</div>

stau

und… versenkt!!!

hallo,

großartige arbeit, danke Dir!
ich hoffe, ich habe es richtig verstanden:

PHP

<!-- klassenvergabe mit zähler für die inneren divs -->
<?php
$kapselboxen = array('c33l', 'c33l', 'c33r');
$kapselboxen_count = count($kapselboxen);
$boxen = array('subcl', 'subc', 'subcr');
$boxen_count = count($boxen);
$boxen_index = 0;
?>


<!-- loop starten -->
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>


<!-- bei count == 0 container aufmachen -->
<?php if ($boxen_index % $kapselboxen_count == 0) { ?>


<!-- container anfang -->
<div class="equalize subcolumns">
<?php } /* end if */ ?>


<div class="<?php echo $kapselboxen[$boxen_index % $kapselboxen_count]; ?>">
<div class="<?php echo $boxen[$boxen_index % $boxen_count]; ?>">


    <p><a href=""><?php the_post_thumbnail(); ?></a></p>
    <h4><a href=""><?php the_title(); ?></a></h4>
    
</div>
</div>


<!-- bei count == 2 = preview von post 3 container zumachen -->
<?php if ($boxen_index % $kapselboxen_count == 2) { ?>
</div>
<!-- container ende -->


<?php } /* end if */ ?>


<!-- hinaufzählen ... -->
<?php $boxen_index++; ?>


<?php endwhile; endif; ?>

Alles anzeigen

ich hab den 2. übergeordneten count auf "2" gesetzt und das 2. end if zugemacht – ich hoff, das war so von Dir gedacht!?
mit dem oben angeführten code werden jetzt wie gewünscht pro seite jeweils 3 previews in 2 identen containern ausgegeben:

HTML

<!-- container anfang -->
<div class="equalize subcolumns">


<div class="c33l">
<div class="subcl">
    preview post 1
</div>
</div>


<div class="c33l">
<div class="subc">
    preview post 2
</div>
</div>


<div class="c33r">
<div class="subcr">
    preview post 3
</div>
</div>


</div>
<!-- container ende -->




<!-- container anfang -->
<div class="equalize subcolumns">


<div class="c33l">
<div class="subcl">
    preview post 4
</div>
</div>


<div class="c33l">
<div class="subc">
    preview post 5
</div>
</div>


<div class="c33r">
<div class="subcr">
    preview post 6
</div>
</div>


</div>
<!-- container ende -->

Alles anzeigen

frage:

wie befüllt man einen der oben angeführten container auch dann zur gänze mit 3 x content, wenn nur (mehr) 1 oder 2 posts vorhanden sind? wie gibt man da statthalterbilder o.ä. aus, wo kein preview-content für box3 oder box3 und box2 vorhanden ist?

danke wie immer auch schon im voraus für hinweise, links und hilfestellungen!

Ammaletu

Du könntest nach dem Ende der while-Schleife schauen, ob noch etwas ausgegeben werden muss.

Wenn ich mir das so überlege, musst Du das in jedem Fall noch so umbauen, dass das div auch in diesem Fall wieder geschlossen wird, denke ich. So hier?!

PHP

<!-- bei count == 2 = preview von post 3 container zumachen -->
<?php if (($boxen_index % $kapselboxen_count == 2) || !have_posts()) { ?>
</div>
<!-- container ende -->
<?php } /* end if */ ?>

Das wäre die Korrektur für das jetzige Script. Um immer mit leeren Boxen aufzufüllen, müsstest Du da vorher vielleicht noch ein if einfügen und das darin ausgeben. So á la if !have_posts() && ($boxen_index % $kapselboxen_count < 2) oder so. Sorry, ist spät und ich kann mich da gerade nicht wirklich reindenken. :-/

stau

danke,

habs vor meinem urlaub nicht mehr geschafft zu antworten.
melde mich hoffentlich demnächst mit dem fertigen schnipsel…

stau

inhalte in definierte divs = subtemplates von YAML laden = gelöst

hallo zusammen,

ein freund hat mir geholfen, hier endlich eine lösung.
vorschläge zu verfeinerungen natürlich willkommen.

die grundstruktur wurde ja in der themeneröffnung vorgestellt, siehe auch:
http://www.yaml.de/de/dokumentati…btemplates.html

die folgenden 2 beispiele basieren auf einem leicht modifizierten subtemplate mit 3 spalten und einer teilung von 33/33/33.

[size=12]inhalte vielfaches von 3:[/SIZE]
für fehlende inhalte werden statthalter geladen.

PHP

<?php
$kapselboxen = array('c33l', 'c33c', 'c33r');
$kapselboxen_count = count($kapselboxen);
$boxen = array('subcl', 'subc', 'subcr');
$boxen_count = count($boxen);
$boxen_index = 0;
$boxen_anzahl = 1;
$boxen_insgesamt = count($posts);
?>


<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>


<?php if ($boxen_index % $kapselboxen_count == 0) { ?>


<!-- umschließender container anfang -->
<div class="equalize subcolumns">
<?php } /* end if */ ?>


<?php //if (have_posts()) { ?>


<div class="<?php echo $kapselboxen[$boxen_index % $kapselboxen_count]; ?>">
<div class="<?php echo $boxen[$boxen_index % $boxen_count]; ?>">


inhalt


</div>
</div>




<?php if ($boxen_anzahl == $boxen_insgesamt && ($boxen_index % $kapselboxen_count == 0)) { ?>


<!-- 2 statthalter-container-->


<div class="c33c">
<div class="subc">
statthalter
</div>
</div>


<div class="c33r">
<div class="subcr">
statthalter
</div>
</div>


<?php } /* end if */ ?>


<?php if ($boxen_anzahl == $boxen_insgesamt && ($boxen_index % $kapselboxen_count == 1)) { ?>


<!-- 1 statthalter-container-->


<div class="c33r">
<div class="subcr">
statthalter
</div>
</div>


<?php } /* end if */ ?>


<?php if (($boxen_index % $kapselboxen_count == 2) || $boxen_anzahl == $boxen_insgesamt) { ?>


</div>
<!-- umschließender container ende -->


<?php } /* end if */ ?>
<?php $boxen_index++; ?>
<?php $boxen_anzahl++; ?>


<?php endwhile; endif; ?>

Alles anzeigen

[size=12]inhalte beliebig:[/SIZE]
subtemplates werden nur solange geladen solange inhalte vorhanden sind.

PHP

<?php
$kapselboxen = array('c33l', 'c33c', 'c33r');
$kapselboxen_count = count($kapselboxen);
$boxen = array('subcl', 'subc', 'subcr');
$boxen_count = count($boxen);
$boxen_index = 0;
$boxen_anzahl = 1;
$boxen_insgesamt = count($posts);
?>


<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>


<?php if ($boxen_index % $kapselboxen_count == 0) { ?>


<!-- umschließender container anfang -->
<div class="equalize subcolumns">
<?php } ?>


<div class="<?php echo $kapselboxen[$boxen_index % $kapselboxen_count]; ?>">
<div class="<?php echo $boxen[$boxen_index % $boxen_count]; ?>">


inhalt


</div>
</div>


<?php if (($boxen_index % $kapselboxen_count == 2) || $boxen_anzahl == $boxen_insgesamt) { ?>
</div>
<!-- umschließender container ende -->


<?php } ?>
<?php $boxen_index++; ?>
<?php $boxen_anzahl++; ?>




<?php endwhile; endif; ?>

Alles anzeigen

[size=12]
[/SIZE][size=10]das wars, danke fürs mitdenken und helfen![/SIZE][size=12]
[/SIZE]

Willkommen! Melden Sie sich an oder registrieren Sie sich.

inhalte in definierte divs laden

Jetzt mitmachen!