WordPress. Как изменить разметку блога

Этот туториал покажет, как изменить разметку блога WordPress, отображать заголовки постов, выдержки из них, либо весь пост.

По умолчанию разметка (для категорий, домашней страницы) отображает:

• название поста
• детали поста
• и выдержку из поста

Чтобы сделать изменения откройте папку wp-content/themes/theme## , файл loop.php любым текстовым/PHP редактором.

Данный код определяет, как будет отображаться пост в формате блога:

<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-## -->

Вы можете изменить его в зависимости от Ваших потребностей.

Например:

1. Код, который отображает название поста.

<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. Дата создания поста.

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

3. Выдержка из поста и ее ограничение до 20 слов.

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

Пожалуйста, ознакомьтесь с детальным, обучающим видео ниже:
WordPress. Как изменить разметку блога