Блог

Главная - Вопросы по программированию - Тема WordPress, у которой фон липкий, а содержимое подвижное

Тема WordPress, у которой фон липкий, а содержимое подвижное

#wordpress #wordpress-theming #custom-wordpress-pages

#wordpress #wordpress-тематизация #пользовательские-wordpress-страницы

Вопрос:

Мне нужна тема WordPress или любой плагин, который выглядит как https://www.haldiram.com / это и работайте так. Я хочу сделать ту же домашнюю страницу и заголовок в WordPress, кто-нибудь может мне помочь в этом в WordPress. Скажите мне, как то же самое возможно с помощью любого плагина или с использованием любой темы, или расскажите о любом другом способе сделать это. Я пытаюсь создать такой фон, используя css, но не добился успеха. мне не нужно точно такое же, но если что-то смиллар к этому, скажите мне.

Ответ №1:

Важно добавить свойство background-attachment: fixed; CSS.

Также вам нужно, чтобы высота содержимого страницы была больше, чем высота окна, чтобы увидеть эффект прокрутки.

В приведенной ниже демонстрации я добавил min-height: 2500px; .site-content элемент на странице.

 body {
    background-image: url("https://www.haldiram.com/themes/haldiram/images/bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.site-content {
    width: 100%;
    max-width: 1200px;
    min-height: 2500px;
    background-color: #fff;
    padding: 2rem 3rem;
    box-sizing: border-box;
} 
 <!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<div class="site-content">
  <h1>This is a Heading</h1>
  <p>This is a paragraph.</p>
</div><!-- .site-content end -->

</body>
</html>

Метки: , ,