Title: Картинка в заголовке, тема Astra Last modified: 10.05.2020 --- # Картинка в заголовке, тема Astra * [Иван](https://ru.wordpress.org/support/users/leons12/) * (@leons12) * [6 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%b7%d0%b4%d1%80%d0%b0%d1%81%d1%82%d0%b2%d1%83%d0%b9%d1%82%d0%b5-%d1%83%d0%b2%d0%b0%d0%b6%d0%b0%d0%b5%d0%bc%d1%8b%d0%b5/) * Здраствуйте! я новичок. И мой вопрос по теме Astra. Стоит обычная Астра, не про. Надо вставить картинку в хедер, в шапку сайта. В админке нет такой опции. Вместо нее в теме предлагается вставить логотип, и текст описание сайта. Подскажите пожалуйста какой файл надо поправить . Вот скрин шапки сейчас: [https://d.radikal.ru/d25/2005/b3/84c07d448795.png](https://d.radikal.ru/d25/2005/b3/84c07d448795.png) * Хотелось бы чтобы картинку изображение вот это: [https://a.radikal.ru/a36/2005/65/012a4cc0799a.jpg](https://a.radikal.ru/a36/2005/65/012a4cc0799a.jpg) каким то образом можно было вставить как «подложку» кнопкам… Извиняюсь что не совсем поинмаю как это сделать. Подскажите в каком направлении это искать. Как можно реализовать чтобы картинку эту (её сделал по размерам сайта) можно было бы вставить как подложку (фон под кнопками. - Тема изменена 6 лет, 5 месяцев назад пользователем [Yui](https://ru.wordpress.org/support/users/fierevere/). - Тема изменена 6 лет, 5 месяцев назад пользователем [Yui](https://ru.wordpress.org/support/users/fierevere/). Причина: неинформативное название темы * Страница, с которой нужна помощь: _[[войдите](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fru.wordpress.org%2Fsupport%2Ftopic%2F%25D0%25B7%25D0%25B4%25D1%2580%25D0%25B0%25D1%2581%25D1%2582%25D0%25B2%25D1%2583%25D0%25B9%25D1%2582%25D0%25B5-%25D1%2583%25D0%25B2%25D0%25B0%25D0%25B6%25D0%25B0%25D0%25B5%25D0%25BC%25D1%258B%25D0%25B5%2F%3Fview%3Dall%26output_format%3Dmd&locale=ru_RU), чтобы увидеть ссылку]_ Просмотр 13 ответов — с 1 по 13 (всего 13) * Anonymous User 17160716 * (@anonymized-17160716) * [6 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%b7%d0%b4%d1%80%d0%b0%d1%81%d1%82%d0%b2%d1%83%d0%b9%d1%82%d0%b5-%d1%83%d0%b2%d0%b0%d0%b6%d0%b0%d0%b5%d0%bc%d1%8b%d0%b5/#post-12184499) * **leons12**, привет. * У вас много разных терминов упомянуто, а в итоге всё же что нужно? Фон в виде картинки для «шапки» сайта? Меню справа также должно быть на этой картинке или его хотите убрать? * Автор [Иван](https://ru.wordpress.org/support/users/leons12/) * (@leons12) * [6 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%b7%d0%b4%d1%80%d0%b0%d1%81%d1%82%d0%b2%d1%83%d0%b9%d1%82%d0%b5-%d1%83%d0%b2%d0%b0%d0%b6%d0%b0%d0%b5%d0%bc%d1%8b%d0%b5/#post-12184501) * Да, просто сделать то что на белом фоне, шапка сайта, сделать картинкой. Меню пускай из этих кнопок будет ниже. Просто как вставить своё изображение ? Я пробовал кодами…но я не слишком в этом силён. Фон в виде картинки для шапки..если меню из пяти этих кнопок будет ниже- пускай… просто как картинку вставить? Шаблон Астра. Я уже пытался убрал логотип, всё равно в шаблоне нет настроек , чтобы я мог картинку вставить вместо белой полосы, помогите пожалуйста. Где мне править файл, хотя бы путь напишите как сделать. Сайт я выше ссылку дал. Могу видео записать чтобы точнее поняли. Извиняюсь за косноязычие, просто вместо белой шапки с кнопками- как вставить свою картинку на это месте. Я видео запишу, завтра….с вопросом.. * [tuxfighter](https://ru.wordpress.org/support/users/tuxfighter/) * (@tuxfighter) * [6 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%b7%d0%b4%d1%80%d0%b0%d1%81%d1%82%d0%b2%d1%83%d0%b9%d1%82%d0%b5-%d1%83%d0%b2%d0%b0%d0%b6%d0%b0%d0%b5%d0%bc%d1%8b%d0%b5/#post-12184504) * если я правильно понял что вы хотите: * ``` .main-header-bar { background-image: url(https://allgamesepic.ru/wp-content/uploads/2020/05/шапка-кулл4-1024x166.jpg); } ``` * Anonymous User 17160716 * (@anonymized-17160716) * [6 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%b7%d0%b4%d1%80%d0%b0%d1%81%d1%82%d0%b2%d1%83%d0%b9%d1%82%d0%b5-%d1%83%d0%b2%d0%b0%d0%b6%d0%b0%d0%b5%d0%bc%d1%8b%d0%b5/#post-12184557) * **leons12**, **tuxfighter** написал как изображение фоном для блока задать, далее уже останется отстыпы/размеры задать. Стили надо в «Дополнительные стили» в настройках темы дописывать или в CSS дочерней темы. * Автор [Иван](https://ru.wordpress.org/support/users/leons12/) * (@leons12) * [6 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%b7%d0%b4%d1%80%d0%b0%d1%81%d1%82%d0%b2%d1%83%d0%b9%d1%82%d0%b5-%d1%83%d0%b2%d0%b0%d0%b6%d0%b0%d0%b5%d0%bc%d1%8b%d0%b5/#post-12184560) * Спасибо я попробую, не закрывайте пока тему * Автор [Иван](https://ru.wordpress.org/support/users/leons12/) * (@leons12) * [6 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%b7%d0%b4%d1%80%d0%b0%d1%81%d1%82%d0%b2%d1%83%d0%b9%d1%82%d0%b5-%d1%83%d0%b2%d0%b0%d0%b6%d0%b0%d0%b5%d0%bc%d1%8b%d0%b5/#post-12184876) * > leons12, tuxfighter написал как изображение фоном для блока задать, далее уже > останется отступы/размеры задать. Стили надо в «Дополнительные стили» в настройках > темы дописывать или в CSS дочерней темы. * Спасибо огромное! Получилось, а подскажите ещё как сделать внизу отступ? То есть получается панелька узкая с кнопками посреди картинки теперь. Я на скриншоте красным кружком её объвел для наглядности. Как сделать отступ под картинкой что панелька встала ниже? Как кодом сделать этот отступ? [https://c.radikal.ru/c27/2005/49/ccf4b01a51dc.png](https://c.radikal.ru/c27/2005/49/ccf4b01a51dc.png) * Автор [Иван](https://ru.wordpress.org/support/users/leons12/) * (@leons12) * [6 лет, 5 месяцев назад](https://ru.wordpress.org/support/topic/%d0%b7%d0%b4%d1%80%d0%b0%d1%81%d1%82%d0%b2%d1%83%d0%b9%d1%82%d0%b5-%d1%83%d0%b2%d0%b0%d0%b6%d0%b0%d0%b5%d0%bc%d1%8b%d0%b5/#post-12184964) * Так, в общем ещё раз спасибо за совет. Но дело в том что «меню» я так и не смог« спустить вниз», и оно было посередине картинки, я покопался в интернете пару часов, как то очень сложно всё описывают. Что надо делать второй header. Очень сложно для меня. В итоге я сделал так: в файл header.php поместил код перед тегом : * `

