Где выполняется настройка кодировки для административного раздела сайта

Как настроить кодировку сайта самостоятельно

Разбираем, на что влияет кодировка, нужно ли указывать ее самостоятельно, и почему могут появиться так называемые «кракозябры» на сайте.

Разработчик Bitrix Framework. Интеграция дизайна. Часть 1

1. Где определяется набор свойств для страниц и разделов сайта?

+ на странице настроек модуля Управление структурой — в шаблоне сайта — на странице настроек соответствующего сайта — на странице настроек Главного модуля

2. Какое зарезервированное в системе свойство используется для задания заголовка окна веб-браузера?

— page_title — SetTitle() + title — description

3. Карта сайта строится на основе:

— содержимого файла sitemap.php + меню, используемых в системе — элементов специального инфоблока

4. Какой (какие) из перечисленных ниже типов свойств по умолчанию используется для управления метаданными страниц?

— любой из перечисленных — dir_keywords + keywords — page_keywords — page_keywords или dir_keywords

5. Где выполняется настройка кодировки для административного раздела сайта?

— на странице настроек модуля Управление структурой — на странице настроек Главного модуля — на странице настроек сайта (отдельно для каждого сайта) + в форме настроек языка (отдельно для каждого языка интерфейса) — в форме настроек свойств корневого каталога сайта

6. Расположение включаемых областей для раздела или страницы определяется:

— параметрами раздела сайта — контентом страницы + шаблоном дизайна сайта — свойствами страницы

7. Основная работа по интеграции выполняется с файлами директории:

+ /bitrix/templates/ — /bitrix/tools/ — /bitrix/modules/ — /bitrix/

8. На отображение каких данных будет влиять формат даты и времени, заданный в настройках языка?

— на отображение даты и времени как в публичном, так и в административном разделе для конкретного языка — на отображение даты и времени в публичном разделе сайта (для сайта на данном языке) — на отображение даты и времени в административном разделе сайта (для всех языков) + на отображение даты и времени в административном разделе сайта (для конкретного языка интерфейса) — на отображение даты и времени в публичном разделе сайта (для всех сайтов системы)

9. Основные таблицы каскадных стилей (CSS) подключаются в шаблоне сайта:

— в области с помощью функции ShowCSS() — в рабочей области страницы с помощью функции ShowCSS() — в рабочей области страницы с помощью функции SetAdditionalCSS() + в области с помощью функции ShowCSS()

10. API функция ShowTitle() используется для:

+ вывода заголовка страницы или окна веб-браузера — для вывода заголовка страницы — задания значения заголовка страницы — задания значения заголовка окна веб-браузера

11. Где хранятся и для чего используются названия каскадных стилей (CSS)?

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

13. Где выполняется настройка кодировки для публичного раздела сайта?

— в форме настроек языка (отдельно для каждого языка) — на странице настроек модуля Управление структурой — в форме настроек свойств корневого каталога сайта — на странице настроек Главного модуля + на странице настроек сайта (отдельно для каждого сайта)

14. Внешнее представление сайта в первую очередь определяется:

— контентом + шаблоном дизайна — доменным именем — языком интерфейса

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

+ /bitrix/templates/.default/page_templates/ + /bitrix/templates/ /page_templates/ — /bitrix/templates/ / — /bitrix/templates/ /components/page_templates/ — /bitrix/template/ /page_templates/

17. При загрузке по умолчанию шаблон дизайна сайта будет распакован и помещен в папку с именем, соответствующим имени загружаемого файла по следующему пути:

— /bitrix/site/templates/ / — /bitrix/template/ / + /bitrix/templates/ / — /bitrix/site/ /

18. API функция SetPageProperty() используется для:

— добавления значений метаданных в код страницы — создания свойств страницы — управления набором свойств, доступных для данной страницы + задания значений свойств страницы

19. Если PHP функция ShowTitle() используется с параметром false, то:

— заголовок окна веб-браузера не будет задан+ в качестве заголовка окна веб-браузера будет использован заголовок страницы — заголовок страницы не будет выводится — в качестве заголовка окна веб-браузера будет использовано значение свойства title — заголовок окна веб-браузера и страницы будет не задан

20. Если в коде шаблона сайта используется функция SetAdditionalСSS(), это означает:

