Помощ » Проблеми » Показване на повече от един пост на ред

  • Здравейте, имам сайт с тема, която не предлага много опции.
    Искам на началната страница да излизат публикациите по няколко на ред, а не една под друга. Темата ми е bresponzive. Може ли някой да ми помогне да излизат по три на ред.
    Ето го и кода на blog-loop.php, където (поправете ме ако греша :D) се намира кода за показването на публикациите. Благодаря предварително. 🙂

    <div class="blog-lists-blog clearfix">
    							<div class="blogposts-wrapper clearfix"> 
    
    		 <?php  if (have_posts()) : while (have_posts()) : the_post(); ?>
    
    			<div class="blogposts-inner">
    <ul>
    			<li class="full-left clearfix">
    				<div <?php post_class('magbig-thumb');?>>
    
    					  <?php if ( has_post_thumbnail() ) { ?>
    								<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" class="post-thumbnail">
    
    								<?php $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'mag-image'); ?>
    								<img src="<?php echo $image[0]; ?>" alt="<?php the_title(); ?>"  />
    
     							</a>
    					  <?php } else { ?>
    							<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><img   src="<?php echo get_template_directory_uri(); ?>/images/default-image.png" width="60" height="60" alt="<?php the_title(); ?>" /></a>
    						<?php } ?>
    
       				</div>
    
    				<div class="list-block clearfix">
    					<h3><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>
    							<div class="post-meta-blog">
    
    					<span class="meta_date"> <?php _e('На', 'bresponZive'); ?> <?php the_time('d F Y'); ?></span>
    					<span class="meta_comments"> | <a href="<?php comments_link(); ?>"><?php comments_number('0 Коментара', '1 Коментар', '% Коментара'); ?></a></span>
    					</div>
    
    					<div class="maga-excerpt clearfix">
    					<?php the_excerpt(); ?>
    					</div>
    						<div class="themepacific-read-more"><a class="tpcrn-read-more" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php _e('Виж Повече..','bresponZive');?></a>
    					</div>	
    
    			</div>
    		</li></ul>
    <br class="clear" />		</div>		
    
    		<?php endwhile;?>
    
    		<?php  else: ?>
    
    				<h2 class="noposts"><?php _e('Sorry, no posts to display!','bresponZive');?> </h2> 
    
    <?php endif;?>
    	</div>					 <?php wp_reset_query();?>
    
    </div>
    		<div class="pagination clearfix">
    			<?php bresponZive_themepacific_tpcrn_pagination();   ?>
    		</div>

    Мисля че това е частта от css-a, където са постовете за началната страница.

    .tpcrn_magazine_singlethumb  .blog-lists li:first-child h3 a {font-size: 22px;}
     	.blog-lists li {position:relative; padding: 0;margin-bottom: 20px;overflow: hidden;}
     	.blog-lists-title { position: relative;width:100%; display:inline;float: left;  }
    	.blog-lists h3{ display: inline-block;}
     	.blog-lists h3 a{ font-family:Arimo,serif; font-size: 20px;font-weight: normal; color: #333;text-decoration: none;line-height: 1.2; }
    	.blog-list-small  h3 a{font-family:Arimo,serif;font-size:14px;}
      	.blog-lists .time ,.sb-post-list-title .time{font-family:Arimo,sans-serif;color: #818181;font-size: 11px;margin:5px 0 2px;}
    	.sb-post-list-title .time{margin-top:4px;}
    	.maga-excerpt{display:block;float:left;margin-bottom:15px;}.sticky{}
     	.sb-post-list-title span{ padding-left:0px;color:#7E7E7E; }
      	.magbig-thumb { position: relative;float:left; height:160px;width:340px; }
    	.magbig-thumb img{width: 100%;height: 100%;position: relative;z-index: 1;opacity: 1 !important;}
       	.blog-lists-blog h3 {font-size: 24px;margin-bottom: 10px;color: #464646;line-height: 26px;}
    	.blog-lists-blog h3 a:hover{color:#ff9000;}
    	.full-right{float: left;width: 47%;margin-right: 10px;height:80px;}
    	.full-left {display:block;position:relative; width:100%;float: left; }
    	.list-block {position: relative;width:49%;float:left;border-top: none;padding-bottom: 6px;color: #777;padding:0px 0px 0 25px;min-height:148px;}
    	.list-block-slide{margin:20px;}
    	.list-block-slide h3{font-family:Oswald,sans-serif;}
    	.list-block-slide .post-meta-blog{font-size:10px;}
    	#sidebar .sb-post-thumbnail {width: 70px;margin-right: 12px;display: inline-block;vertical-align: top;}
Виждате 1 отговор (от 1 общо)
  • Здравейте,

    Ще трябва да преработите изоснови html на целия цикъл, така че всеки три публикации да ги слага на нов ред. За това бих ви посъветвал да използвате броя и при всяка следващо повторение на цикъла да проверя вали броя е кратен на 3, т.е. дали вече не трябва да се започне с нов ред.
    Също така настоящата html структура не е подходяща за тази цел. Може да използвате нещо от тода на

    div.the_posts
        div.row-count-1
           div.post-one.one-third
           div.post-two.one-third
           div.post-three.one-third

    и т.н.
    Съответно ще трябва и да промените целия css за заглавната страница.

Виждате 1 отговор (от 1 общо)
  • Темата ‘Показване на повече от един пост на ред’ е затворена за нови отговори.