Код
#Руководства

Разработка сайтов на 1С-Битрикс для начинающих

Узнаём возможности фреймворка 1С-Битрикс, делаем первые шаги к его изучению и разбираемся, почему так много специалистов выбирают эту CMS.

(превью)

ВРЕМЯ ПРОСМОТРА

1 ч. 16 мин.

ВРЕМЯ ЧТЕНИЯ

11 мин.

ЭКОНОМИЯ

1 ч. 05 мин.

Преимущества 1С‑Битрикс

  • 55% компаний в России используют 1С‑Битрикс — услуги разработчиков на этой платформе востребованы.
  • Быстрое решение типовых задач и уже готовые решения от Битрикса. Например, онлайн-кассы легко интегрируются с платёжными системами и сервисами доставки.
  • Много возможностей. Битрикс включает в себя блоги, форумы, каталоги разных видов, интеграцию с социальными сетями и многое другое. Также есть библиотеки, которые позволяют додумывать и создавать свои расширения.
  • Сжатые сроки изучения. Чтобы начать работать с Битриксом, достаточно за 2,5–3 месяца пройти теорию — и можно сразу практиковаться, работая с реальными сайтами и наращивая свои знания.
  • Универсальность. На Битриксе создаются и сайты-визитки, и крупные интернет-магазины.
  • Документация на русском языке. Она есть в открытом доступе, её легко изучать.
  • Большое комьюнити специалистов. Новичку всегда легко найти ответы на свои вопросы или дополнительную информацию, а значит, легче развиваться.

Что такое фреймворк Битрикс?

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

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

Все сайты на Битриксе состоят из трёх компонентов:

  • Модель — функции и классы, которые обращаются к базе данных.
  • Представление — шаблон, с помощью которого на страницы выводится то содержимое, которое мы хотим увидеть, когда обращаемся к базам данных.
  • Контроллер — сама страница сайта с компонентами.
Скриншот: Skillbox Media

Возможности Битрикса на практике

Поработаем с демосайтом 1С-Битрикс. Перейдите по ссылке bitrixlabs.ru, нажмите «Создать демосайт», укажите «Интернет-магазин» и установите. После окончания установки увидите вот такую страницу. Это ваш первый интернет-магазин на 1С-Битрикс.

Скриншот: Skillbox Media

Здесь редактируется любой элемент. Например, наведите курсор на логотип и нажмите на «Изменить область».

Скриншот: Skillbox Media

В открывшемся окне замените логотип. Таким образом можно отредактировать все элементы на странице.

Скриншот: Skillbox Media

Система устроена так, что редактировать сайт может администратор или сам владелец бизнеса.

Цель разработчика на 1С-Битрикс — настроить работу сайта так, чтобы администратору сайта или владельцу бизнеса было легко вносить небольшие изменения: редактировать цены и описания товаров, размещать контент, управлять внешним видом и так далее.

Познакомимся с системой изнутри. На панели сверху выберите раздел «Администрирование».

Рабочий стол

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

Скриншот: Skillbox Media

Контент

Этот раздел состоит из нескольких десятков элементов. Рассмотрим наиболее важные.

Структура сайта

Здесь показана структура файлов, где можно редактировать их содержимое и так далее.

Скриншот: Skillbox Media

Каталоги

Здесь расположены товары и категории.

Скриншот: Skillbox Media

Чтобы перейти в конкретный товар, выберите категорию и нажмите на название. У товаров есть различные свойства, они уже прописаны в системе.

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

Скриншот: Skillbox Media

Маркетинг

В демоверсии интернет-магазина на 1С-Битрикс в «Маркетинг» загружены все основные модули для решения маркетинговых задач: пульс конверсии,
А/В-тестирование, email-маркетинг и так далее.

Скриншот: Skillbox Media

Чтобы поставить подобный набор, к примеру, на WordPress, нужно найти хорошее решение, протестировать его, настроить под свой сайт. В Битриксе эти решения уже готовы — это удобно и для разработчиков, и для владельцев бизнеса.

Магазин

Этот раздел доступен только для интернет-магазинов. Здесь есть вся информация по заказам, оплатам, поставкам, налогам и многое другое. А ещё — уже настроенная онлайн-касса.

Скриншот: Skillbox Media

Сервисы

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

Скриншот: Skillbox Media

Аналитика

Тут легко посмотреть и проанализировать данные о посещаемости сайта и эффективности рекламных кампаний. На практике аналитикой в 1С-Битрикс практически не пользуются, потому что Google Analytics имеет больше возможностей.

Скриншот: Skillbox Media

Маркетплейс

Здесь находится каталог решений для 1С-Битрикс: различные модули, инструменты, готовые интернет-магазины. Разработчик может создать какое-либо решение для Битрикса и выставить его на продажу через маркетплейс.

Скриншот: Skillbox Media

Настройки

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

Скриншот: Skillbox Media

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

Благодаря встроенным решениям работу с Битриксом легко освоить. Рассмотрим несколько простых действий с системой.

Создание страницы

Перейдите во вкладку «Сайт → Создать страницу».

Скриншот: Skillbox Media

Введите заголовок страницы и отметьте нужные пункты:

  • Перейти к редактированию страницы — откроется окно редактора.
  • Добавить пункт меню — новая страница появится в меню.
  • Ограничить доступ к странице — страница будет создана, но не опубликована.
Скриншот: Skillbox Media

В следующем окне добавляются описание страницы и ключевые слова, Title и файлы robots — эти данные влияют на поисковую оптимизацию сайта.

Скриншот: Skillbox Media

Далее откроется окно редактирования страницы. Здесь размещают контент — текст, видео, фотографии, а также встроенные решения, сервисы и инструменты.

Скриншот: Skillbox Media

Чтобы открыть встроенные компоненты и сниппеты Битрикса, нажмите на указатель сбоку. Когда панель сниппетов скрыта, указатель находится там, куда направлена стрелка на скриншоте.

Скриншот: Skillbox Media

Разработчик будет работать с кодом PHP. Чтобы перейти в код, нажмите на иконку слева и выберите соответствующий вид редактора, как показано на скриншоте.

Мы разобрали базовые навыки работы с 1С‑Битрикс. Теперь рассмотрим, какие ошибки чаще всего допускают новички и почему.

Частые ошибки начинающих разработчиков на 1С‑Битрикс

  • Переоценивать книги. Книга не даст обратной связи, не ответит на вопросы, не решит проблему.
  • Думать, что одно решение подходит под разные задачи. Не все решения Битрикса стоит принимать как верные, всегда нужно учитывать нюансы конкретного интернет-магазина. В документации указано не всё, понимание этих нюансов приходит только с опытом.
  • Терять время на неэффективное обучение. Чтобы стать хорошим разработчиком без посторонней помощи, потребуется 6–7 лет и очень много удачи.

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

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

Пользуясь нашим сайтом, вы соглашаетесь с тем, что мы используем cookies 🍪

Ссылка скопирована