[contact-form-7 id="24084" title="Feedback ES"]

¿Cómo personalizar el diseño de blog en WordPress?

Este tutorial le ayudará a personalizar el diseño de blog en WordPress. Hay instrucciones para que su página del blog muestre extractos de entradas, entradas completas y los títulos de entradas.

Por defecto, el diseño del blog (utilizado para el archivo de categoría, página de inicio etc) muestra:

  • post title (título de entrada)
  • post details (detalles de entrada)
  • y extracto de entrada

Para personalizar el diseño Usted necesita abrir la carpeta wp-content/themes/theme## y el fichero loop.php por medio de su editor de HTML/PHP.

Aquí está el código que determina la forma de presentación de entrada en el formato de blog:

<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
	<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
		<strong><?php echo get_the_date('F j, Y'); ?></strong> 
			
	<?php if ( (is_archive()) or (is_search()) or (is_paged()) or (is_category()) ) : ?>
		<?php the_tags('<span>Tags:</span>', ', '); ?>
	<?php endif; ?>
			
	<div class="entry-content">
		<?php if (is_single()) { 
			} else { 
				$excerpt = get_the_excerpt(); echo my_string_limit_words($excerpt,'20');
			}
		?>
					
		<?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'theme1111' ), 'after' => '</div>' ) ); ?>
		</div><!-- .entry-content -->
			
		<div class="entry-utility hentry">
			by <a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>">
	<?php printf( get_the_author() ); ?></a>, <a class="read-more" href="<?php the_permalink(); ?>"><span><?php _e('read more', 'theme1126') ?></span></a>
	</div>
</div><!-- #post-## -->

Se puede modificarlo.

 

Por ejemplo:

1. El código que muestra el título de la entrada.

<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
	<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark"><?php the_title(); ?></a></h2>

2. La fecha de creación de entrada.

<strong><?php echo get_the_date('F j, Y'); ?></strong> 

3. El extracto de entrada y su límite (20 palabras).

<?php if (is_single()) { 
			} else { 
				$excerpt = get_the_excerpt(); echo my_string_limit_words($excerpt,'20');
			}
		?>

 

Por favor revise el tutorial:
¿Cómo personalizar el diseño de blog en WordPress?