在内容和侧边栏之前放置幻灯片 - WordPress

Question

我正在尝试在跨越整个页面宽度的页面内容之前添加一个图像滑块（我正在使用引导程序，因此将使用 12 列 div）。

这是index.php 文件的当前代码：

get_header(); ?>

    <div class="col-sm-12">
        <?php 
            echo do_shortcode("[metaslider id=2010]"); 
        ?>
    </div>

    <?php if ( have_posts() ) : ?>
        // The Loop

    <?php else : ?>

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

    <?php endif; ?>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

如您所见，我尝试在调用标题的下方添加图像滑块，但效果不佳。正在创建与帖子宽度相同的图像滑块，就好像它是内容的一部分一样。所以侧边栏仍然占据了页面的整个右侧。

我希望图像滑块跨越整个页面，然后显示帖子和侧边栏。

知道怎么做吗？我尝试在不同的 div 中放置各种东西，但似乎无法获得正确的布局

更新：header.php

<div class="main-content">
    <div class="container">
        <div class="row">
            <div id="content" class="main-content-inner col-sm-12 col-md-8" itemprop="mainContentOfPage" itemscope="itemscope" itemtype="http://schema.org/Blog">

（其余的代码并不是真正需要的，因为它只是导航和横幅等）

然后将图像滑块放置在main-content-inner col-sm-12 col-md-8 上方的此 div 中。 main-content 是帖子的输出位置，所以我需要图像滑块在这个 div 之前。我可以将此代码移动到index.php 代码中，但我不确定这是否一定是好的做法。这是我可以看到能够将图像滑块放在内容之前的唯一方法

答案：

将我的header.php 更新为：

<div class="main-content">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <?php if (is_front_page()) { 
                    echo do_shortcode("[metaslider id=2010]"); 
                }?>
            </div>
            <div id="content" class="main-content-inner col-sm-12 col-md-8" itemprop="mainContentOfPage" itemscope="itemscope" itemtype="http://schema.org/Blog">

Answer 1

这样做：

以上：

<div class="main-content">

是您要调用幻灯片的位置。

如果您不希望它显示在每个页面上，请使用一些条件标签来控制它出现在哪个页面上。见：http://codex.wordpress.org/Conditional_Tags