Codigo para mostrar el primer post

[RGT]

El codigo que uso es:

Código PHP:

 <div id="lastpost">
    <?php if (have_posts()) : the_post() ?>            
        <?php if ((function_exists('has_post_thumbnail')) && (has_post_thumbnail())) : ?>
        <div class="image"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('medium'); ?></a></div>        
        <?php endif; ?>
        <div class="snippet">
            <h2 class="title"><a href="<?php the_permalink(); ?>" title="<?php the_title() ?>" rel="bookmark"><?php the_title(); ?></a></h2>                    
            <p class="meta"><?php the_time('F j, Y'); ?> - <?php comments_popup_link(__('No comments', 'rbq-domain'), __('1 Comment', 'rbq-domain'), __('% Comments', 'rbq-domain')); ?></p>
            <div class="excerpt"><?php the_excerpt(); ?></div>            
        </div>
    <?php endif; ?>                
</div>    
    
<div id="latestposts">
    <?php        
        $counter = 1;
        $latestPosts = new WP_Query();
        $latestPosts->query($query_string . '&showposts=4&offset=1');                
        while ($latestPosts->have_posts()) : $latestPosts->the_post();            
    ?>
    <div class="snippet<?php if ($counter % 4 == 0) echo ' last'; ?>">            
        <?php if ((function_exists('has_post_thumbnail')) && (has_post_thumbnail())) : ?>
        <div class="image"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a></div>
        <?php endif; ?>                        
        <h3 class="title"><a href="<?php the_permalink() ?>" title="<?php the_title() ?>" rel="bookmark"><?php the_title() ?></a></h3>            
        <p class="meta"><?php the_time('F j, Y'); ?> - <?php comments_popup_link('Add Comment', '1 Comment', '% Comments') ?></p>
        <div class="excerpt"><p><?php echo shortExcerpt(get_the_excerpt(), (int) get_option('of_excerpt_length')); ?></p></div>
    </div><!-- .snippet -->
    <?php $counter++; ?>
    <?php endwhile ?>
</div>  

El blog es:
http://www.oyeeso.com/

Quiero mostrar el primer post con la imagen diferente para hacer el blog mas bonito y profesional, me gustaria añadirlo y color de fondo y eso.

Pero cuando lo puse, y le doi click en la pagina siguiente, sólo cambia el primer post, los otros de abajo nó cambian, alguien sabe qué debo poner en counter o explicarme como funciona eso?

Saludos!.

[zanguanga]

Una de hacer el primer post con estilo muy diferente al resto es crear una clase nueva para ello:

http://www.dynamicwp.net/articles-an...-the-homepage/

Para mostrar la primera imagen diferente en el loop de la plantilla donde quieras el nuevo diseño (home, index, categoría, etc) has de poner algo así:

Código:

 
<?php $count = 1; // Seteamos count a 1 para la primer entrada ?>
 
<?php while (have_posts()) : the_post(); ?>

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

		<!--Aqui el codigo para mostrar los elementos que quieras de la primera entrada, puedes usar la clase creada para firstpost si es muy distinta al resto-->
 
<?php } else { // el resto de las entradas se mostraran como pongamos ahora ?>
 
		<!--Aqui el codigo para mostrar los elementos del resto de entradas-->

<?php } $count++; // Final de la funcion ?>


		<!--Aqui el codigo para mostrar los elementos comunes a todas las entradas-->

[RGT]

Una pregunta,
este codigo:

Código PHP:

     <?php        
        $counter = 1;
        $latestPosts = new WP_Query();
        $latestPosts->query($query_string . '&showposts=4&offset=1');                
        while ($latestPosts->have_posts()) : $latestPosts->the_post();            
    ?>   

Entonces está de más?, lo borro?

[RGT]

No entiendo, trato de adaptarlo a mi theme pero no logro, podrias ayudarme?

El codigo que uso es este pero, no se como agregarle todo:

Código PHP:

 <div id="latestposts">
    <?php while ( have_posts() ) : the_post(); ?>
    <div id="post-<?php the_ID(); ?>" class="snippet">
        <?php if ((function_exists('has_post_thumbnail')) && (has_post_thumbnail())) : ?>
        <div class="image"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a></div>
        <?php endif; ?>                        
        <h3 class="title"><a href="<?php the_permalink() ?>" title="<?php the_title() ?>" rel="bookmark"><?php the_title() ?></a></h3>            
        <p class="meta"><?php the_category(', '); ?> - <?php the_time('j / F / Y') ?> - <?php if(function_exists('the_views')) { the_views(); } ?></p>
        <div class="excerpt"><p><?php echo shortExcerpt(get_the_excerpt(), (int) get_option('of_excerpt_length')); ?></p></div>
    </div><!-- .snippet -->
    <?php endwhile; ?>
    <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?> 
</div>
 
<?php get_sidebar() ?>   

[zanguanga]

No entiendo, trato de adaptarlo a mi theme pero no logro, podrias ayudarme?

Lo siento muchísimo pero te he traído un codigo que sirve para conseguir lo que quieres, ahora necesitarás poner de tu parte para probarlo y adaptarlo. Yo no dispongo de mucho tiempo para hacerlo por tí. No el tma que estás usando..

[RGT]

Hola, yo te entiendo, pero te comento que yo no se nada de PHP u trate de poner mi codigo adentro del tuyo y no me funciona.

