WordPress：HTML侧栏位于底部，而不是与正文右对齐

Question

我将HTML添加到我的functions.php 。 之后

<?PHP get_sidebar(); ?>

和之前

<?php get_footer(); ?>

而CSS已添加到我的style.css子主题中。 结果是我的HTML框位于主页的主要内容下，而不是位于主要内容的右侧。 我希望有人可以帮助我吗？

我试图添加HTML和CSS但不允许我发布。

到目前为止，我自己已经花费了大约3个小时。 首先，我尝试重新格式化Minamaze Wordpress主题提供的功能，但我认为我可能会正确地编写自己的代码，因为它可能更易于实现。

Answer 1

我修好了它！ 方法如下：真正的问题是我的首页文章被单独分组而不是包装在一个类中。 我找到了index.php文件（来自我的子主题的副本），并将首页内容包含在一个名为div的类中。 以下是我的索引文件中的代码。 在get_header和下面的php行之间放置一个div包装器类。 在get_sidebar之前关闭div。

get_header（）; ？>

            <?php while( have_posts() ): the_post(); ?>

                <article id="post-<?php the_ID(); ?>" <?php post_class('blog-article'); ?>>

                    <?php if ( has_post_thumbnail() ) {
                        $column1 = ' two_fifth';
                        $column2 = ' three_fifth last';
                    } else {
                        $column1 = NULL;
                        $column2 = NULL;
                    } ?>

                    <header class="entry-header<?php echo $column1; ?>">
                        <?php thinkup_input_blogimage(); ?>
                    </header>       

                    <div class="entry-content<?php echo $column2; ?>">
                        <?php think_input_blogtitle(); ?>

                        <?php thinkup_input_blogmeta(); ?>

                        <?php thinkup_input_blogtext(); ?>
                    </div>

                <div class="clearboth"></div>
                </article><!-- #post-<?php get_the_ID(); ?> --> 

            <?php endwhile; ?>

            <?php thinkup_input_pagination(); ?>

        <?php else: ?>

            <?php get_template_part( 'no-results', 'archive' ); ?>      

        <?php endif; ?>

php get_sidebar（）; ？>

在get_sidebar下，您可以为要添加的侧边栏添加HTML代码。

一旦将它们包装到php到其自己的类中，并将侧边栏框包装到其自己的类中，我就在我的CSS子主题中分别使用了float：left和right，成功创建了一个侧边栏。 我还制定了宽度百分比以提高可用性。 如果您希望在主页面之外的其他页面上添加侧边栏，则可以在content-page.php，content-single.php中使用相同的方法。