css全宽背景,带内容分区,wordpress

css全宽背景,带内容分区,wordpress,css,wordpress,html,background,width,Css,Wordpress,Html,Background,Width,我正在为我的公文包网站使用wordpress主题,我正在尝试重新创建一种效果,我看到许多网站现在都在使用这种效果。它本质上是一个全宽度的背景图像或css背景颜色与标准的页面宽度的内容 以下是一个例子: 当你走到页面的一半时,你会看到“你准备好购买这个主题了吗”部分。这就像是内容的分页符。我想在wordpress中这样做,但我不需要有视差效果。我只需要图像背景或背景色css来打破最初的内容容器,但将其中的内容限制在该容器内 您可以在主题中使用快捷码。 示例: 在您的主题中: function fu

我正在为我的公文包网站使用wordpress主题,我正在尝试重新创建一种效果,我看到许多网站现在都在使用这种效果。它本质上是一个全宽度的背景图像或css背景颜色与标准的页面宽度的内容

以下是一个例子:


当你走到页面的一半时,你会看到“你准备好购买这个主题了吗”部分。这就像是内容的分页符。我想在wordpress中这样做,但我不需要有视差效果。我只需要图像背景或背景色css来打破最初的内容容器,但将其中的内容限制在该容器内

您可以在主题中使用快捷码。

示例:
在您的主题中:

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' );
函数fullWidthBreak_func($atts){
提取(短码)附件(数组)( “内容”=>“默认内容” )美元(附件);; 返回“部分css到完整宽度:$content”;
}
添加快捷码('fullWidthBreak','fullWidthBreak_func');

在您的帖子中:

some content before<br/>
[fullWidthBreak content="some content inside"]
some content after<br/>
之前的一些内容
[fullWidthBreak content=“内部某些内容”]
之后的一些内容
参考资料:

可能重复:您的代码片段对我不起作用。我将其添加到function.php文件中,但可能输入错误。但它打破了我目前使用的主题。