Solo me falta esto para terminar una web
pls =( ayudame

[carlos_belisario]

revisaste la función que te puso zanguanga?? vamos esto lo que hace es crearle a tu primer post una clase, queda de ti despues crear el estilo para la vista de este post, que es lo que no entiendes??

[RGT]

Ese codigo me tira error al insertarlo en el dreamweaver, si modificarlo!.

[carlos_belisario]

el dreamweaver es un editor de texto, pruebalo en el navegador y nos indicas, siempre has tus pruebas en el navegador para ver cual es el posible error, saludos

[RGT]

Cuando pruebo en el navegador nó salen post, sale en blanco!.

=( no tengo idea

[Nekko]

RGT, vuelvo a comentarte que tenés que intentar interpretar lo que estás colocando en tu theme. Copiar y pegar sin comprender no te sirve de nada.

Si querés código hecho a medida sin aprender por vos mismo, sentite libre de postearlo en la sección de empleo como oferta de trabajo.

[RGT]

El codigo que muestra el titulo foto y eso, yo lo entiendo perfecto.
Lo que no se es jugar para mostrar el post 1, los post siguientes, trate la noche entera ayer y nada de nada

[Nekko]

Mostranos cómo lo estás haciendo, qué código terminás teniendo (incluida la adaptación del código que ya te dieron) y vamos viendo si podemos mostrarte en que líneas te equivocás.

[RGT]

Código PHP:

  <?php $count = 1; // Seteamos count a 1 para la primer entrada ?>
 
<?php while (have_posts()) : the_post(); ?>
 
 <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 
 
        <?php if ((function_exists('has_post_thumbnail')) && (has_post_thumbnail())) : ?>
        <div class="image"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('medium'); ?></a></div>        
        <?php endif; ?>
        <div class="snippet">
            <h2 class="title"><a href="<?php the_permalink(); ?>" title="<?php the_title() ?>" rel="bookmark"><?php the_title(); ?></a></h2>                    
            <p class="meta"><?php the_time('F j, Y'); ?></p>
            <div class="excerpt"><?php the_excerpt(); ?></div>            
        </div>
 
<?php } else { // el resto de las entradas se mostraran como pongamos ahora ?>
 
        <?php if ((function_exists('has_post_thumbnail')) && (has_post_thumbnail())) : ?>
        <div class="image"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a></div>        
        <?php endif; ?>
        <div class="snippet">
            <h2 class="title"><a href="<?php the_permalink(); ?>" title="<?php the_title() ?>" rel="bookmark"><?php the_title(); ?></a></h2>                    
            <p class="meta"><?php the_time('F j, Y'); ?></p>
            <div class="excerpt"><?php the_excerpt(); ?></div>            
        </div>
 
<?php } $count++; // Final de la funcion ?>
 
 
        <!--Aqui el codigo para mostrar los elementos comunes a todas las entradas-->  

Asi tengo el codigo!.

[Nekko]

Mmm en ningún lado le estás diciendo la condición que debe cumplirse para ejecutar un código u otro.

Vos le tenés que decir a tu bucle lo siguiente: "El contador está en 1. Entonces, si contador=1 mostrar este código, sumá 1 a contador..." Entonces en la siguiente pasada, contador vale 2, y ya la primer condición al ser falsa, pasa a mostrar lo que haya luego del else.

Después de la línea en donde está el while, te faltaría algo como:

Código PHP:

<?php if ($count == 1) { ?>
 

Y al final, en donde aumenta el contador, reemplazaría por esta línea.

Código PHP:

<?php } $count++; endwhile;  // Final de la funcion ?>
 

[RGT]

Hola, me funciona.

Aqui te pego el codigo para confirmar que sea correcto:

Código PHP:

     <?php $count = 1; // Seteamos count a 1 para la primer entrada ?> 
 
    <?php while ( have_posts() ) : the_post(); ?>
    
    <?php if ($count == 1) { ?>
    
    <div id="post-<?php the_ID(); ?>" class="snippet">
        <?php if ((function_exists('has_post_thumbnail')) && (has_post_thumbnail())) : ?>
        <div class="image"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('medium'); ?></a></div>
        <?php endif; ?>                        
        <h3 class="title"><a href="<?php the_permalink() ?>" title="<?php the_title() ?>" rel="bookmark"><?php the_title() ?></a></h3>            
        <p class="meta"><?php the_category(', '); ?> - <?php the_time('j / F / Y') ?> - <fb:comments-count href=<?php the_permalink(); ?>></fb:comments-count> comentarios - <?php if(function_exists('the_views')) { the_views(); } ?></p>
        <div class="excerpt"><p><?php echo shortExcerpt(get_the_excerpt(), (int) get_option('of_excerpt_length')); ?></p></div>
    </div><!-- .snippet -->
    
    <?php } else { // el resto de las entradas se mostraran como pongamos ahora ?> 
    
    <div id="post-<?php the_ID(); ?>" class="snippet">
        <?php if ((function_exists('has_post_thumbnail')) && (has_post_thumbnail())) : ?>
        <div class="image"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a></div>
        <?php endif; ?>                        
        <h3 class="title"><a href="<?php the_permalink() ?>" title="<?php the_title() ?>" rel="bookmark"><?php the_title() ?></a></h3>            
        <p class="meta"><?php the_category(', '); ?> - <?php the_time('j / F / Y') ?> - <fb:comments-count href=<?php the_permalink(); ?>></fb:comments-count> comentarios - <?php if(function_exists('the_views')) { the_views(); } ?></p>
        <div class="excerpt"><p><?php echo shortExcerpt(get_the_excerpt(), (int) get_option('of_excerpt_length')); ?></p></div>
    </div><!-- .snippet -->
    
    <?php } $count++; endwhile;  // Final de la funcion ?>   

Las lineas como:
<div id="post-<?php the_ID(); ?>" class="snippet">

estan bien, es asi?

Gracias!.

[Nekko]

Eso depende del CSS del theme... el id y el class son valores para el estilo. Te conviene ir leyendo un poco sobre maquetación en general (html + css) y bajarte Firebug como para ir viendo como funcionan bien.