— для текущей страницы сайта будут созданы собственные таблицы каскадных стилей (CSS) — подключение основных каскадных стилей (CSS) будет выполнено без использования функции require() — подключение дополнительных каскадных стилей (CSS) будет выполнено без использования функции require() + выполняется подключение дополнительных каскадных стилей (CSS)

21. Константа LANG_CHARSET используется для:

— установки кодировки в публичном и административном разделах сайта — установки кодировки в административном разделе сайта + установки кодировки в шаблонах для публичного раздела сайта

22. В отношении дизайна сайта предусмотренный в системе механизм проверки прав доступа может быть использован в целях:

+ управления шаблоном сайта + управление отдельными элементами сайта — управления структурой сайта + управления шаблоном меню + управления показом пунктов меню — управления правами пользователей + управления элементами шаблона дизайна

23. API функция ShowMeta() используется для:

+ добавления значений метаданных в код страницы — создания свойств страницы или раздела — управления набором свойств (метаданных), доступных для страниц данного раздела — задания значений свойств раздела или страницы

Виды кодировок

Существует довольно много видов, но сейчас распространены два:

Unicode Transformation Format — универсальный стандарт кодирования, который работает с символами почти всех языков мира. Символы могут занимать от 1 до 4 байт, такое кодирование позволяет создавать мультиязычные сайты.

Есть несколько вариантов — UTF-8, 16, 32, но чаще используют восьмибитное.

Windows-1251

Этот вид занимает второе место по популярности после UTF-8. Windows-1251 — кодирование для кириллицы, созданное на базе кодировок, использовавшихся в русификаторах операционной системы Windows. В ней есть все символы, которые используются в русской типографике, кроме значка ударения. Символы занимают 1 байт.

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

Кодировка в after_connect. php

В файле /bitrix/php_interface/after_connect.php заменяем:

Конвертация базы данных в UTF-8

Нажимаем последнюю кнопку Конвертация базы данных в UTF8. Если на этом шаге тоже появляется форма авторизации — снова авторизовываемся и запускаем конвертацию базы данных заново. В итоге мы должны получить сообщение об успешной конвертации базы данных:

Файл convert_utf8.php можно удалить, он больше не понадобится.

Настройка перенаправления

Панель управления позволяет настроить перенаправление запросов с сайта и всех его синонимов на другой адрес. Например, для того чтобы настроить переадресацию с сайта example.com на example.ru выполните следующие действия:

Также вы можете настроить другие виды перенаправления с помощью файла .htaccess.

Использование кодировок

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

Ниже приводится список таблиц кодов, используемых для отображения символов русского, английского и немецкого языков:

Полный список кодировок, используемых для различных языков, приводится в документации продукта.

Настройка кодировки выполняется отдельно для административного и публичного раздела:

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

Также при настройке параметров языка можно определить формат времени и даты.

Указанный формат будет использоваться при отображении даты и времени в административном разделе сайта.

Пропишите в /bitrix/php_interface/after_connect.php

Пропишите в /bitrix/php_interface/after_connect_d7.php:

Настройка параметров mbstring

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

Кодировка в after_connect_d7. php

В файле /bitrix/php_interface/after_connect_d7.php заменяем:

Как конвертировать сайт на «Битрикс» из cp1251 в UTF-8

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

Издержки свободы выбора. За те годы, пока преимущества формата UTF-8 сделались очевидны большинству разработчиков и многим заказчикам, были произведены многие тысячи сайтов в кодировке cp1251. Со временем их владельцы приходят к пониманию выгод использования UTF-8 и принимают решение сменить кодировку материалов сайта. Как это сделать на практике?

Конвертацию выполняет модуль mbstring. Для его работы необходимо установить параметр

Если вы используете для хостинга VPS-сервер, то параметр легко настроить в php.ini. Если нет, то ситуация усложняется. Будьте особо внимательны: с версии php 5.2.8 параметр меняется глобально на весь сервер. Обратитесь к хостеру, но не соглашайтесь на использование CGI.

Сделайте реззервную копию сайта и выполняйте конвертацию именно на ней. В случае неудачи данные основного сайта не пострадают.

2. Задание параметров конвертации

Задайте язык сайта, формат даты и кодировку.

3. Настройте dbconn.php

В файле в /bitrix/php_interface/dbconn.php добавьте строку

4. Настройте кодировку сайта

В настройках сайта смените кодировку с windows-1251 на utf-8.

5. Настройте кодировку языка

