Sistema de tiles en categoría error en páginas

Luisa29 · #1 (**permalink**) 23/05/2014, 15:46

Hola amigos, resulta que tengo en el blog un sistema de tiles para una página de wordpress de una categoría en concreto llamada AVES. Arriba muestra una especie de miniaturas con enlaces a dichas entradas de la categoría, y abajo de los tiles muestra las entradas de dicha categoría. Lo malo es que salen todas las entradas y yo quiero que sólo salga 5. Ya he probado a cambiar:
<?phpquery_posts('showposts=5&cat=11');?>

Y también:
<?php $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; query_posts("cat=11,5&paged=$paged"); ?>

Sin éxito, lo que sucede es que muestra las 5, pero también los tiles son 5, y yo quiero que sean 10. Además de eso al darle a ENTRADAS ANTIGUAS me lleva de nuevo a las entradas de antes, sin poder avanzar de página, al estar en la page/2/ es excatamente igual que la uno. Si elimino el código de los tiles si funciona, pero con los tiles puesto no hay manera, ¿alguien puede decirme dónde podría estar el fallo? Muchas gracias.

Aquí el código:

Código:

<?php get_header(); ?>
<div id="capanovedades">
<style media="screen" type="text/css">
 #contenedor-miniaturas {
	width: 870px;
	height: 360px;
  overflow: hidden; /* como clearfix */
     margin-left: -8px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 0px;
	margin-top: -22px;
	padding-bottom: 0px;
	padding-top: 0px;		
}



#contenedor-miniaturas div.view {
  float: left;
   margin-left: 20px;
   	 -webkit-box-shadow: 6px 6px 10px;
      -moz-box-shadow: 6px 6px 10px;
      box-shadow: 3px 0px 10px;
	  border: 1px solid black;


}

 .miniaturas-post {
     margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	
	
	}
 
.thumbnail img{
 width: 150px;
    margin-left: 0px;
	margin-right: 0px;
	float:left;
	padding-left: 0px;
	padding-right: 0px;
	
	



}




.view-sixth .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	float: right;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in 0.1s;
	-moz-transition: all 0.4s ease-in 0.1s;
	-o-transition: all 0.4s ease-in 0.1s;
	-ms-transition: all 0.4s ease-in 0.1s;
	transition: all 0.4s ease-in 0.1s;
	   background:url(<?php $_SERVER['DOCUMENT_ROOT']?>/imagenes-blog/fondo-grid2.png)
}


.view-sixth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   visibility:visible;
   -webkit-transition: all 0.4s ease-in-out 0.1s;
   -moz-transition: all 0.4s ease-in-out 0.1s;
   -o-transition: all 0.4s ease-in-out 0.1s;
   -ms-transition: all 0.4s ease-in-out 0.1s;
   transition: all 0.4s ease-in-out 0.1s;
   
}

.view-sixth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 4;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   background:url(<?php $_SERVER['DOCUMENT_ROOT']?>/imagenes-blog/fondo-grid2.png)
}
.view-sixth:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}

.view-sixth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-sixth:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
 
.view {
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: relative;
	text-align: justify;
	cursor: default;
	margin-top: 16px;

	
	
}
.view .mask,.view .content {
   width: 150px;
   height: 150px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
   
}

.nombres-1 {
	font-family: arial;
	font-size: 10px;
	font-weight:600;
	position: relative;
	color: #fff;
	text-align: center;
	padding-bottom: 14px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 134px;
	bottom: 12px;
}

.view a.info:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
 
</style>
<?php
query_posts('showposts=5&cat=11');
?>

<div id="contenedor-miniaturas">
<div class="miniaturas-post">




<?php while (have_posts()): the_post(); ?>
<?php
        if ( has_post_thumbnail() ){
    ?>
    
    <div class="view view-sixth" style="height="150" width="150">
    
      <div class="thumbnail" alt="don't lazy load me" data-hack="data-lazy-src">
            <?php
            the_post_thumbnail( 'thumbnail' );
            ?>

        </div>
        
      <a href="<?php the_permalink(); ?>"><div class="mask"> 
     <p class="nombres-1"><?php the_title(); ?></p>
 
     </div></a>
</div>

    <?php
    }else{
        
    }
?>

<?php endwhile; ?>
</div>
</div></div>

<?php $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; query_posts("cat=11,5&amp;paged=$paged"); ?>
	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    

		<div <?php post_class() ?> id="post-<?php the_ID(); ?>">

			<h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>

<?php if (function_exists('the_subtitle')){ the_subtitle(); }?>

			<?php include (TEMPLATEPATH . '/inc/meta.php' ); ?>
<div id="contenedor-gusta-entradas"> <div class="redes-entradas"><div class="facb-entradas"><iframe src="//www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;width=209&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;share=true&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:209px; height:21px;" allowTransparency="true"></iframe></div> <div class="twt-entradas"><a href="http://twitter.com/share" class="twitter-share-button" data-url="<?php echo get_permalink(); ?>" data-count="horizontal" data-text="No te pierdas <?php the_title(); ?> en la web" data-via="Petra">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></div><div class="gplus-entradas"><div class="g-plusone" data-size="medium" data-href="<?php echo urlencode(get_permalink($post->ID)); ?>"></div>     <script type="text/javascript">
  window.___gcfg = {lang: 'es'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/platform.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script></div></div></div>
			<div class="entry">
				<?php the_content(); ?>
                
			</div>

			<div class="postmetadata">
				
			</div>


	<?php endwhile; ?>

	<?php include (TEMPLATEPATH . '/inc/nav.php' ); ?>

	<?php else : ?>

		<h2>Not Found</h2>

	<?php endif; ?>

<?php get_sidebar(); ?>

<?php get_footer(); ?>