Где находится файл css в битрикс
В этой статье я продолжу повествование о создании шаблона для битрикс. В первой части описан процесс начального разделения сверстанного макета и создания необходимых файлов. Пришло время вплотную заняться удобной организацией стилей.
Для начала немного окунемся в теорию. По задумке разработчиков битрикс, файлов со стилями должно быть много… как бы это нелепо ни звучало. Итак, стилевая составляющая типового шаблона сайта предполагает наличие:
1. файла template_styles.css — в терминологии битрикс «стили шаблона»
2. styles.css — «стили сайта»
3. style.css — стили шаблона компонента
4. дополнительные файлы стилей
template_styles.css
Файл располагается в корневой директории шаблона и включает правила, которые не отвечают за отображение результатов работы компонентов, контента сайта и содержимого включаемых областей. Обычно сюда относят базовую разметку сверстанного макета — размеры и положение колонок, общий фон сайта, обрамляющие блоки включаемых областей и т.д. Этот файл в теле страницы подключается последним, поэтому, при равной специфичности, правила из template_styles.css будут переопределять другие.
Дополнительные файлы стилей
Служат для произвольных нужд, например, я практически всегда делаю layout.css со стилями каркаса сайта.
Подключаются такие файлы в секции файла header.php шаблона таким вызовом функции
style.css
Это файл стилей скопированного шаблона компонента. Именно его содержимое можно редактировать из режима разработки.
Файл находится в папке шаблона компонента и содержит правила для форматирования результатов его работы.
styles.css
Файл располагается в корневом каталоге шаблона. В него входят стили, использование которых планируется в визуальном редакторе. К любому классу из styles.css можно сделать текстовое описание, оно будет отображаться в выпадающем списке (Стиль).
Описания хранятся в файле .styles.php в виде
Пример создания файлов стилей для битрикс
Сначала выделяем в общем коде смысловые блоки (при грамотной верстке это делается сразу).
Делим на 3 части — стили шаблона, стили сайта и стили шаблона компонента (в нашем случае bitrix:search.form)
/bitrix/templates/template-name/template_styles.css
/bitrix/templates/template-name/styles.css
/bitrix/templates/template-name/components/bitrix/search.form/search-template-name/style.css
На сегодня все. Весь процесс сложнее описать чем понять, практикуйтесь и пополняйте ряды квалифицированных шаблоностроителей:)
Цитатник веб-разработчиков В тексте курса вы встретите цитаты, высказанные в разное время разработчиками системы и разработчиками проектов на базе Bitrix Framework. Надеемся, что такие неформальные замечания внесут некоторое разнообразие в процесс изучения. Заодно опытные специалисты поделятся и своим опытом.
Имена авторов цитат даются в том написании, в каком авторы зарегистрировали себя на сайте "1С-Битрикс". .
Курс для разработчиков - продолжение линейки учебных курсов по Bitrix Framework. Получение сертификата по курсу рекомендуется после успешной сдачи тестов по всей линейке курсов, так как без понятия о работе Контент-менеджера и Администратора создание успешных сайтов будет затруднено.
Чтобы научиться программировать в Bitrix Framework, нет необходимости изучать всю линейку курсов. Но есть моменты, которые необходимо знать разработчикам о системе, они раскрыты в начальных курсах:
- Интерфейс программы - в главе Элементы управления курса Контент-менеджер.
- Компоненты 2.0 (начальные сведения) в главе Компоненты 2.0 (начальные сведения) курса Контент-менеджер.
- Информационные блоки - в главе Информационные блоки (начальные сведения) курса Контент-менеджер.
- Управление доступом к файлам, элементам контента, модулям и другие права доступа в главе Управление доступом курса Администратор. Базовый.
- Работа с инструментами системы - в главе Работа с инструментами курса Администратор. Базовый.
- Модуль Поиск - в главе Поиск курса Администратор. Базовый.
- Вся информация по администрированию модулей размещена в курсах:
-
- модули "1С-Битрикс: Управление сайтом" - модули "1С-Битрикс: Управление сайтом", связанные с коммерческой деятельностью в Интернете. - модули "1С-Битрикс: Корпоративный портал"
Как построен курс
Общепринятая градация квалификации разработчиков в рамках курса обозначает что:
- Junior сможет создавать простые сайты работая со штатными компонентами и модифицируя их шаблоны.
- Middle разработчик может работать с API Bitrix Framework.
- Senior умеет работать над производительностью и безопасностью сайтов, создавать свои модули и компоненты.
Примечание: Такое построение удобно для пошагового изучения принципов работы Bitrix Framework. По этому же принципу построены и тесты. Но такая структура не очень удобна для использования содержания курса как постоянного источника информации. Что бы переключить курс в режим Справочника, воспользуйтесь переключателем в верхнем правом углу шапки курса.
Начальные требования к подготовке
Для успешного изучения курса и овладения мастерством разработки сайтов на Bitrix Framework необходимо владеть (хотя бы на начальном уровне):
- основами PHP, баз данных;
- основами HTML, CSS.
У нас часто спрашивают, сколько нужно заплатить
Курс полностью бесплатен. Изучение курса, прохождение итоговых тестов и получение сертификатов - ничего из этого оплачивать не нужно.
Ещё у нас есть Академия 1С-Битрикс, где можно обучиться на платной основе на курсах нашей компании либо наших партнёров.
Баллы опыта
В конце каждого урока есть кнопка Прочитано! . При клике на неё в Вашу итоговую таблицу опыта добавляется то количество баллов, которое указано в прочитанном После нажатия кнопки Прочитано! появится
окно подтверждения:
уроке.
Периодически мы заново оцениваем сложность уроков, увеличивая/уменьшая число баллов, поэтому итоговое количество набранных Вами баллов может отличаться от максимально возможного. Не переживайте! Отличный результат - это если общее число набранных Вами баллов отличается от максимального на 1-2%.
Тесты
После изучения курса вам будет предложено пройти тесты на сертификацию. При успешной сдаче последовательности тестов на странице Моё обучение можно просмотреть результат обучения и загрузить сертификат в формате PDF.
Комментарии к статьям
Что дальше?
Одновременно с изучением курса Разработчик Bitrix Framework вам придётся обращаться к информации о других технологиях Bitrix Framework. Эта информация размещена в следующих курсах:
Для преподавания офлайн
Если данный курс берётся в качестве основы для офлайнового преподавания, то рекомендуемая продолжительность: 5 дней (40 академических часов).
Если нет интернета
iPhone:
FBReader
CoolReader
iBook
Bookmate
Windows:
Calibre
FBReader
Icecream Ebook Reader
Плагины для браузеров:
EpuBReader – для Firefox
Readium – для Google Chrome
iOS
Marvin for iOS
ShortBook
обновляются периодически, поэтому возможно некоторое отставание их от онлайновой версии курса. Версия файла - от 10.03.2022.
Если вы нашли неточность в тексте, непонятное объяснение, пожалуйста, сообщите нам об этом в комментариях.
Привет. Редактирую сайт на битриксе. Можете подсказать где найти нужные стили?
1. Я посмотрел через f12 путь css, как я понял там временная директория, если даже я какие то изменения внесу, то скорее всего сохранится но потом слетит
2. И еще нашел вроде как нужный файл по пути /public_html/local/templates/.default/style
Но когда вношу изменения, ничего не меняется, потому что все изменения вносятся во временный css файл как в пункте 1
Как найти нужный файл для редактирования? В настройках модуля все галочки на объединение css все стоит
Файлы стилей могут лежать в различных местах. При этом, если используется настройка использования минифицированных стилей и объединения стилей, то вы можете и не узнать путь. Что-то вроде, как вы написали "временный css" :)
Подробнее о стилях для шаблонов сайта есть тут в документации. Также не пропустите ссылки статьи по теме в конце страницы.
У компонентов могут быть свои дополнительные стили, путь к этим файлам такой же как путь до компонента, например /local/components/bitrix/adv/templates/.default/style.css
Все временные генерятся из постоянных,после внесения изменний в основные файлы скорее всего потребуется сбросить кеш, тогда обновятся и "временные" файлы стилей. При объединении нескольких файлов в один "временный" в нем прописаны какие именно объединились и полный путь к ним.
Единственным исключением является сторонняя серверная минификация - в этом случае нужно знать как обновление произвести из консоли.
Еще вариант можно в настройках сайта для правок отключать минификацию css и js, а также объединение в один файл, после этого точно будете знать в какой вносить правки, а после опять включать. Постепенно выучив что у вас где вам уже такая процедура не понадобится.
в настройках главного модуля отключи "Оптимизация CSS":
Объединять CSS файлы
Подключать минифицированные версии CSS и JS файлов
Создавать сжатую копию объединенных CSS и JS файлов
скинь кеш и через F12 найдешь ссылку
Какие-то вредные советы понаписали. Потом заходишь на сайт, а там все оптимизации выключены, потому что какому-то разработчику несколько лет назад так удобно было, видите ли.
4. Проще всего искать нужный файл с помощью утилиты grep (работает на линукс, в винде тоже можно поставить)
Если начнете искать по всему сайту, то будет очень долго. Стили чаще всего лежат в папке шаблона, там и надо начинать поиск.
Видите например на сайте элемент . К нему хотите стили найти.
Доброго времени суток, впервые столкнулся с 1c Битрикс, и вообщем такая штука:
Установил бетта версию на 30-ть дней и пытаюсь изменить стили в шаблоне стандартном.. но не могу найти вообще этот файл стилей, смотрю через инспектор - то оно все стии сохраняет в кеш файл css (
как изменить елементарные стили на странице понятия не имею ((
Где находится видео в папках сайта?
В разделе source инструментов разработчика Chrome, в папке нет видео файла, который указан в.
Где находится конфигурационный файл?
У меня сломался сайт непонятно почему. Мне на хостинге не помогли потому что сказали им нужен.
Где находится файл hosts?
Где находится файл hosts?
Где находится файл загрузки?
Насколько я поизучал эту тему, загрузочное меню находится в файле BCD. Который находится в папке.
Доброе утро! В настройках модуля /bitrix/admin/settings.php?lang=ru в блоке "Оптимизация CSS" отключите "Объединять CSS файлы". По умолчанию, эта опция включена и Битрикс объединяет все стили в 1 файл.
Werwolf87, зачем?
valera_web, в инспекторе кода, выше этого стиля в комментарии написано, с какого файла это взято. По дефолту общие стили шаблона берутся из файла template_styles.css, и другие стили из файла styles.css.
По умолчанию, опция "Объединять CSS файлы" включена. Битрикс будет создавать один файл css стилей в кеше. Для того, чтобы valera_web смог увидеть в инспекторе кода из какого файла берется этот стиль, нужно отключить эту опцию.
valera_web, в инспекторе кода, выше этого стиля в комментарии написано, с какого файла это взято. По дефолту общие стили шаблона берутся из файла template_styles.css, и другие стили из файла styles.css.
Вы правы, общие стили берутся из файлов template_styles.css и styles.css. Но не забывайте, чтоб могут быть подключены стили компонентов (style.css в папке компонента).
Для того, чтобы valera_web смог увидеть в инспекторе кода из какого файла берется этот стиль, нужно отключить эту опцию.
В объединенном файле указано, откуда взят этот код. В начале каждого "нового файла" в общем файле стоят комменты вида
Прошу прощения, что вступаю с Вами в дискуссию, но представьте, что в кеше файл из 1000 строк. Каждый раз листать, чтобы найти информацию об исходном файле?
Или, допустим, вы нашли, что у вас используется стиль span.time. В файле стилей есть другие стили с таким же селектором. Как быстро найти и отредактировать его?
Отключив "Объединять CSS файлы", вы четко увидите, файл css и номер строки. Когда у Вас большой сайт, это заметно ускоряет работу.
Или я не прав? Поправьте меня, пожалуйста.
Добавлено через 2 минуты
Werwolf87, три клика мышкой (правая клавиша - просмотр кода элемента - клик на ссылку на стиль справа в консоли), нажатие Ctrl+F и ввод "/* start" в окно поиска. Пара-тройка секунд. Ну ладно, может еще пяток секунд на поиск файла с этой строкой - клик по поиску вверх/вниз. Но зато:
1) Я не заставляю тормозить сайт (а в случае снятия объединения другие пользователи могут заметить замедление)
2) Я не жду отклика сайта на несколько запросов (Зайти в админку - 1, снять галку и сохранить - 2, обновить страницу со сбросом кэша - 3, возможно еще вырубить CDN (т.к. с ним бывают проблемы в таких ситуациях) - 4, а затем все это еще в обратном порядке).
Единственный минус - это номер строки, да, так его определить несколько проблематично. Но это мелочи, обычный поиск никто не отменял.
Добавлено через 2 минуты
И да, вы что, каждый раз будете включать-отключать объединение, как понадобится найти файл стилей и внести изменения в какой-то стиль?
Обычно, всегда имеется dev и production версии сайта. Вы же не делаете правки на живом сайте?
Боюсь мы окончательно запутали нашего тс. Но, в его случае, думаю подойдет Ваш способ.
Добавлено через 1 минуту
И да, вы что, каждый раз будете включать-отключать объединение, как понадобится найти файл стилей и внести изменения в какой-то стиль?
Подключение файла css
Как подключить файл CSS, мой личный, обособленный, чтоб он не зависел от шаблона? Нашёл.
Подключение файла css
Всем привет! Такой вот простой вопрос. как к проекту mvc 4 подключить свой файлик css. сам файлик.
Подключение css файла
Добрый день. Помогите найти ошибку, что я тут забыл указать? не подключает css класс <?php.
Подключение css файла
Всем привет имею css файл в папке style/style.css относительно файла html css: html < .
Да подключите вы его на постоянной основе и все, если же такая жгучая необходимость то условием php по url например
А можно попроще?)) Куда нужно вставить этот код?
У моего файла путь такой: /bitrix/css/main/doi/style-doi.css
А куда уж проще то) Я не могу знать на каких страницах вам нужно показывать стили а на каких нет. Если страниц где нужно показывать большинство то условие нужно менять на противоположное. Вообще так не делают, это не тру, стили имеют не такой уж большой объем чтобы их выборочно подключать на большинстве страниц.
Вставлять код нужно непосредственно в шапке, где подключаются остальные стили.
Я не очень сильна в php (мягко говоря), в файле header.php есть такой набор строк:
Затем идет верстка сайта
И куда этот код включить, между .
а прямо после всех и вставляйте)
Добавлено через 1 минуту
Вообще
ShowMeta("keywords")?>
ShowMeta("description")?>
ShowCSS();?>
можно удалять, они все уже подключаются в ShowHead()?>
Вот так будет правильно?
Подключение css файла
Хочу подключить файл main.css Ввожу <link href = "main.css" rel = "stylesheet" > но его не.
Подключение CSS-файла
Есть вот код(часть). И есть отдельно файл css.css. Собсна вопрос,куда и как его подключить,чтобы.
Проблема с подключение css файла
Хочу подключить к html файлу css файл но ничего не работает все перепробовал, перечитал кучу.
Подключение и отключение css файла
Здравствуйте! Уже не одну неделю мучаюсь. Мне нужно реализовать: при клике на кнопку "Мобильная.
Читайте также: