Как изменить шрифт в битрикс

Как изменить шрифт в битрикс

Татьяна Старкова
Сложность урока:
3 уровень — средняя сложность. Необходимо внимание и немного подумать.
Недоступно в лицензиях:
Ограничений нет

Таблицы стилей

Таблицы стилей представляют собой совокупность правил, применяемых для оформления определенных элементов на страницах сайта. Технология каскадных стилей (CSS) позволяет хранить всю информацию о разметке страницы, используемых на ней шрифтах, цветах, стилях оформления меню и т.д. в определенном месте (одном или нескольких файлах).

Использование CSS упрощает задачу оформления и верстки страниц сайта. Кроме того, при изменении дизайна сайта или его отдельных элементов нет необходимости в редактировании каждой страницы: достаточно просто изменить соответствующую таблицу стилей.

Так, например, можно изменить оформление форума (шрифт, цвет элементов и др.) В приведенном примере стили форума задаются отдельно от стилей общего шаблона сайта.

.forumborder .forumhead < background-color:#EAEBE2; >.forumbody < background-color:#FBFBF9; >.forumbodytext < font-family: Arial, Helvetica, sans-serif; font-size:smaller; color:#000000; >.forumheadtext < font-family: Arial, Helvetica, sans-serif; font-size:smaller; color:#000000; >.forumtitletext < font-family: Arial, Helvetica, sans-serif; font-size:smaller; color:#000000; >.postsep < background-color: #9C9A9C; height: 1px >.forumquote < font-family: Arial, Helvetica, sans-serif; font-size:8pt; color: #000000; background-color: #FBFBF9; border : 1px solid Black; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; text-indent: 2pt; >.forumcode < font-family: Arial, Helvetica, sans-serif; font-size:8pt; color: #333333; background-color: #FBFBF9; border : 1px solid Black; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; text-indent: 2pt; >…

.forumborder .forumhead .forumbody .forumbodytext < font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 80%; color:#042A69; >.forumheadtext < font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 80%; color:#011B46; …

Таблицы стилей настраиваются отдельно для каждого шаблона сайта, используемого в системе, и размещаются в папках соответствующих шаблонов сайта. Эти таблицы хранятся в файлах вида styles.css папки соответствующего шаблона. Дополнительные таблицы стилей, например, форума, могут иметь имена вида: forum.css.

Раздельное хранение стилей

В продукте добавлен механизм, позволяющий осуществлять раздельное хранение стилей:

• Стили, используемые в шаблоне дизайна, хранятся отдельно в файле template_styles.css. Это - основной CSS-файл шаблона.
• стили, используемые при оформлении контента страниц (стили сайта), хранятся в файле styles.css. Стили из этого файла выводятся в выпадающем списке стилей при редактировании страниц в визуальном редакторе.

Разграничивать назначение этих файлов можно условно, исходя из контекста. Точнее в файле styles.css возможно располагать те стили, которые должны формировать отображение контента не только для всего шаблона, но и для визуального редактора.

К примеру: на сайте для всех заголовков определены соответствующие стили отображения, т.е. они используются как для оформления контента страниц, так и для оформления контента блоков, которые находятся вне #WORK_AREA# . Таким образом, мы должны были бы поместить стили этих заголовков как в файл template_styles.css так и в styles.css. Но так как оба этих файла подключаются к шаблону, то в данном случае все стили для оформления заголовков следует поместить только в файл styles.css, так как он тоже подключается на странице.

Если же нам потребуется иное оформление заголовков при редактировании страницы в визуальном редакторе, то соответственно, те стили, которые будут отвечать за оформление шаблона сайта, следует поместить в файле template_styles.css, а для визуального редактора в файл styles.css.

К разнесению стилей по этим двум файлам следует подходить внимательно. К примеру, если необходимо сделать цвет фона сайта серым, а цвет фона в визуальном редакторе — красным, то в файле template_styles.css для тега body необходимо определить background-color:#ccc; , а в файле styles.css для этого же тега: background-color:#ff0000; .

Файлы на странице сайта подключаются в таком порядке:

1. styles.css
2. template_styles.css

В результате на сайте фон body станет серого цвета, т.к. стиль в последнем подключенном файле template_styles.css «перебьет» стиль, определенный в styles.css. А в визуальном редакторе фон станет красным, так как содержимое визуального редактора представляет собой iframe в который подключаются стили только из файла styles.css причем вставляются они непосредственно в область head с помощью тега .

