Hallo Leute,
ich habe hier einen Videoblog mit bootstrap Design.
Nun ist mein Main Seite wie folgt aufgebaut:
<?php get_header(); ?>
<div class="container">
<div class="row">
<div class="col-md-9">
<h3>Newest Videos</h3>
<?php if ( have_posts() ) : ?>
<?php $i=0; $postCount = 0; while (have_posts()) : the_post(); $i++; $postCount++; ?>
<?php if($i==1){echo'<div class="row">';} ?>
<?php get_template_part( 'preview', get_post_format() ); ?>
<?php if($i==4 || $postCount == sizeof($posts)){$i=0;echo'</div>';} ?>
<?php endwhile; ?>
<?php if ( function_exists( 'wp_paginate' ) ) : wp_paginate(); else : ?>
<ul class="pager">
<li class="previous">
<?php previous_posts_link() ?>
</li>
<li class="next">
<?php next_posts_link() ?>
</li>
</ul>
<?php endif; ?>
<?php else : ?>
<header class="entry-header">
<h1 class="entry-title">Nothing Found</h1>
</header>
<div class="entry-content">
<p>Apologies, but no results were found. Perhaps searching will help find a related post.</p>
<?php get_search_form(); ?>
</div><!-- .entry-content -->
<?php endif; // end have_posts() check ?>
</div><!-- .col-md-9 -->
<?php get_sidebar(); ?>
</div><!-- .row -->
</div><!-- .container -->
<?php get_footer(); ?>Nun würde ich aber gerne diese Main Page noch unterteilen das sie wie folgt aussieht:
Header
Newest Videos
(Posts/Videos werden über ein Plugin gepostet)
________________________________________________
Lustige Videos
Urlaubsvideos
______________________________________________
Sidebar
Footer
Den Teil mit lustige- und Urlaubsvideos würde ich gerne von Hand schreiben und gestalten und per Codes in die php index Datei einfügen. bzw. die Thumbs mit den Links zu den Videos.
Nun habe ich schon folgendes probiert:
Überschrift:
<h3>Lustige Videos</h3>
(darunter die thumbs so gesetzt.)
<img src="1.jpg" style="margin-right: 20px;" /><img src="2.jpg" /><img src="1.jpg" style="margin-right: 20px;" /><img src="2.jpg" /><img src="1.jpg" style="margin-right: 20px;" /><img src="2.jpg" /><img src="1.jpg" style="margin-right: 20px;" /><img src="2.jpg" />
Wolllte immer, dass 4 Bilder nebeneinander stehen. Hat auch fast funktioniert, nur leider hat dies mit der oberen Kategorie nicht hingehauen und meine Bilder haben sich verschoben und lagen nicht wie anderen oben genau übereinander. Da ich mit bootstrap css noch nicht gearbeitet habe hoffe ich ihr könnt mir helfen.
marcos