Прошло уже около пары лет с тех пор, как я сам делал сайт на 1С-Битрикс с нуля, и, конечно, хотелось узнать о новинках и о изменениях в системе не только их общения с техдиректором и презентаций, а, так сказать, почуствовать "изнутри". Для того сегмента, в котором работает ITConstruct сегодня, нам важно владеть современными типовыми решениями для быстрого создания сайта.
Достаточно давно я хотел сделать какой-нибудь портал, и, наконец, получилось взяться за проект.
Итак, я хотел бы рассказать о создании проекта на базе типового шаблона и немного по-другому взглянуть на привычные (или неожиданные) для разработчиков вещи.
Встречайте - рассказ о портале по художественной гимнастике gimnastika.pro
Конечно, далеко не всё в нем я делал сам, однако, многие вещи специально контролировал, чтобы можно было составить мнение обычного пользователя.
1. Выбор шаблона
Конечно, раз мы делаем портал - то и шаблон должен быть портальным. Здесь у 1С-Битрикс не очень большой выбор - только одно...
Достаточно давно я хотел сделать какой-нибудь портал, и, наконец, получилось взяться за проект.
Итак, я хотел бы рассказать о создании проекта на базе типового шаблона и немного по-другому взглянуть на привычные (или неожиданные) для разработчиков вещи.
Встречайте - рассказ о портале по художественной гимнастике gimnastika.pro
Конечно, далеко не всё в нем я делал сам, однако, многие вещи специально контролировал, чтобы можно было составить мнение обычного пользователя.
1. Выбор шаблона
Конечно, раз мы делаем портал - то и шаблон должен быть портальным. Здесь у 1С-Битрикс не очень большой выбор - только одно...
Прошло уже около пары лет с тех пор, как я сам делал сайт на 1С-Битрикс с нуля, и, конечно, хотелось узнать о новинках и о изменениях в системе не только их общения с техдиректором и презентаций, а, так сказать, почуствовать "изнутри". Для того сегмента, в котором работает ITConstruct сегодня, нам важно владеть современными типовыми решениями для быстрого создания сайта.
Достаточно давно я хотел сделать какой-нибудь портал, и, наконец, получилось взяться за проект.
Итак, я хотел бы рассказать о создании проекта на базе типового шаблона и немного по-другому взглянуть на привычные (или неожиданные) для разработчиков вещи.
Встречайте - рассказ о портале по художественной гимнастике gimnastika.pro
Конечно, далеко не всё в нем я делал сам, однако, многие вещи специально контролировал, чтобы можно было составить мнение обычного пользователя.
1. Выбор шаблона
Конечно, раз мы делаем портал - то и шаблон должен быть портальным. Здесь у 1С-Битрикс не очень большой выбор - только одно решение http://www.1c-bitrix.ru/solutions/informportal/ . Как вариант, можно было бы попробовать типовой сайт некоммерческой организации http://www.itconstruct.ru/services/type/templates-for-bitrix/307/ или сайт услуг http://www.itconstruct.ru/services/type/templates-for-bitrix/81/, но хотелось получить и протестировать именнно решение "под ключ".
Конечно, не совсем получилось.
Что пришлось убрать:
1. Временно отключить все баннеры. Пока нет ни смысла, ни рекламодателей, ни посетителей
2. Убрать народные новости (тоже нет). Новости можно прислать, но они добавляются вручную
3. Убрать разделы у новостей. На нашем портале их нет, и пришлось "поковырять" шаблоны компонентов для убирания вывода разделов
Однако, еще больше пришлось добавить:
1. Школы гимнастики
2. Тренеры
3. Календарь мероприятий. После добавления календаря мы связали все новости, фото и видео с мероприятием. Получилась такая "точка входа" в мероприятие, которая особенно хорошо будет работать через два-три года
4. разделы "фото" и "видео" также были переработаны и добавлены заново
Что не понравилось
1. Пришлось немного повозиться, чтобы поставить лайки и share на каждую страницу сайта и в подвал сайта
Вообще, подвал сайта кажется в этом шаблоне не очень продуманным. Понимая, что в типовом решении не всё можно предусмотреть, я, всё-таки, недоволен версткой подвала и возможностью компоновать там блоки
2. Отсутствие картинки в шапке сайта. В шаблоне ее просто некуда было вставить, а это первое, что будет делать человек, создающий портал
2. Использование стандартных компонентов
В решении "Информационный портал" применено несколько важных моментов, являющихся стандартом де-факто для новостных сайтов. Интересно было посмотреть, как это сделано.
1. Выделение главных новостей раздела и сайта и "визуальное" отделение их от других новостей. Картинка у "главной" новости больше, чем обычно.
Здесь разработчики были вынуждены самостоятельно решать задачу, с которой, например, отлично справляется модуль "Ресайзер" в маркетплэйсе: возможность создавать из одной картинки несколько в разном масштабе. Казалось бы, что в этом особенного? Однако, в 1С-Битрикс традиционные приемы позволяют создать только два размера картинки - для анонса новости и для детальной информации. При этом исходная картинка не сохраняется. Пожалуй, именно в этом моменте я могу отметить шикарный специализированный модуль в Drupal (входящий в комплект), который позволяет манипулировать картинками на лету без привлечения программиста.
Однако, всё решаемо, и в решении "информационный портал" хранится оригинал изображения, а картинка нужного размера создается на лету и сохраняется в кэше на диске. Неплохо, но повторить эту технологию в других инфоблоках мне помешала лень, и при их создании я выбрал традиционную для 1С-Битрикс схему "превью создается из детальной картинки".
2. Создаем инфоблоки.
Пока я создавал инфоблоки, решил немного помечтать. Наверное, хотелось бы иметь несколько заранее настроенных параметров инфоблока и настроек полей для формы редактирования - нажал "загрузить настройки", выбрал "новость с картинкой 200 px" и радуешься. Потому что без настроек в форме редактирования действительно многовато полей, а после настроек становится хорошо и удобно.
Кстати, обучая слушателей курсов работе с 1С-Битрикс, часто замечаю, что в настроенной по умолчанию форме добавления элемента инфоблока поле "картинка анонса" только мешает. По хорошему, разработчику всегда нужно настраивать вид формы добавления/редактирования элемента инфоблока, чтобы контент-менеджер тратил меньше времени и не ошибался.
3. Создаем видеогалерею
С видеогалереей ситуация похуже, чем с новостями.
1. встроенный компонент не умеет брать видео с ютуба. Приходится заливать ролики на сайт, а это очень сильно ест место на хостинге.
2. поскольку видео много, его имеет смысл размещать по разделам. Компонент не умеет выводить инфоблок как каталог, с выделением разделов, и, поэтому, в разделе видео пришлось делать по страничке для каждого раздела и размещать в него копию компонента со своими настройками.
3. ну и, конечно, неизбежное? зло - это большой размер видеороликов. Мы закидывали их по ftp и потом привязывали элемент инфоблока видео к файлу. Это, кстати, плюс 1С-Битрикс.
Итого, краткий итог:
1. Очень важно при разработке и сдаче сайта настроить формы добавления/редактирования элементов инфоблока. Это существенно облегчает жизнь контент-менеджера и позволяет избежать многих ошибок.
2. Если сайт планирует работать с видео, то нужен либо программист, либо искать что-нибудь подходящее в маркетплэйсе. Стандартная видегалерея не всем подойдет. Хотя со своей задачей она справляется.
3. Для неподготовленного владельца сайта может быть сюрпризом, что в стандартных решениях при смене размеров картинок в новостях придется перезаливать все картинки заново.
Кстати, ITConstruct, как и многие партнеры, решили эту проблему. У нас есть свой модуль, аналог resizer из маркета, который умеет "перерезать" картинки на лету
Вот такой вот мини-отчет о создании сайта.
Если интересно - сообщайте в комментариях, будут новости - напишу следующую часть.
В разработке проекта активное участие принимали сотрудники техподдержки ITConstruct.
Достаточно давно я хотел сделать какой-нибудь портал, и, наконец, получилось взяться за проект.
Итак, я хотел бы рассказать о создании проекта на базе типового шаблона и немного по-другому взглянуть на привычные (или неожиданные) для разработчиков вещи.
Встречайте - рассказ о портале по художественной гимнастике gimnastika.pro
Конечно, далеко не всё в нем я делал сам, однако, многие вещи специально контролировал, чтобы можно было составить мнение обычного пользователя.
1. Выбор шаблона
Конечно, раз мы делаем портал - то и шаблон должен быть портальным. Здесь у 1С-Битрикс не очень большой выбор - только одно решение http://www.1c-bitrix.ru/solutions/informportal/ . Как вариант, можно было бы попробовать типовой сайт некоммерческой организации http://www.itconstruct.ru/services/type/templates-for-bitrix/307/ или сайт услуг http://www.itconstruct.ru/services/type/templates-for-bitrix/81/, но хотелось получить и протестировать именнно решение "под ключ".
Конечно, не совсем получилось.
Что пришлось убрать:
1. Временно отключить все баннеры. Пока нет ни смысла, ни рекламодателей, ни посетителей
2. Убрать народные новости (тоже нет). Новости можно прислать, но они добавляются вручную
3. Убрать разделы у новостей. На нашем портале их нет, и пришлось "поковырять" шаблоны компонентов для убирания вывода разделов
Однако, еще больше пришлось добавить:
1. Школы гимнастики
2. Тренеры
3. Календарь мероприятий. После добавления календаря мы связали все новости, фото и видео с мероприятием. Получилась такая "точка входа" в мероприятие, которая особенно хорошо будет работать через два-три года
4. разделы "фото" и "видео" также были переработаны и добавлены заново
Что не понравилось
1. Пришлось немного повозиться, чтобы поставить лайки и share на каждую страницу сайта и в подвал сайта
Вообще, подвал сайта кажется в этом шаблоне не очень продуманным. Понимая, что в типовом решении не всё можно предусмотреть, я, всё-таки, недоволен версткой подвала и возможностью компоновать там блоки
2. Отсутствие картинки в шапке сайта. В шаблоне ее просто некуда было вставить, а это первое, что будет делать человек, создающий портал
2. Использование стандартных компонентов
В решении "Информационный портал" применено несколько важных моментов, являющихся стандартом де-факто для новостных сайтов. Интересно было посмотреть, как это сделано.
1. Выделение главных новостей раздела и сайта и "визуальное" отделение их от других новостей. Картинка у "главной" новости больше, чем обычно.
Здесь разработчики были вынуждены самостоятельно решать задачу, с которой, например, отлично справляется модуль "Ресайзер" в маркетплэйсе: возможность создавать из одной картинки несколько в разном масштабе. Казалось бы, что в этом особенного? Однако, в 1С-Битрикс традиционные приемы позволяют создать только два размера картинки - для анонса новости и для детальной информации. При этом исходная картинка не сохраняется. Пожалуй, именно в этом моменте я могу отметить шикарный специализированный модуль в Drupal (входящий в комплект), который позволяет манипулировать картинками на лету без привлечения программиста.
Однако, всё решаемо, и в решении "информационный портал" хранится оригинал изображения, а картинка нужного размера создается на лету и сохраняется в кэше на диске. Неплохо, но повторить эту технологию в других инфоблоках мне помешала лень, и при их создании я выбрал традиционную для 1С-Битрикс схему "превью создается из детальной картинки".
2. Создаем инфоблоки.
Пока я создавал инфоблоки, решил немного помечтать. Наверное, хотелось бы иметь несколько заранее настроенных параметров инфоблока и настроек полей для формы редактирования - нажал "загрузить настройки", выбрал "новость с картинкой 200 px" и радуешься. Потому что без настроек в форме редактирования действительно многовато полей, а после настроек становится хорошо и удобно.
Кстати, обучая слушателей курсов работе с 1С-Битрикс, часто замечаю, что в настроенной по умолчанию форме добавления элемента инфоблока поле "картинка анонса" только мешает. По хорошему, разработчику всегда нужно настраивать вид формы добавления/редактирования элемента инфоблока, чтобы контент-менеджер тратил меньше времени и не ошибался.
3. Создаем видеогалерею
С видеогалереей ситуация похуже, чем с новостями.
1. встроенный компонент не умеет брать видео с ютуба. Приходится заливать ролики на сайт, а это очень сильно ест место на хостинге.
2. поскольку видео много, его имеет смысл размещать по разделам. Компонент не умеет выводить инфоблок как каталог, с выделением разделов, и, поэтому, в разделе видео пришлось делать по страничке для каждого раздела и размещать в него копию компонента со своими настройками.
3. ну и, конечно, неизбежное? зло - это большой размер видеороликов. Мы закидывали их по ftp и потом привязывали элемент инфоблока видео к файлу. Это, кстати, плюс 1С-Битрикс.
Итого, краткий итог:
1. Очень важно при разработке и сдаче сайта настроить формы добавления/редактирования элементов инфоблока. Это существенно облегчает жизнь контент-менеджера и позволяет избежать многих ошибок.
2. Если сайт планирует работать с видео, то нужен либо программист, либо искать что-нибудь подходящее в маркетплэйсе. Стандартная видегалерея не всем подойдет. Хотя со своей задачей она справляется.
3. Для неподготовленного владельца сайта может быть сюрпризом, что в стандартных решениях при смене размеров картинок в новостях придется перезаливать все картинки заново.
Кстати, ITConstruct, как и многие партнеры, решили эту проблему. У нас есть свой модуль, аналог resizer из маркета, который умеет "перерезать" картинки на лету
Вот такой вот мини-отчет о создании сайта.
Если интересно - сообщайте в комментариях, будут новости - напишу следующую часть.
В разработке проекта активное участие принимали сотрудники техподдержки ITConstruct.
Группы на сайте создаются не только сотрудниками «1С-Битрикс», но и партнерами компании. Поэтому мнения участников групп могут не совпадать с позицией компании «1С-Битрикс». 