В настройках языка смените кодировку с windows-1251 на utf-8.

6. Конвертируйте файлы в utf-8

7. Конвертируйте ьазу данных в utf-8

8. Отредактируйте файл after_connect.php

В файле /bitrix/php_interface/after_connect.php найдите строку

И замените на строку

9. Очистите кэш всего сайта

10. Выйдите из сеанса работы с панелью управления, закройте браузер, потом откройте его и снова зайдите на сайт.

Обратите внимание: если конвертируете файлы в utf-8 вручную, не сохраняйте специальную последовательность BOM.

Конвертация сайта битрикс в кодировку UTF-8 (cp1251 в UTF8)

С этим может быть проблема т.к. с версии php 5.2.8 параметр меняется глобально на весь сервер (http://bugs.php.net/bug.php?id=47187). Уточните вопрос у хостера, но будьте осторожны если вам предложат CGI (см. «как выбрать хостера»).

На VPS/выделенном сервере параметр без проблем меняется в php.ini.

• Подготовить сервер как показано выше
• Добавить в /bitrix/php_interface/dbconn.php

Практическая сторона вопроса

После смены кодировки сайта публичная часть принимает вид:

Это нормально, браузер пытается показать данные не в той кодировке. Теперь после всех действий внешний вид восстановится, и мы увидим, что процесс прошёл успешно.

Большое число файлов надо конвертировать по шагам, для этого буду использовать наработки для поиска вирусов. По большому счёту, тут надо только переделать функцию замены в конвертацию через mb_convert_encoding.

Примечание. Часто при использовании внешних программ для конвертации в файлы добавляется специальная последовательность символов, т.н. BOM. Эти символы должны находиться только вначале файла, а поскольку итоговая html страница является составной из нескольких php файлов, то спецсимволы появляются в теле html страницы. Если делаете вручную — не сохраняйте с BOM!

Для конвертации базы надо сменить кодировку базы, всех таблиц и всех текстовых полей таблиц. Вручную это тоже делать на очень удобно. Решил сделать конвертацию файлов и базы в одном скрипте.

Скрипт выполняет операции:

— Конвертировать все файлы в utf8 — Конвертировать БД в utf8

Остальное следует делать вручную по списку в том порядке, как написано.

В итоге получил картинку

Теперь, словно, девушка даже слегка улыбнулась

Обновление от 20.02.2012

• Теперь конвертируются все файлы, не только языки. При этом делается авто определение кодировки файла, а значит можно выполнять конвертацию повторно.
• Для кодировки базы указывается сравнение utf8_unicode_ci (требуется продуктом).
• Исправлены ошибки конвертации базы.
• Шаг конвертации файлов можно пропустить.

Резервные копии файлов и БД

Сначала сделать все резервные копии: файлов сайта и базы данных, чтобы откатиться, если что-то пойдёт не так. У меня «не так» пошло 🙂 и да резервные копии очень пригодились. Никогда не знаешь, чего ждать от битрикса.

Этот вид занимает второе место по популярности после UTF-8. Windows-1251 — кодирование для кириллицы, созданное на базе кодировок, использовавшихся в русификаторах операционной системы Windows. В ней есть все символы, которые используются в русской типографике, кроме значка ударения. Символы занимают 1 байт.

Определить кодировку страницы своего или чужого сайта можно через исходный код страницы. Откройте страницу сайта, выберите «Просмотр кода страницы» (сочетание горячих клавиш Ctrl+U» в Google Chrome) и найдите упоминание «charset» внутри тега head.

На странице сайта используется кодировка UTF-8:

Указание кодировки в коде страницы

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

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

Проверить кодировку еще можно через сервис Validator.w3, о котором писали в статье о проверке валидации кода. Нужная надпись находится внизу страницы.

Кодировка сайта в валидаторе

Если валидатор не обнаружит Charset, он покажет ошибку:

Ошибка указания кодировки

Но валидатор работает не точно: он проверяет только синтаксис разметки, поэтому может не показать ошибку, даже если кодирование указано неправильно.

Зачем нужна кодировка

Кодировка (Charset) — способ отображения кода на экране, соответствие набора символов набору числовых значений. О ней сообщает строка Content-Type и сервер в header запросе.

Студентка списывала реферат с формулами, а на сайте слетела кодировка. Реальная история

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

Кодировка влияет на SEO?

Разберемся, как кодировка на сайте влияет на индексацию в Яндекс и Google.

«Тип используемой на сайте кодировки не влияет на индексирование сайта. Если ваш сервер не передает в заголовке кодировку, робот Яндекса также определит ее самостоятельно».

Позиция Google такая же. Поисковики не рассматривают Charset как фактор ранжирования или сигнал для индексирования, тем не менее, она косвенно влияет на трафик и позиции.

Если кодировка сервера не совпадает с той, что указана на сайте, пользователи увидят нечитабельные символы вместо контента. На таком сайте сложно что-либо понять, так что скорее всего пользователи сбегут, а на сайте будут расти отказы.

Пример страницы со слетевшей кодировкой

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

Яндекс четко заявляет:

Позиция Google такая же. Поисковики не рассматривают Charset как фактор ранжирования или сигнал для индексирования, тем не менее, она косвенно влияет на трафик и позиции.

Где выполняется настройка кодировки для административного раздела сайта

Цитатник веб-разработчиков В тексте курса вы встретите цитаты, высказанные в разное время разработчиками системы и разработчиками проектов на базе Bitrix Framework. Надеемся, что такие неформальные замечания внесут некоторое разнообразие в процесс изучения. Заодно опытные специалисты поделятся и своим опытом.

Имена авторов цитат даются в том написании, в каком авторы зарегистрировали себя на сайте «1С-Битрикс». .

Евгений Смолин: Сам кувыркался с непонятками (пока курсы учебные не прочитал и руками не попробовал то, что там написано). Битрикс из тех систем, где изучение «методом тыка» не очень эффективно без предварительного изучения учебных курсов. Уважаемые новички, потратьте немного своего драгоценного времени, пройдите пару-тройку учебных курсов и масса вопросов просто испарится — там есть ответы на множество вопросов.

Курс для разработчиков — продолжение линейки учебных курсов по Bitrix Framework. Получение сертификата по курсу рекомендуется после успешной сдачи тестов по всей линейке курсов, так как без понятия о работе Контент-менеджера и Администратора создание успешных сайтов будет затруднено.

Чтобы научиться программировать в Bitrix Framework, нет необходимости изучать всю линейку курсов. Но есть моменты, которые необходимо знать разработчикам о системе, они раскрыты в начальных курсах:

Для преподавания оффлайн

Если данный курс берётся в качестве основы для оффлайного преподавания, то рекомендуемая продолжительность: 5 дней (40 академических часов).

Если нет интернета

Чтобы отключить подобное отношение к файлу необходимо:

Отсутствие кнопки Разблокировать возможно в двух случаях:

• Файл лежит не локально, а на сетевом ресурсе.
• Если файл лежит на локальном диске, но путь к нему содержит спецсимволы (# и прочие).

Где указать кодировку сайта

Если проблема возникла на вашем сайте, способ исправления зависит от вида сайта. Для одностраничника достаточно указать кодировку в мета-теге страницы, а для большого сайта есть разные варианты:

• кодировка в мета-теге;
• кодировка в .htaccess;
• кодировка документа;
• кодировка в базе данных MySQL.

Кодировка в мета-теге

Добавьте указание кодировки в head файла шаблона сайта.

При создании документа HTML укажите тег meta в начале в блоке head. Некоторые браузеры могут не распознать указание кодировки, если оно будет ниже.

Мета-тег может выглядеть так:

В HTML5 они эквивалентны.

Тег кодировки в HTML

В темах WordPress обычно тег «charset» с кодировкой указан по умолчанию, но лучше проверить.

Кодировка в файле httpd. conf

Инструкции для сервера находятся в файле httpd.conf, обычно его можно найти на пути «/usr/local/apache/conf/».

Если вам нужно сменить кодировку Windows-1251 на UTF-8, замените строчку «AddDefaultCharset windows-1251» на «AddDefaultCharset utf-8».

Осторожнее: если вы измените в файле кодировку по умолчанию, то она изменится для всех проектов на этом сервере.

Убедитесь, что сервер не передает HTTP-заголовки с конфликтующими кодировками.

Добавьте кодировку в файл .htaccess:

• Откройте панель управления хостингом.
• Перейдите в корневую папку сайта.
• В файле .htaccess добавьте в самое начало код: для указания кодировки UTF-8 — AddDefaultCharset UTF-8;для указания кодировки Windows-1251 — AddDefaultCharset WINDOWS-1251.
• для указания кодировки UTF-8 — AddDefaultCharset UTF-8;
• для указания кодировки Windows-1251 — AddDefaultCharset WINDOWS-1251.
• Перейдите на сайт и очистите кэш браузера.

Кодировка документа

Готовые файлы HTML важно сохранять в нужной кодировке сайта. Узнать текущую кодировку файла можно через Notepad++: откройте файл и зайдите в «Encoding». Меняется она там же: чтобы сменить кодировку на UTF-8, выберите «Convert to UTF-8 without BOOM». Нужно выбрать «без BOOM», чтобы не было пустых символов.

Кодировка Базы данных

Выбирайте нужную кодировку сразу при создании базы данных. Распространенный вариант — «UTF-8 general ci».

Где менять кодировку у БД:

• Кликните на раздел «Операции»:
• Введите нужную кодировку для базы данных MySQL:
• Перейдите на сайт и очистите кэш.

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

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

Проблема может не решиться, если все дело в кодировке подключения к базе данных. Что делать:

• Подключитесь к серверу с правами mysql root пользователя:mysql -u root -p
• Выберите нужную базу:USE имя_базы;
• Выполните запрос:SET NAMES ‘utf8’;

Если вы хотите указать Windows-1251, то пишите не «utf-8», а «cp1251» — обозначение для кодировки Windows-1251 у MySQL.

Чтобы установить UTF-8 по умолчанию, откройте на сервере my.cnf и добавьте следующее:

Вы когда-нибудь сталкивались с проблемами кодировки на сайте?

Загрузка скрипта на сайт

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

Скачиваем архив со скриптом, файл convert_utf8.php из архива загружаем в корень сайта.

Смена кодировки в настройках админ-панели

Создаём шаблон 1С-Битрикс на базе Bootstrap вёрстки

Для данной статьи мы воспользуемся одним из форков репозитория на GitHub, приведённого в конце предыдущей статьи, поскольку в нём были исправлены некоторые баги.

Создание каркаса шаблона

Шаблон сайта с точки зрения 1С-Битрикс – это папка с набором определённых файлов внутри, поэтому шаблон может быть создан как через файловую структуру (инструментами 1С-Битрикс, по FTP или SSH), так и с помощью раздела.

(это будет пример рабочей страницы на котором мы будем проверять работоспособность нашей рабочей области) в котором помимо Html разметки мы добавим вызов header’а и footer’а (они создадутся автоматически, если создавать страницу средствами 1С-Битрикс):

Элементы 1С-Битрикс

Фактически мы создали статичный HTML каркас с минимальным набором элементов 1С-Битрикс, который уже работает. Дальнейшая наша задача – перевод отдельных функциональных блоков на работу с компонентами 1С-Битрикс.

Компоненты 1С-Битрикс

В рамках данной статьи мы остановимся только на процессе интеграции вёрстки со стандартными компонентами 1С-Битрикс. Мы не будем создавать свои компоненты и не будем кастомизировать типовые.

Мы создадим отдельную страницу (например, 1.php) на которой будем размещать по 1 компоненту для упрощения работы средствами 1С-Битрикс.

Разместим компонента (например, форму поиска — bitrix:search.form) с помощью визуального редактора:

Используя включенный режим правки скопируем шаблон компонента в шаблон сайта. Для этого наведём курсор мыши на область с компонентом, дождёмся пока появится контекстное меню с шестерёнкой и нажмём на стрелку выпадающего списка:

В появившемся диалоге нам необходимо указать имя шаблона компонента и выбрать шаблон сайта в котором будет хранится шаблон компонента (в нашем случае это whitesquare-bootstrap):

Иногда для дальнейшей работы больше подходит один из шаблонов компонента, поставляемых вместе с системой. Тогда имеет смысл посмотреть каждый из них в работе. Это можно сделать в визуальном редакторе по нажатию на кнопку шестерёнки:

Включаемые области (лого, копирайт, соц сети)

Внутри файла включаемой области просто помещаем кусок HTML кода:

Форма поиска

Мы воспользовались компонентом bitrix:search.form и скопировали suggest шаблон компонента в шаблон сайта. HTML код шаблона компонента находится в файле /bitrix/templates/whitesquare-bootstrap/components/bitrix/search.form/top/template.php

Как видим, у нас не простой, а комплексный компонент (т.е. компонент в состав которого входят другие компоненты). В данном случае это сама форма в которую производится ввод поискового запроса. Скопируем её шаблон в шаблон сайта. К сожалению, это не очень красиво – в публичке мы используем 1 компонент, а шаблонов у нас 2. Воспользуемся обычной схемой для комплексных компонентов:

Комплексный компонент

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

Теперь осталось лишь разместить код вызов компонента вместо вёрстки в шаблоне:

Верхнее меню

Теперь заменим блок верхнего меню в шаблоне на вызов компонента меню:

Левое меню

Заменим блок левого меню в шаблоне вызовом компонента:

Нижнее меню

Нижнее меню (в разделе SiteMap) отображается в 2 колонки. Можно конечно сделать универсальный компонент меню в шаблоне которого пункты будут делиться по столбцам (автоматически, либо по наличию какого-либо параметра, установленного для пунктов в режиме расширенного редактирования меню). Однако, мы понимаем, что подвал – не самая часто редактируемая часть и нет смысла тратить значительные усилия на его разработку. Поэтому мы пойдём по простому пути (за который любители идеального кода, вероятно, нас проклянут) – мы создадим 2 меню: bottomL и bottomR. Несмотря на то, что меню будет 2 шаблон мы для них будем использовать 1.

Сайдбар – наши офисы

Теперь можно поместить вызов компонента сайдбара в шаблон сайта (если он должен выводиться на всём сайте, а лишь в определённых разделах, то достаточно обернуть его во включаемую область):

Теперь пришла пора взяться за рабочую область!

Список членов команды

Не забудем добавить значения в языковые файлы!

Сам шаблон тогда будет выглядеть так:

Мы не стали заморачиваться с выносом кода свойства в параметры, а так же с настройкой количества элементов в строке, чтобы не усложнять шаблон компонента. Как видите, в нём практически ничего не осталось от первоначального шаблона списка новостей (и он гораздо легче громоздкого компонента каталога).

Не забудьте удалить ненужную более папку /bitrix/templates/whitesquare-bootstrap/images/team/ с картинками в шаблоне после перевода блока с персонами на инфоблок!

Текст страницы ABOUT

Поскольку у нас нет понимания какие функции выполняют остальные элементы страницы, должна ли появляться случайная цитата или, скажем, должны ли картинки вести в фотогалерею, мы пойдём по простому пути. Весь контент останется статичным, мы лишь добавим несколько стилей, чтобы будущие редакторы могли работать со страницей с большим удобством. Для этого воспользуемся файлом стилей сайта, приложенном к нашему шаблону /bitrix/templates/whitesquare-bootstrap/styles.css (или административным разделом): Поскольку этот файл используется для применения CSS к контенту в том числе в визуальном редакторе, нам придётся «забыть» о каскадности CSS и прописать стили без учёта вложенности элементов. Например, цитата станет выглядеть так:

Или через инструмент редактирования шаблона (вкладка «стили сайта»):

Наводим марафет

Вот собственно и всё!

Мы натянули готовую HTML вёрстку Bootstrap на 1С-Битрикс, сверстали страницу и получили полноценный шаблон!

Включение сжатия данных

Позволяет сжимать (с помощью gzip) данные на сервере и распаковывать после получения на клиенте (в браузере). Это позволяет снизить сетевой трафик и сократить время ожидания открытия страницы.

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

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

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

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

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

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

Если вы используете виртуальную машину Битрикс, можно установить их самостоятельно.

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

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

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

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

7. Загрузить в корневую директорию сайта скрипт convert_utf8.php , запустить его и дождаться полного его выполнения. Первым шагом проверяются права на изменение файлов, вторым проходит конвертация всех файлов сайта и последним — изменение кодировки базы данных. Если у вас очень большая база данных, ее конвертация может занять очень долгое время или же вообще не окончиться успешно. В таком случае меняем кодировку базы вручную следующим образом. В панели администратора на странице «SQL-запрос» выполняем следующий запрос:

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

8. Пропишите в /bitrix/php_interface/after_connect.php:

9. Пропишите в /bitrix/php_interface/after_connect_d7.php:

10. Пропишите в /bitrix/.settings.php:

11. Очистите весь кеш сайта и выйдите из своего профиля, после чего снова зайдите в него.

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

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

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

Как определить кодировку на сайте

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

Фрагмент анализа серверной информации сайта

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

Отчет о технических данных

Кодировка сервера и страницы

Проверить кодировку еще можно через сервис Validator.w3, о котором писали в статье о проверке валидации кода. Нужная надпись находится внизу страницы.

Dbconn

В файл /bitrix/php_interface/dbconn.php добавить строки:

Если кодировка не отображается

Если вы зашли на чужой сайт с абракадаброй, а вам все равно очень интересно почитать контент, то в Справке Google объясняют, как исправить кодирование текста через браузер.

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

Яндекс советует использовать одинаковую кодировку для страниц и кириллических адресов структуры. К примеру, если робот встретит ссылку data-hren=»/корзина» на странице с кодировкой UTF-8, он сохранит ее в этом же UTF-8, так что страница должна быть доступна по адресу «/%D0%BA%D0%BE%D1%80%D0%B7%D0%B8%D0%BD%D0%B0».

Если в коде шаблона сайта используется функция setadditionalcss это означает что

В данной статье мы рассмотрим как правильно подключать дополнительные файлы стилей и скрипты в шаблон сайта, чтобы корректно работа настройка сжатия файлов js и css.

Прямое подключение дополнительных файлов не рекомендуется

С появлением ядра D7 можно подключать так

Записи равнозначные, можно использовать и запись без обращения к ядру D7 и с обращением.

Подключение js и css а шаблоне компонента

Для правильного подключения дополнительных файлов, подключаем их из шаблона компонента, а не прописывает в шаблон сайта.

В шаблоне компонента прописываем

Данные файлы тогда правильно объединятся с остальными.

Заполните форму

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

Попросить техподдержку вашего хостинга прописать в php.ini следующие строки (на REG.RU вы можете сами это сделать в папке php-bin/php.ini)

В файл /.htaccess добавить строки:

Установить модуль поиска и сделать переиндексацию

• http://rushstudio.by/blog/development/smena-kodirovki-bitriks-na-utf8/
• https://dev.1c-bitrix.ru/learning/course/?COURSE_ID=43&LESSON_ID=2919
• http://omelchuck.ru/nastrojka-mysql-dlya-raboty-s-utf8/
• http://owb-rotor.ru/2012/04/zametki-na-polyax-rekursivno-perekodiruem-fajly-v-papke-i-vlozhennyx-papkax-s-kodirovki-windows-1251-v-utf-8-utf8/index.html

almixРазработчик Loco, автор статей по веб-разработке на Yii, CodeIgniter, MODx и прочих инструментах. Создатель Team Sense.

Яндекс советует использовать одинаковую кодировку для страниц и кириллических адресов структуры. К примеру, если робот встретит ссылку data-hren=»/корзина» на странице с кодировкой UTF-8, он сохранит ее в этом же UTF-8, так что страница должна быть доступна по адресу «/%D0%BA%D0%BE%D1%80%D0%B7%D0%B8%D0%BD%D0%B0».

Админка Битрикса

В админке битрикса изменить в настройках языка ru кодировку с windows-1251 на utf-8

Перекодировать всю базу данных в UTF-8

Сменить кодировку базы данных, типов полей с cp1251 на utf8: это можно делать на сервере или локально. Я делал локально, потом импортировал базу уже исправленную в кодировку utf8. Здесь в помощь команда

Этот запрос выведет на страницу новый запрос, который нужно будет выполнить на этой же странице.

а поменять, если где-то увидите latin1 можно командой

mbstring.func_overload 2
mbstring.internal_encoding UTF-8

Смена кодировки в. settings. php

В файле /bitrix/.settings.php меняем:

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

При создании документа HTML укажите тег meta в начале в блоке head. Некоторые браузеры могут не распознать указание кодировки, если оно будет ниже.

• Откройте панель управления хостингом.
• Перейдите в корневую папку сайта.
• В файле .htaccess добавьте в самое начало код:для указания кодировки UTF-8 — AddDefaultCharset UTF-8;для указания кодировки Windows-1251 — AddDefaultCharset WINDOWS-1251.
• для указания кодировки UTF-8 — AddDefaultCharset UTF-8;
• для указания кодировки Windows-1251 — AddDefaultCharset WINDOWS-1251.
• Перейдите на сайт и очистите кэш браузера.

Готовые файлы HTML важно сохранять в нужной кодировке сайта. Узнать текущую кодировку файла можно через Notepad++: откройте файл и зайдите в «Encoding». Меняется она там же: чтобы сменить кодировку на UTF-8, выберите «Convert to UTF-8 without BOOM». Нужно выбрать «без BOOM», чтобы не было пустых символов.

Выбирайте нужную кодировку сразу при создании базы данных. Распространенный вариант — «UTF-8 general ci».

• Подключитесь к серверу с правами mysql root пользователя:mysql -u root -p
• Выберите нужную базу:USE имя_базы;
• Выполните запрос:SET NAMES ‘utf8’;

Где выполняется настройка кодировки для публичного.

— в форме настроек языка (отдельно для каждого языка) — на странице настроек модуля Управление структурой — в форме настроек свойств корневого каталога сайта — на странице настроек Главного модуля — на странице настроек сайта (отдельно для каждого сайта)

• Статьи
• Новости
• Бесплатные программы
• Советы студенту
• Экономия
• Льготы и преимущества
• Новости ВУЗов
• Разное

• Разделы
• ВУЗы
• Общие файлы
• Лекции
• Правила сайта
• FAQ
• Правообладателям
• Ответы на тесты
• Теги
• Статистика
• Мобильная версия

• Архив
• Термины
• Нано-блог
• Обзоры
• Статьи
• Задачи
• Карта задач
• Досье на преподавателей
• Файловый архив

• Учебные материалы
• К экзамену/зачёту
• Книги и методические указания
• Контрольные работы и аттестации
• Курсовые/домашние работы
• Лабораторные работы
• Лекции и семинары
• Рефераты, доклады и презентации
• Диссертации
• Остальное

Не забывайте, что на публикации файлов можно заработать.

Смена кодировки в dbconn. php

В файле /bitrix/php_interface/dbconn.php добавляем такую строчку (если её там ещё нет):

Конвертация файлов в UTF-8

Нажимаем кнопку Конвертация файлов в UTF8. После конвертации должно появиться сообщение Шаг 2 выполнен успешно:

Если на данном этапе появилась форма авторизации:

Авторизовываемся и заново запускаем конвертацию файлов.

Ручной режим настройки веб-сервера и сайта

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

При этом становятся доступны для редактирования файлы конфигурации.

/home/login/etc/apache_2.4/sites-enabled/site.ru.site.conf — конфигурационный файл виртуального хоста Apache ; /home/login/etc/nginx/sites-enabled/site.ru.site.conf — конфигурационный файл виртуального хоста Nginx.

Чтобы внесенные изменения вступили в силу, необходимо перезагрузить веб-сервер на одноименной странице панели управления хостингом.

Изменить режим настройки веб-сервера вы можете в разделе Управление веб-сервером панели управления хостингом.

При включении ручного режима настройки становятся доступны для редактирования файлы конфигурации:

/home/login/etc/apache_2.4/apache2.conf — основной конфигурационный файл веб-сервера Apache; /home/login/etc/nginx/nginx.conf — основной конфигурационный файл веб-сервера Nginx.

Рекурсивная смена кодировки файлов в папке и вложенных папках с windows-1251 в UTF-8 (utf8).

Можно вручную в среде разработки, а можно скриптом по ssh. Создаем файл iconv.sh с содержимым:

Тут может возникнуть дальше ошибка, если вы создали файл в Windows. Может такая ошибка выдаться при попытке запустить скрипт уже на сервере:

Надо просто убрать лишние невидимые символы , которые добавил windows в ваш файл.

Наберите od -a test.sh, чтобы увидеть эти символы невидимые.

Из-за них файл не исполняется, вот как windows подпортил наш файл sh. Можете выполнить команду для вашего файла, которая очистит его.

Но если этой функции не установлено на сервере, то создайте файлик через консоль.

Открыть новый файл с именем iconv2.sh

Введите код, вручную напечатайте

Для выхода и сохранения файла нажмите

CTRL + X потом Y и потом Enter

Сделайте файл исполняемым командой (Нужно дать этому файлу разрешение на выполнение как программы.)

Далее через терминал запускаем наш скрипт

sh – запускает сам скрипт iconv.sh – название файла скрипта folder – путь к той папке, файлы которой нам нужно перекодировать, этот путь может выглядеть так, например, ../server/project – перекодирует все файлы в папке server/project, которая находиться в домашней директории юзера (пользователя системы) js – расширение файлов, которые нужно переконвертировать.