Картинка в заголовке, тема Astra

  • Иван

    (@leons12)


    4 года, 7 месяцев назад

    Здраствуйте! я новичок. И мой вопрос по теме Astra. Стоит обычная Астра, не про. Надо вставить картинку в хедер, в шапку сайта. В админке нет такой опции. Вместо нее в теме предлагается вставить логотип, и текст описание сайта. Подскажите пожалуйста какой файл надо поправить . Вот скрин шапки сейчас:
    https://d.radikal.ru/d25/2005/b3/84c07d448795.png

    Хотелось бы чтобы картинку изображение вот это: https://a.radikal.ru/a36/2005/65/012a4cc0799a.jpg
    каким то образом можно было вставить как «подложку» кнопкам… Извиняюсь что не совсем поинмаю как это сделать. Подскажите в каком направлении это искать. Как можно реализовать чтобы картинку эту (её сделал по размерам сайта) можно было бы вставить как подложку (фон под кнопками.

    • Тема изменена 4 года, 7 месяцев назад пользователем Yui.
    • Тема изменена 4 года, 7 месяцев назад пользователем Yui. Причина: неинформативное название темы

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 13 ответов — с 1 по 13 (всего 13)
  • Anonymous User 17160716

    (@anonymized-17160716)

    4 года, 7 месяцев назад

    leons12, привет.

    У вас много разных терминов упомянуто, а в итоге всё же что нужно? Фон в виде картинки для «шапки» сайта? Меню справа также должно быть на этой картинке или его хотите убрать?

    Автор Иван

    (@leons12)

    4 года, 7 месяцев назад

    Да, просто сделать то что на белом фоне, шапка сайта, сделать картинкой. Меню пускай из этих кнопок будет ниже. Просто как вставить своё изображение ? Я пробовал кодами…но я не слишком в этом силён. Фон в виде картинки для шапки..если меню из пяти этих кнопок будет ниже- пускай… просто как картинку вставить? Шаблон Астра. Я уже пытался убрал логотип, всё равно в шаблоне нет настроек , чтобы я мог картинку вставить вместо белой полосы, помогите пожалуйста. Где мне править файл, хотя бы путь напишите как сделать. Сайт я выше ссылку дал. Могу видео записать чтобы точнее поняли. Извиняюсь за косноязычие, просто вместо белой шапки с кнопками- как вставить свою картинку на это месте. Я видео запишу, завтра….с вопросом..

    tuxfighter

    (@tuxfighter)

    4 года, 7 месяцев назад

    если я правильно понял что вы хотите:

    .main-header-bar {
    background-image: url(https://allgamesepic.ru/wp-content/uploads/2020/05/шапка-кулл4-1024x166.jpg);
}
    Anonymous User 17160716

    (@anonymized-17160716)

    4 года, 7 месяцев назад

    leons12, tuxfighter написал как изображение фоном для блока задать, далее уже останется отстыпы/размеры задать. Стили надо в «Дополнительные стили» в настройках темы дописывать или в CSS дочерней темы.

    Автор Иван

    (@leons12)

    4 года, 7 месяцев назад

    Спасибо я попробую, не закрывайте пока тему

    Автор Иван

    (@leons12)

    4 года, 7 месяцев назад

    leons12, tuxfighter написал как изображение фоном для блока задать, далее уже останется отступы/размеры задать. Стили надо в «Дополнительные стили» в настройках темы дописывать или в CSS дочерней темы.

    Спасибо огромное! Получилось, а подскажите ещё как сделать внизу отступ? То есть получается панелька узкая с кнопками посреди картинки теперь. Я на скриншоте красным кружком её объвел для наглядности. Как сделать отступ под картинкой что панелька встала ниже? Как кодом сделать этот отступ? https://c.radikal.ru/c27/2005/49/ccf4b01a51dc.png

    Автор Иван

    (@leons12)

    4 года, 7 месяцев назад

    Так, в общем ещё раз спасибо за совет. Но дело в том что «меню» я так и не смог «спустить вниз», и оно было посередине картинки, я покопался в интернете пару часов, как то очень сложно всё описывают. Что надо делать второй header. Очень сложно для меня. В итоге я сделал так:
    в файл header.php поместил код перед тегом </head>:

    <p><img src="https://allgamesepic.ru/wp-content/uploads/2020/05/шапка-кулл4-scaled.jpg" alt="" /></p>

    Получается картинка помещается прямо над шапкой сайта, смотрится вполне прилично, надо конечно немного «отфотошопить» её…
    Ещё раз всем спасибо, тему можно закрывать, вопрос мой решён.
    Если кому надо ссылка по уроку вот она
    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
    Но результатом удовлетворён. Всем до связи 🙂

    • Ответ изменён 4 года, 7 месяцев назад пользователем Иван.
    zloybin

    (@zloybin)

    4 года, 6 месяцев назад

    @tuxfighter Подскажите куда вписать эти строки? В какой файл?

    .main-header-bar {
    background-image: url(https://allgamesepic.ru/wp-content/uploads/2020/05/шапка-кулл4-1024x166.jpg);
}
    tuxfighter

    (@tuxfighter)

    4 года, 6 месяцев назад

    @zloybin
    прочитайте п.2 правил форума. и еще попробуйте понять, что правила css строго индивидуальны для каждой темы и вам это будет бесполезно.

    zloybin

    (@zloybin)

    4 года, 6 месяцев назад

    @tuxfighter у меня такая же тема и такой же вопрос, нужно получить такой же результат как у @leons12 в этой ссылке. https://c.radikal.ru/c27/2005/49/ccf4b01a51dc.png

    • Ответ изменён 4 года, 6 месяцев назад пользователем zloybin.
    tuxfighter

    (@tuxfighter)

    4 года, 6 месяцев назад

    style.css дочерней темы
    или
    Внешний вид — настроить — дополнительные стили
    или
    специальные плагины пользовательских стилей

    zloybin

    (@zloybin)

    4 года, 6 месяцев назад

    @tuxfighter Спасибо, сработало! Только когда я захожу с мобильного у меня сайт не адаптируется под мобильную версию а показывает десктопный вариант, можно ли как то отдельно так же пропписать шапку и для мобильной версии сайта?

    tuxfighter

    (@tuxfighter)

    4 года, 6 месяцев назад

    Я не против. Можете прописать отдельно.

Просмотр 13 ответов — с 1 по 13 (всего 13)
  • Тема «Картинка в заголовке, тема Astra» закрыта для новых ответов.