Question

我想在我的网站的顶部和底部添加一个瘦的自定义框架。

这是给我的Woocommerce网上商店的。我正在使用店面主题。框架应响应任何屏幕。然后frame是一个jpeg文件（当然，如果需要，我可以将其转换为任何其他图像文件）。

Answer 1

首先，您应该为店面创建一个子主题，这样您就可以自定义主题，而无需那些插件。在这里阅读如何设置您的孩子主题： https://docs.woocommerce.com/document/set-up-and-use-a-child-theme/

第二步是将html添加到header.php和footer.php

<div class="myrepeatableimg"></div>

在您的style.css文件或wordpress定制器中添加一些CSS。

.myrepeatableimg{
 width: 100%; 
 height:50px; 
 background-repeat:repeat;
 background-image: url('https://www.toptal.com/designers/subtlepatterns/patterns/folk-pattern.png'); }

.myrepeatableimg{
width:100%; height:100px;
background-image: url('https://www.toptal.com/designers/subtlepatterns/patterns/folk-pattern.png'); 
background-repeat:repeat;
}

<div class="myrepeatableimg"></div>

如何在Storefront的顶部栏和页脚区域中添加自定义框架

1 个答案: