- Plantillas Web
- Plantillas E-commerce
- Plantillas de CMS y Blog
- Plantillas Facebook
- Constructor Web
¿Cómo personalizar el diseño de blog en WordPress?
marzo 28, 2011
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?