` * Получается картинка помещается прямо над шапкой сайта, смотрится вполне прилично, надо конечно немного «отфотошопить» её… Ещё раз всем спасибо, тему можно закрывать, вопрос мой решён. Если кому надо ссылка по уроку вот она [https://info-effect.ru/kak-samomu-dobavit-tekst-ili-foto-v-samyj-verx-sajta-cherez-fajl-header-php.html](https://info-effect.ru/kak-samomu-dobavit-tekst-ili-foto-v-samyj-verx-sajta-cherez-fajl-header-php.html) тут человек описывает как он делал, по его уроку всё получилось, ура. Ниже скрин того что вышло сейчас, конечно буду ещё корректировать, «широковата» картинка да и шрифт не смотрится; [https://d.radikal.ru/d11/2005/f5/bd9b17a9a379.png](https://d.radikal.ru/d11/2005/f5/bd9b17a9a379.png) Но результатом удовлетворён. Всем до связи 🙂 - Ответ изменён 6 лет, 5 месяцев назад пользователем [Иван](https://ru.wordpress.org/support/users/leons12/). * [zloybin](https://ru.wordpress.org/support/users/zloybin/) * (@zloybin) * [6 лет, 4 месяца назад](https://ru.wordpress.org/support/topic/%d0%b7%d0%b4%d1%80%d0%b0%d1%81%d1%82%d0%b2%d1%83%d0%b9%d1%82%d0%b5-%d1%83%d0%b2%d0%b0%d0%b6%d0%b0%d0%b5%d0%bc%d1%8b%d0%b5/#post-12185981) * [@tuxfighter](https://ru.wordpress.org/support/users/tuxfighter/) Подскажите куда вписать эти строки? В какой файл? * ``` .main-header-bar { background-image: url(https://allgamesepic.ru/wp-content/uploads/2020/05/шапка-кулл4-1024x166.jpg); } ``` * [tuxfighter](https://ru.wordpress.org/support/users/tuxfighter/) * (@tuxfighter) * [6 лет, 4 месяца назад](https://ru.wordpress.org/support/topic/%d0%b7%d0%b4%d1%80%d0%b0%d1%81%d1%82%d0%b2%d1%83%d0%b9%d1%82%d0%b5-%d1%83%d0%b2%d0%b0%d0%b6%d0%b0%d0%b5%d0%bc%d1%8b%d0%b5/#post-12185983) * [@zloybin](https://ru.wordpress.org/support/users/zloybin/) прочитайте [п.2 правил форума.](https://ru.wordpress.org/support/forum-rules/) и еще попробуйте понять, что правила css строго индивидуальны для каждой темы и вам это будет бесполезно. * [zloybin](https://ru.wordpress.org/support/users/zloybin/) * (@zloybin) * [6 лет, 4 месяца назад](https://ru.wordpress.org/support/topic/%d0%b7%d0%b4%d1%80%d0%b0%d1%81%d1%82%d0%b2%d1%83%d0%b9%d1%82%d0%b5-%d1%83%d0%b2%d0%b0%d0%b6%d0%b0%d0%b5%d0%bc%d1%8b%d0%b5/#post-12185994) * [@tuxfighter](https://ru.wordpress.org/support/users/tuxfighter/) у меня такая же тема и такой же вопрос, нужно получить такой же результат как у [@leons12](https://ru.wordpress.org/support/users/leons12/) в этой ссылке. [https://c.radikal.ru/c27/2005/49/ccf4b01a51dc.png](https://c.radikal.ru/c27/2005/49/ccf4b01a51dc.png) - Ответ изменён 6 лет, 4 месяца назад пользователем [zloybin](https://ru.wordpress.org/support/users/zloybin/). * [tuxfighter](https://ru.wordpress.org/support/users/tuxfighter/) * (@tuxfighter) * [6 лет, 4 месяца назад](https://ru.wordpress.org/support/topic/%d0%b7%d0%b4%d1%80%d0%b0%d1%81%d1%82%d0%b2%d1%83%d0%b9%d1%82%d0%b5-%d1%83%d0%b2%d0%b0%d0%b6%d0%b0%d0%b5%d0%bc%d1%8b%d0%b5/#post-12185996) * style.css **дочерней темы** или Внешний вид — настроить — дополнительные стили или специальные плагины пользовательских стилей * [zloybin](https://ru.wordpress.org/support/users/zloybin/) * (@zloybin) * [6 лет, 4 месяца назад](https://ru.wordpress.org/support/topic/%d0%b7%d0%b4%d1%80%d0%b0%d1%81%d1%82%d0%b2%d1%83%d0%b9%d1%82%d0%b5-%d1%83%d0%b2%d0%b0%d0%b6%d0%b0%d0%b5%d0%bc%d1%8b%d0%b5/#post-12186003) * [@tuxfighter](https://ru.wordpress.org/support/users/tuxfighter/) Спасибо, сработало! Только когда я захожу с мобильного у меня сайт не адаптируется под мобильную версию а показывает десктопный вариант, можно ли как то отдельно так же пропписать шапку и для мобильной версии сайта? * [tuxfighter](https://ru.wordpress.org/support/users/tuxfighter/) * (@tuxfighter) * [6 лет, 4 месяца назад](https://ru.wordpress.org/support/topic/%d0%b7%d0%b4%d1%80%d0%b0%d1%81%d1%82%d0%b2%d1%83%d0%b9%d1%82%d0%b5-%d1%83%d0%b2%d0%b0%d0%b6%d0%b0%d0%b5%d0%bc%d1%8b%d0%b5/#post-12186024) * Я не против. Можете прописать отдельно. Просмотр 13 ответов — с 1 по 13 (всего 13) Тема «Картинка в заголовке, тема Astra» закрыта для новых ответов. * Форум: [Темы и шаблоны](https://ru.wordpress.org/support/forum/themes-and-templates/) * 13 ответов * 4 участника * Последний ответ: [tuxfighter](https://ru.wordpress.org/support/users/tuxfighter/) * Последняя активность: [6 лет, 4 месяца назад](https://ru.wordpress.org/support/topic/%d0%b7%d0%b4%d1%80%d0%b0%d1%81%d1%82%d0%b2%d1%83%d0%b9%d1%82%d0%b5-%d1%83%d0%b2%d0%b0%d0%b6%d0%b0%d0%b5%d0%bc%d1%8b%d0%b5/#post-12186024) * Статус: нерешённая ## Темы ### Самые популярные темы ### Темы без ответов ### Без вопроса ### Решённые ### Нерешённые ### Все темы