05Oct 2010 13 Comments */?>

WordPress – Mostrar posts en página estática.

Categorías: Tutoriales - Tags:

Ando haciendo un experimento SEO con un blog llamado Baby Bath Stand en el cual necesito dejar un POST fijo como página principal y después ir mostrando el resto de posts abajo del mismo. O lo que sería lo mismo, crear una página estática y mostrar los post del blog en ella.

Ustedes se preguntaran con que motivo quiero hacer eso. Simplemente es porque en dicho postdicha página estática se encuentran los keywords que quiero hacer rankear en google, por lo que necesito que siempre aparezcan en el mismo lugar, y que el contenido que cambie ( o los post) no afecte esto.

Volviendo al tema original, para mostrar los posts de wordpress en una página estática tan solo debemos hacer lo siguiente:

  • Creamos la página estática que queremos que aparezca en el HOME
  • Vamos a Configuración -> Lectura en nuestro admin wordpress y elegimos mostrar una página estática como HOME .
  • Y por último editamos en nuestro template de wordpress la página page.php y hacemos los siguientes cambios:

Localizamos

1
2
 
<?php endwhile; ?>

Y a continuación agregamos lo siguiente:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?php $temp_query = $wp_query; ?>
<?php query_posts('showposts=1'); ?>
 
<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
 
 
				<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
					<h1 class="entry-title"><?php the_title(); ?></h1>
 
					<div class="entry-meta">
						<?php twentyten_posted_on(); ?>
					</div><!-- .entry-meta -->
 
					<div class="entry-content">
						<?php the_content(); ?>
						<?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'twentyten' ), 'after' => '</div>' ) ); ?>
					</div><!-- .entry-content -->
					</div><!-- #post-## -->
                    <div id="nav-above2" class="navigation">
					<div class="nav-previous"><?php previous_post_link( '%link', '<span class="meta-nav">' . _x( '&larr;', 'Previous post link', 'twentyten' ) . '</span> %title' ); ?></div>
					<div class="nav-next"><?php next_post_link( '%link', '%title <span class="meta-nav">' . _x( '&rarr;', 'Next post link', 'twentyten' ) . '</span>' ); ?></div>
				</div><!-- #nav-above -->
 
                    <?php  endwhile; ?>

Cambiando ‘showposts=1’ elegimos la cantidad de post a mostrar. En mi caso solo muestro 1 post por página.
También hay que tener en cuenta que yo estoy usando el theme original de wordpress llamado twentyten. Si estan usando otro theme y no estan seguros de que código tienen que pegar pueden verlo en el archivo single.php. Seguro que será muy parecido al que puse yo pero con los cambios típicos de cada theme.

Espero que les haya servido de ayuda, cualquier duda dejen comentario. Saludos!!!

Damián Logghe

Programador freelancer y emprendedor en sueños. Contento de ser mi jefe y poder hacer lo que me gusta. WordPress es mi principal fuente de ingreso y me escribo tanto para ayudar como para tener una guia de memoria. Quieres contratarme? Déjame un mensaje.

More Posts - Website

Follow Me:
TwitterFacebookLinkedInGoogle Plus