css全宽背景与内容div，wordpress

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