如何在顶部杆和店面的页脚区域添加自定义框架

Question

我想在网站的顶部和结尾处添加一个薄的自定义框架。

这是针对我的WooCommerce网络商店的。我正在使用店面主题。框架应响应任何屏幕。然后帧是一个JPEG文件(当然，如果需要，我可以将其转换为任何其他图像文件(。

Answer 1

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

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

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

将一些CSS添加到您的style.css文件或WordPress Customizer。

.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>