Wordpress Caption Formatting

时间:2014-10-21 作者:niyasc

我正在尝试创建自定义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编辑器中一样被转储到屏幕中。带有标题的图像如所示。Current problem

如何正确显示所有帖子内容?

1 个回复
SO网友:niyasc

不知道实际的问题是什么。使用以下语法显示内容解决了问题。

<div>
    <h tag><?php the_title(); ?></h tag>
    .............other things like date and author
    <div>
         <?php the_content(); ?>
    </div>
</div>
无论如何,谢谢所有试图回答我问题的人。

结束

相关推荐

如何禁用Twenty13 style.css中的css规则?

我有以下情况:我实现了一个插件ChessTempoViewer 在Wordpress页面中显示国际象棋游戏</这个插件在2010、2012、2014主题中运行良好,但在2013主题中没有</原因是style.css 这个主题从主题中删除这些规则的选项是什么?问题的详细信息* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-