【问题标题】:Multiple content backgrounds on a Wordpress site?WordPress 网站上的多个内容背景?
【发布时间】:2014-03-24 20:45:33
【问题描述】:

我对 HTML 或 CSS 知之甚少(但我正在尝试一点一点地学习)。 我目前正在处理我的professional portfolio,我想将网站分解得比现在更好(也就是说,每个部分后面都有水平线)。我设计了这个网站,使它成为一个单页风格的网站。但是,最好更改我简历的不同部分的内容背景、关于我的内容(我知道这需要更多的工作,我讨厌谈论我自己,哈哈),以及网站的与我联系的部分。我正在考虑these lines,但要简单得多。

我目前正在运行 Wordpress 3.8.1 并使用 Highwind 主题。我使用Page 2 Scroll ID 插件实现了滚动操作。您应该注意的是,网站上的所有内容都在一个页面上,菜单按钮只是通过 div 的方式指向页面上的不同位置。 See this tutorial 以获得更好的解释。

【问题讨论】:

    标签: css web wordpress wordpress-theming


    【解决方案1】:

    我不确定您是否能够通过 Highwind 主题实现这一点,或者至少无需对其进行大量定制。

    您所说的网站类型的工作方式是页面的每个部分都有一个 100% 宽的 div 和一个 1255px 宽的 div(内部 div 可以是任何东西,只要它不是 100%)内部 div 在 100% 宽的外部 div 内居中。

    这是一个非常快速的 codepen 示例... http://codepen.io/catchlightWeb/pen/tpKrG/

    对于您的示例,SectionOuterOne 和 SectionOuterTwo 类不是具有不同的颜色,而是具有不同的背景图像。

    希望对您有所帮助。

    【讨论】:

    • 所以我不能围绕我的不同内容部分制作 div?
    • 基本上,我可以在你提供的 style.css 中添加 CSS 代码,然后在我的部分周围创建 div 吗?
    • 啊...确实有点用。但现在我需要摆脱侧面的灰色边框。看这里:i.imgur.com/SaW4ti2.png?1 顺便说一句,我确实做了一个儿童主题,以防你想知道。
    • 仅供参考,我已经更新了“沿着'这些线'”链接,因为我发现另一个网站可以更好地体现我想要的东西。基本上,我正在寻找这个插件提供的功能:wordpress.org/plugins/genesis-simple-page-sections/screenshots
    • 酷。 efficientwp.com 是上面示例的演示站点 - 在标题部分具有称为视差滚动的东西。除此之外,这基本上是我在 codepen 示例中概述的内容 - 你知道 Chrome DevTools 吗?在 Chrome 中右键单击页面上的任何元素并选择 Inspect Element - 这将教你大量有关 HTML/CSS 的知识
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-06-29
    • 2013-09-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-06-06
    相关资源
    最近更新 更多