Wordpress 打破模板答案

【问题标题】：Wordpress breaking out of the templateWordpress 打破模板
【发布时间】：2013-12-04 06:58:35
【问题描述】：

如何将下面的滑块 @http://360builders.com.au/360-homes/custom-designs/ 设置为页面的全宽 1140 像素宽？

由于右侧边栏小部件，目前我被卡住了。有没有一种方法可以设置从内容区域分离出来的 DIV 的样式，然后我可以在其中放置滑块？

任何帮助将不胜感激！

【问题讨论】：

标签： css wordpress templates html

【解决方案1】：

尝试将<div id="SlideDeck-571-frame"> 放在<div id="sidebar" class="sidebar widget-area"> 之后，然后您可以将宽度设置为页面的最大尺寸。

【讨论】：

这行得通，但是我使用的是 WordPress，这是“默认模板”，所以我不能将 DIV 放在侧边栏之后，因为它会出现在使用此模板的每个页面上。我希望我可以在 WordPress 的这个页面的内容区域内设置一个 DIV 样式。允许它突破
它的约束...希望这有意义...

【解决方案2】：

您可以按照@Cem 的建议放置<div id="SlideDeck-571-frame"> after <div id="sidebar" class="sidebar widget-area">，但您应该在新模板文件中执行此操作，然后将该页面的模板设置为此新模板。话虽如此，你最好再做一件事：创建一个子主题，并将新模板和你自定义的 style.css 放在子主题文件夹下，这样当你升级 wordpress 时，你的自定义部分不会丢失。

我已经说了几件事。重申一下，

创建一个子主题，并激活子主题。有很多关于此的指南帖子。也许这是一个官方的，你可以看看：how to create a child theme。
创建一个新的模板文件。关键部分是标题行：
```
<?php
/*
Template Name: splash-page
*/
?>
```
您可以从默认模板复制另一部分并进行任何您想要的更改。
将新模板文件保存在子主题文件夹中（例如 wp-content/themes/twentythirteen-child）。您还将自定义 style.css 文件。将您自定义的 style.css 文件也放在子主题文件夹下。
现在转到 WordPress 管理员，查看所有页面，编辑该页面。您应该会在模板下拉菜单中看到新模板。应用它。
在这工作之后，以后对新模板和style.css的所有更改都可以使用ftp上传，应该会更快。

希望对你有帮助。

【讨论】：

我认为这是唯一的方法，感谢您的帮助！学习曲线我来了......我知道这个主题已经适用于儿童主题，所以它不应该太难。干杯

【解决方案3】：

DIV 的绝对定位有效 (http://360builders.com.au/360-homes/test/)，但不适用于主题的响应性...

#box {
    width: 1100px;
    height: 400px;
    margin-top: 680px;
    background: #fff;
    display: block;
    margin-left: auto;
    margin-right: auto;

    /* ADD THE OVERFLOW */
    overflow-x: visible;
    overflow-y: visible;
}

#container{
    position: absolute;
    top: 30px;
    left: 20px;
    width: 100%;
}

#x {
    width: 1100px;
    height: 400px;
    background: #fff;
}

【讨论】：