Wordpress 未在 page.php 中的正确位置显示照片

Question

好的，我有一个问题，我不知道如何解决问题。我制作了一个 wordpress 模板（使用 bootstrap），问题出在 page.php。我制作了新页面（关于我）并放入了 tekst 和照片，但照片不像仪表板中那样对齐。例如，我给出的照片是 aling 在右边 How test is formatted

但是在浏览器中页面是这样的

How looks

我的 page.php 代码是：

<?php get_header(); ?>
<?php while( have_posts()): the_post(); ?>
<section class="row title-bar">
    <div class="container">
        <div class="col-md-12">
            <h1><?php the_title(); ?></h1>
        </div>
    </div>
</section>  
<section class="row main">
    <div class="container">
        <?php if( is_active_sidebar( 'sidebar')): ?>
            <div class="col-md-8">
                            <?php else: ?>
                                    <div class="col-md-12">
                                        <?php endif; ?>
                                            <article class="page" style="padding-top: 10px; padding-left: 10px; padding-right: 10px">
                                                <?php the_content(); ?>
                                            </article>
                                            <div class="clr"></div>
                                    </div>
                            <?php if( is_active_sidebar( 'sidebar')): ?>        
                                    <div class="col-md-4">
                                            <?php dynamic_sidebar('sidebar'); ?>
                                    </div>  
                            <?php endif; ?>
            </div>      
        </div>
</section>
 <?php endwhile; ?>
<?php get_footer('single'); ?>

Answer 1

WordPress 编辑器仅使用在后端（WP 仪表板）中加载的样式。右对齐图像使用 CSS class .alignright 左对齐图像则相反。

由于您使用的是基础 Bootstrap 和您自己的自定义样式，因此您没有设计前端样式来反映 WordPress 编辑器的功能。也就是说，要使右对齐的图像看起来与您在编辑器中看到的几乎相同，请将以下代码添加到您的 style.css

.alignright {
    float: right;
    margin: 10px;
}

Wordpress 未在 page.php 中的正确位置显示照片

Wordpress not show photo on correct position in page.php

php

wordpress

twitter-bootstrap

photo