Question

好的，我有问题而且我不知道如何解决问题。我制作了一个wordpress模板（使用引导程序），问题出在page.php中。我制作了新页面（关于我）并放入了tekst和照片，但照片在仪表板中没有对齐。例如，我给那张照片在右边 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类.alignright，而左对齐图像则相反。

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

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

Wordpress不会在page.php

1 个答案: