我正在尝试创建自定义wordpress主题。除了帖子内容中的图像格式之外,一切都很顺利。在新创建的主题中,图像标题未正确显示。我已经添加了wordpress核心css,如下所示。
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
我使用以下代码来显示我的帖子内容
<?php get_header(); ?>
<div class="row">
<div class="col-md-8">
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<h2><?php the_title(); ?></h2>
<p><em><?php the_time(\'l, F jS, Y\'); ?></em></p>
<?php $content = get_the_content(); ?>
<div class="post-content img-responsive">
<?php echo $content?>
</div>
<hr>
<?php comments_template(); ?>
<?php endwhile; else: ?>
<p><?php _e(\'Sorry, this page does not exist\'); ?></p>
<?php endif; ?>
</div>
<div class="col-md-4">
<?php get_sidebar(); ?>
</div>
</div>
<?php get_footer(); ?>
它正确地制作了一些字幕。仍然有一些字幕没有正确排列,它们像在wordpress编辑器中一样被转储到屏幕中。带有标题的图像如所示。
如何正确显示所有帖子内容?