Но если в файле styles.css к определению цвета добавить повышение приоритета !important , то стиль из этого файла «перебьет» стиль, определенный в template_styles.css, фон сайта станет также красного цвета, несмотря на то, что файл стилей шаблона подключается последним.

Стили сайта

Формирование таблицы стилей сайта (файл styles.css) выполняется на странице редактирования шаблона дизайна ( Настройки > Настройки продукта > Сайты > Шаблоны сайтов ) на закладке Стили сайта. Важным элементом при создании таблицы стилей страниц является создание названий стилей. Названия следует создавать только для тех стилей, которые планируется использовать при редактировании страниц Достаточно часто в работе нам приходится изменить цвет, размер шрифта, выравнивание текста. Чуть реже мы добавляем специальные символы и разрывы страниц. Для всех этих операций мы будем использовать панель инструментов визуального редактора "1С-Битрикс: Управление сайтом":

Подробнее . в режиме визуального HTML-редактора (секция Описания стилей).

Стили будут доступны в визуальном редакторе из выпадающего списка ] под именами, определенными в данной форме. Заданные здесь названия будут храниться в файле идентификатор_шаблона>/.styles.php (файл с именами стилей).

Создание таблицы стилей шаблона дизайна (файл template_styles.css) выполняется на закладке Стили шаблона формы редактирования шаблона сайта:

Ссылки по теме:

• Работа со стилями в битрикс (статья)
• Сжатие файлов css

• Механизм реализации

• Работа со стилями в визуальном HTML-редакторе

• Пример таблицы стилей для шаблона сайта

Сайты24

Сайты 24 — модуль основного сайта на «1С-Битрикс: Управление сайтом».

С помощью данного модуля можно легко создать неограниченное число страниц, лендингов и полноценных сайтов без навыков программирования.

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

Платформа предлагает большое количество этих видов блоков, посредством редактирования которых можно настраивать сайт под свои нужды: менять порядок блоков и их количество, менять фон, кнопки, задавать видимость на устройствах, изменять размер и шрифт текста.

Средствами модуля можно быстро запустить собственный сайт, воспользовавшись каким-либо готовым шаблоном из большой коллекции. При необходимости дизайн шаблона можно изменить (шрифты, фоны и т. д.).
Если же стандартного шаблона будет недостаточно, есть возможность создавать собственные.

Все правки немедленно отображаются на странице.
Все блоки адаптированы под мобильные устройства. Когда страница готова, её нужно опубликовать. После публикации новая страница появится на текущем сайте, на текущем хостинге.

Модуль позволяет хранить создаваемый сайт на своем хостинге и домене. Информация созданного с помощью модуля сайта хранится в контентной части основного сайта: все создаваемые страницы прикрепляются к основному сайту. Это обстоятельство является одним из главных преимуществ конструктора Сайты 24 перед подобными сервисами.

Очень удобно работать с включаемыми областями шаблонов как с отдельными страницами.

На созданный с помощью модуля сайт можно выводить данные из «1С-Битрикс: Управление сайтом»: товары каталогов, статьи и прочее.

Компания 1С-Битрикс предложила своим клиентам серьезный маркетинговый инструмент, у которого, из-за плотной интеграции в логику сайта, есть все шансы составить конкуренцию уже существующим конструкторам сайтов.

Теперь у маркетологов есть возможность без привлечения программиста быстро запускать контекстную рекламу и быстро создавать лендинги.

Битрикс включит возможность создавать расширения через Маркетплейс, и в скором времени Сайты 24 пополнятся множеством разнообразных блоков и шаблонов.

iTrack +74996474247 hello@itrack.ru
переулок Семёновский, 15 , 107023 , Москва

iTrack

С 2004 года на ИТ-рынке России.

Подберем решение, которое лучше всего подходит именно для Вашего проекта и лучше всего будет решать Ваши задачи.

г. Москва,
Проектируемый пр. № 4062, 6,
стр. 16, оф. 319 (БЦ PortPlaza, м. Технопарк)

Как увеличить шрифт в текстовом документе, таблице или HTML-документе?

Вопрос: При редактировании текстов в текстовом документе, таблице или HTML-документе, по умолчанию отображается слишком мелкий шрифт. Есть ли какая-либо возможность увеличить его для того, чтобы работать с текстами было комфортнее?

Ответ:
"1С:Предприятие" позволяет довольно гибко настраивать отображение текста.

