Форум программистов, компьютерный форум, киберфорум
WordPress
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/15: Рейтинг темы: голосов - 15, средняя оценка - 4.60
0 / 0 / 0
Регистрация: 11.02.2016
Сообщений: 26

CSS Custom Background-image (custom header)

14.07.2017, 14:52. Показов 2915. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день, подсобите с решением.
Для определенной секции прописана картинка загловка (background-image).
Как в вордпрессе реализовать это стилями?.

Пробовал сохранать стили как style.php , внутри указывать что это стили и потом использовать переменную, т.е:

PHP
1
<?php header("Content-type: text/css; charset: UTF-8"); ?>
PHP
1
<?php $header_image = get_header_image():?>
CSS
1
2
3
4
.element{
 
background-image: url([PHPHTML]<?php echo $header_image;?>[/PHPHTML])
}
В конечном итоге вместо пути к картинке мне возвращается имя файла, в случае с самой функцией (get_header_image) ее как и переменную не видно в документе.
--

p.s вопрос может показатся глупым коим он и является, но очень интересно как использовать php в css и есть ли решение средствами Wordpress?
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
14.07.2017, 14:52
Ответы с готовыми решениями:

Custom Form\Custom Button
Кто знает как изменить внешний вид формы тоесть написать класс или .dll файл для того чтоб менять вид формы как у Windows Media Player или...

Warning: mail(): 'sendmail_from' not set in php.ini or custom 'From:' header missing in
Вот пытаюсь написать самый простенький скрипт работы с мылом &lt;? mail('mikel-forever@yandex.ru','тест','Привет'); ?&gt; Но...

Из css не подгружается background-image
Добрый день! Не могу понять почему не подгружается картинка для background описанная в CSS. Причем если описываем путь в html , то...

2
2 / 2 / 0
Регистрация: 24.01.2017
Сообщений: 34
14.07.2017, 20:15
Можно попробовать прописать свойство в дополнительных стилях добавив !important
0
 Аватар для Андрюшатина
80 / 59 / 47
Регистрация: 27.11.2014
Сообщений: 359
15.07.2017, 02:41
Лучший ответ Сообщение было отмечено SkoII как решение

Решение

Я примерно понял о чём вы говорите, но лучше бы, что бы сайт показали и немного подробнее описали.
Из того что я понял. Отвечаю.
Как можно использовать css напрямую в php.
Пример:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
if(is_category(15) ){
        echo '<style>';
                echo '
                  .category #main-header {
                     background-color: #c60427;
                     background-image: linear-gradient(to top, #34641b 0%, #65a83a 53%, #34641c 100%);
                }';
                echo '
                .category #left-area {
                     width: 100% !important;
                }';
                echo '
                #cat_cool .fancybox img{
                     width: 100%;
                     outline: 2px solid rgba(254,248, 226, .4);
                     outline-offset: -17px;
                     outline-style: outset;
                     background: rgba(241, 224, 198, 0.67);
                }';
                echo '.
                category #main-content{
                    background: url(http://miraelov.com/wp-content/uploads/2017/01/mda.png);
                    background-size: contain;
                }';
       echo '</style>';
}
То есть к примеру, делаете простенькую проверку, допустим, что если это категория такая-то, то включаем css
Если нужно на всех страницах этот стиль применять. То пихайте в header.php
Но как по мне, это не красиво так css писать.
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
15.07.2017, 02:41
Помогаю со студенческими работами здесь

Смена фона CSS background-image
Как в CSS поставить смену картинки фона из папки images с картинками image1.jpg-image5.jpg ? Не используя php .top_menu { ...

Перестал работать css, никак не работает свойство background-image
Неожиданно перестал работать css,просто никак не работает свойство background-image(вместо указанной картинки просто белый фон),по разному...

CSS Background-image, как сделать чтобы картинка всегда была 100%
Ненавижу верстку, ну вот пришлось, и на первых же порах, запар... &lt;div id=&quot;header&quot;&gt; &lt;/div&gt; #header{ width:100%; ...

Custom
Здравствуйте всем ! Как можно указать порядок сортировки для тега {CUSTOM} ?

Custom checkBox
Знатоки css, скажите, можно ли сделать checkbox, берущий свой background из css в зависимости от того checked ли он, или нет. ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++
8Observer8 10.03.2026
Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru