Как добавить пользовательский фрейм в верхней панели и в нижнем колонтитуле Storefront - PullRequest
Новая
       43

Как добавить пользовательский фрейм в верхней панели и в нижнем колонтитуле Storefront

0 голосов
/ 09 июля 2019

Я хотел бы добавить тонкую пользовательскую рамку в самый верх и самый конец моего сайта.

Это для моего интернет-магазина Woocommerce. Я использую тему Storefront. Рамка должна реагировать на любой экран. Затем frame это файл jpeg (конечно, я могу преобразовать его в любой другой файл изображения, если это необходимо).

1 Ответ

0 голосов
/ 16 июля 2019

Прежде всего вы должны создать дочернюю тему для витрины магазина, чтобы вы могли настроить свою тему без использования этих плагинов. Прочитайте здесь, как настроить вашу дочернюю тему: https://docs.woocommerce.com/document/set-up-and-use-a-child-theme/

Второй шаг - добавить html в ваш header.php и footer.php 

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

Добавьте немного CSS в ваш файл style.css или в настройщик WordPress. 

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