Question

如何制作以下滑块@ http://360builders.com.au/360-homes/custom-designs/整页宽度为1140px？

目前我因右侧边栏小部件而陷入困境。有没有一种方法可以设置从内容区域突破的DIV，然后我可以放置滑块？

任何帮助将不胜感激！

Answer 1

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

Answer 2

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;
}

Answer 3

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

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

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

希望有所帮助。

Wordpress打破了模板

3 个答案: