Wordpress:底部的HTML侧边栏,而不是与主体右对齐

时间:2015-06-11 02:54:27

标签: html css wordpress

我向我的functions.php添加了HTML。

之后

<?PHP get_sidebar(); ?>

之前

<?php get_footer(); ?>

在我的CSS儿童主题中添加了style.css。结果是我的主页上的主要内容下的HTML框,而不是主要内容的右侧。我希望有人可以帮助我?

我尝试添加HTMLCSS,但我不会发布它。

到目前为止,我自己花了大约3个小时。首先,我尝试重新格式化Minamaze Wordpress主题提供的功能,但我想我也可以正确使用自己的代码,因为它可能更容易实现。

1 个答案:

答案 0 :(得分:0)

我修好了!以下是:真正的问题是我的首页文章是单独分组而不是包装在课堂中。我找到了index.php文件(来自我的子主题的副本),并在命名的div类中包含了主页内容。下面是我的索引文件中的代码。在get_header和它下面的php行之间放一个div包装类。在get_sidebar之前关闭div。

  

get_header(); ?&GT;

     

              

            <?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(); ?&GT;

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

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