css - 带有内容 div、wordpress 的 css 全宽背景

Question

我正在为我的投资组合网站使用 wordpress 主题，并且我正在尝试重新创建一种我现在看到许多网站都在使用的效果。它本质上是具有标准页面宽度内容的全宽背景图像或 css 背景颜色。

这是一个例子：http ://themeforest.net/item/vernumresponsive-onepage-parallax-wordpress-theme/full_screen_preview/4843905

当您进入页面大约一半时，您将看到“您准备好购买此主题了吗”部分。它就像内容的分页符。我想在 wordpress 中做到这一点，但我不需要视差效果。我只需要图像背景或背景颜色 css 来破坏初始内容容器，但将其中的内容限制在该容器中。

Answer 1

您可以在主题中使用简码。

例子 ：

在你的主题中：

function fullWidthBreak_func( $atts ){<br/>
extract( shortcode_atts( array(
'content' => 'default content'
), $atts ) );
return "some css to full widht : $content";<br/>
}<br/>
add_shortcode( 'fullWidthBreak', 'fullWidthBreak_func' );

在你的帖子中：

some content before<br/>
[fullWidthBreak content="some content inside"]
some content after<br/>

参考 ：

http://codex.wordpress.org/Shortcode_API