Для текстовых документов, вы можете указать шрифт по умолчанию, при необходимости увеличив его размер. Сделать это просто - достаточно зайти в меню "Сервис", выбрать "Параметры" и перейти на закладку "Тексты". Внизу этой закладки доступен элемент "Шрифт", настройка которого позволит отображать все текстовые документы так, как вы пожелаете.

Для табличных документов существует целых два способа. Первый - включить отображение панели инструментов "Форматирование" (к слову, обратите внимание и на панель "Табличный документ"). Достаточно нажать правой кнопкой мыши на пустом месте рядом с кнопочками видимых панелей инструментов и включить галочку напротив "Форматирование". Через эту панель вы сможете настраивать шрифт и его размер у определенных ячеек вашего табличного документа, у выделенных ячеек, либо у всех сразу.

Второй способ - при любом открытом табличном документе, в меню появляется пункт "Таблица", в котором в подменю "Вид" есть пункт "Масштаб" - именно этот пункт позволит быстро изменить масштаб документа ничего не меняя в его содержимом. Того же самого эффекта можно быстро достичь, удерживая клавишу Ctrl и при этом прокручивая колесико мыши в разные направления.

Для открытых документов HTML так же подойдет первый способ для табличных документов (через панель инструментов "Форматирование"). А в качестве второго (быстрого) способа можно тоже использовать клавишу Ctrl и колесико вашей мыши.

Смена кодировки Битрикс на UTF8

Довольно часто встречаемся с ситуацией, когда сайт использует кодировку cp1251, хотя "1C-Битрикс" уже с десяток лет поддерживает кодировку UTF-8. В основном это довольно старые проекты, которые работают и эволюционируют до сих пор, но перейти на UTF-8 не могли из-за кажущихся технических сложностей.
Сегодня расскажу о технической части вопроса, применив которую, вы сможете сконвертировать сайт на Битрикс в кодировку UTF-8.

Но прежде хочу выразить благодарность Волкову Сергею и Шаромову Денису, материалы которых помогли в подготовке этой статьи.

Внимание! Редактировать файлы сайта необходимо через ftp или ssh.

А теперь приступим.

1. Сделайте резервную копию и обязательно включите в нее базу данных и все файлы сайта.

2. Если вы используете витруальный хостинг, попросите техподдержку установить следующие параметры:

mbstring.func_overload 2 
mbstring.internal_encoding UTF-8 

3. Удалите модули "Поиск" без сохранения таблиц и "Веб-аналитика" (без сохранения таблиц, но с сохранением шаблонов сообщений).

4. Удалить из словаря транслита в модуле "Форум" (Сервисы > Форумы > Фильтр нецензурных слов > Словарь транслита) букву 'ё', которая имеет >

5. Изменить в региональных настройках кодировку с windows-1251 на utf-8.

В настройках сайта обязательно должна быть выбрана соответствующая региональная настройка.

6. Добавить в /bitrix/php_interface/dbconn.php:

define("BX_UTF", true);

SELECT CONCAT('ALTER TABLE `', t.`TABLE_SCHEMA`, '`.`', t.`TABLE_NAME`, '` CONVERT TO CHARACTER SET utf8 COLLATE utf8_unicode_ci;') as sqlcode FROM `information_schema`.`TABLES` t WHERE 1 AND t.`TABLE_SCHEMA` = 'database_name' ORDER BY 1

Где database_name - имя вашей база данных.
Этот запрос выведет на страницу новый запрос, который нужно будет выполнить на этой же странице:

Копируйте все строки нового запроса (не забудьте отключить ограничение на вывод количества записей на странице) и выполните полученный новый запрос. По завершении выполнения все таблицы базы будут переведены в кодировку UTF-8.

$DB->Query("SET NAMES 'utf8'"); $DB->Query('SET collation_connection = "utf8_unicode_ci"');

$connection->queryExecute("SET NAMES 'utf8'"); $connection->queryExecute('SET collation_connection = "utf8_unicode_ci"');

return array ( 'utf_mode' => array ( 'value' => true, 'readonly' => true, ),

12. Удалите скрипт convert_utf8.php.

13. Установите модуль «Поиск» и сделайте переиндексацию.

14. Установить модуль «Веб-аналитика», если вы его использовали ранее.

Готово!

После конвертации сайта могут возникнуть проблемы с сериализованными массивами (в основном это свойства Html-текст и настройки отображения для пользователей в админке). В таком случае вам поможет вот этот скрипт.