Не ставится картинка в шапку

@Inside12 · Регистрация: 12.12.2015

Студворк — интернет-сервис помощи студентам

Доброго времени суток. Пытаюсь внести изменения в тему Вордпресс, а именно поставить в шапку картинку фоном. Проделал следующие манипуляции:

1. В файл header.php внес div со стилем
[del]

2. В Style.css прописал стиль
[del]

3. Получается все равно вот так

Может подскажет кто почему не хочет арбайтен?

@Inside12 · 25.09.2017, 12:07 **[ТС]**

1. В файл header.php внес div со стилем

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<body <?php body_class(); ?>>
 
<div id="page" class="site">
    <?php 
    if ( is_active_sidebar( 'advertisement-1' ) ) {
 
        $header_class = 'advertisement-active';
 
    }else{
 
        $header_class = '';
 
    } ?>
    <header id="masthead" class="site-header <?php echo $header_class; ?>" role="banner">
           <div class="header"></div> <!-- !!!! -->
        <div class="container">
        
            <div class="site-branding">
                <?php 
...

2. В Style.css прописал стиль

CSS
1
2
3
4
.header {
 background: url("slabotochnyk.ru/public_html/wp-content/themes/blog-zone/images/header.jpg") no-repeat top center; 
 height: 405px; 
}

@SergioSup · 25.09.2017, 19:41

вы походу, добавляя свой стиль, удалили последнюю скобку. (новый стиль для хедера срабатывает при последнем медиазапросе).
p.s. в вашей теме уже есть блок хедер (можно все сделать, поправив только стили у .site-header)

@Inside12 · 25.09.2017, 21:10 **[ТС]**

Нашел в style.css site-header, добавил туда background, все равно картинку не ставит

CSS
1
2
3
4
5
6
7
8
9
10
.site-header{
    float:left;
    width:100%;
}
 
.site-header {
    padding-top:30px;
    background: url("slabotochnyk.ru/public_html/wp-content/themes/blog-zone/images/header.jpg") no-repeat top center;  
 
}

Комментарий модератора

Используйте соответствующие теги в редакторе для форматирования кода [HTML], [CSS] и т.д.!

@SergioSup · 26.09.2017, 13:35

CSS
1
background: url("http://slabotochnyk.ru/public_html/wp-content/themes/blog-zone/images/header.jpg") no-repeat top center;

Добавлено через 13 минут
в пункте "медиафайлы" админки можно посмотреть правильный url картинки

@Inside12 · 26.09.2017, 17:00 **[ТС]**

Действительно ссылка не корректно была указана) Сделал как надо, шапка больше не белая, но картинки все равно нет) Теперь шапка выглядит вот так:

@SergioSup · 26.09.2017, 18:13

вы опять неправильно url картинки прописываете)
путь должен начинаться с http://...
(свойством padding-top высоту регулируете)

Амурский · 26.09.2017, 18:44

HTML5
1
2
3
.site-header {
     background: url(images/header.jpg) no-repeat;
}

Так надо. А через кастомайзер не пробовали? Что за шаблон, если не секрет?

@Inside12 · 26.09.2017, 19:06 **[ТС]**

SergioSup, сейчас вот такой код прописан:

CSS
1
2
3
4
5
.site-header {
    padding-top:100px;
    background: url(http://slabotochnyk.ru/wp-content/uploads/2017/09/ffee2447b152494b43d9816faaea83c8-e1506433590658.jpg) no-repeat top center;  
 
}

все без изменений, пробовал и с кавычками и без путь указывать, ничего не меняет.

Амурский, там нет такой настройки, тема Blog zone называется.

@Inside12 · 26.09.2017, 19:10 **[ТС]**

Вобщем, как я понял, сейчас тема настроена таким образом, что тело и шапка как бы слиты воедино, т.е при смене картинки получается вот так

Итого вопрос, можно ли как то их разделить, чтобы в теле была своя картинка, а в хедере своя?

Амурский · 26.09.2017, 19:57

Я все за тебя сделал.

CSS
1
2
3
4
5
6
7
8
.site-header  {
    background: url(http://test/wp-content/uploads/2017/09/bg.jpg) no-repeat !important;
    background-size: cover; 
}
.site-branding {
    padding-top: 70px;
    padding-bottom: 70px;
}

Там просто шапка покрашена в белый в строке 1962 и перебивает стили.
Только надо пошире картинку, видишь, справа пробел. Ссылку на картинку не забудь поменять на свою.

@Inside12 · 26.09.2017, 20:52 **[ТС]**

Да, сейчас вроде норм работает, спасибо

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Киев стоит - украинская песня zorxor 28.01.2026 wfWdiRqdTxc О Господи, Вечный, Ты . . . Я помоги, Бесконечный. . . Я прошу Ты. . . Я погибаю, спаси. . . Я прошу Тебя Вечный. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .

@Inside12 0 / 0 / 0 Регистрация: 12.12.2015 Сообщений: 14

	Не ставится картинка в шапку 25.09.2017, 11:39. Показов 3849. Ответов 11 Метки нет (Все метки) Доброго времени суток. Пытаюсь внести изменения в тему Вордпресс, а именно поставить в шапку картинку фоном. Проделал следующие манипуляции: 1. В файл header.php внес div со стилем [del] 2. В Style.css прописал стиль [del] 3. Получается все равно вот так Может подскажет кто почему не хочет арбайтен? 0

@SergioSup 84 / 81 / 42 Регистрация: 20.01.2017 Сообщений: 219
	25.09.2017, 19:41
	вы походу, добавляя свой стиль, удалили последнюю скобку. (новый стиль для хедера срабатывает при последнем медиазапросе). p.s. в вашей теме уже есть блок хедер (можно все сделать, поправив только стили у .site-header) 1

@Inside12 0 / 0 / 0 Регистрация: 12.12.2015 Сообщений: 14
	26.09.2017, 17:00 [ТС]
	Действительно ссылка не корректно была указана) Сделал как надо, шапка больше не белая, но картинки все равно нет) Теперь шапка выглядит вот так: Миниатюры 0

@SergioSup 84 / 81 / 42 Регистрация: 20.01.2017 Сообщений: 219
	26.09.2017, 18:13
	вы опять неправильно url картинки прописываете) путь должен начинаться с http://... (свойством `padding-top` высоту регулируете) 1

@Inside12 0 / 0 / 0 Регистрация: 12.12.2015 Сообщений: 14
	26.09.2017, 19:10 [ТС]
	Вобщем, как я понял, сейчас тема настроена таким образом, что тело и шапка как бы слиты воедино, т.е при смене картинки получается вот так Итого вопрос, можно ли как то их разделить, чтобы в теле была своя картинка, а в хедере своя? 0

@Inside12 0 / 0 / 0 Регистрация: 12.12.2015 Сообщений: 14
	26.09.2017, 20:52 [ТС]
	Да, сейчас вроде норм работает, спасибо 0