C WordPress на 1С-Битрикс за 7 шагов
Данная статья посвящена нелёгкой судьбе верстальщиков и программистов, которым приходится переносить сайты с одной платформы на другую.
Процесс переноса шаблона с одного движка на другой всегда достаточно болезненный и малоприятный. Редки случаи, когда исполнитель одинаково профессионально владеет обеими платформами, поэтому на одном из этапов переноса часто возникают проблемы. Ещё хуже ситуация обстоит в случае, если перенос производится только с использованием публички, без учёта логики работы движка.
По сути, в этом случае мы просто воссоздаём скелет сайта в определённых рамках, примерно надеясь, что они будут достаточными, чтобы удовлетворить заказчика, и в то же время не слишком жёсткими, чтобы не заставить нас разбираться в куче чужого кода и комментариев…
Данный материал не претендует на истину в последней инстанции. Мы просто постараемся обрисовать наиболее простой способ быстрой адаптации шаблона типичной визитки к архитектуре 1С-битрикс.
Шаг 1 – импорт файлов и кода. На данном этапе мы создаём Франкенштейна, за которого нам стыдно будет в дальнейшем. Однако у нас нет времени работать более тоньше и аккуратнее. Как правило в проектах такого типа мы серьёзно ограничены бюджетом и сроком. Поэтому для начала мы просто копируем все CSS и JS файлы в шаблон (если текущий шаблон сайта поддерживает по несколько файлов каждого типа создадим директории для каждого из них, чтобы в дальнейшем работать с файлами одного типа), а так же картинки и html-код страницы. Рабочую область (#WORK_AREA# для пхп версии и для ASP.NET) вставляем в самом конце. Можно даже за пределами body. Пока нам не нужны эти данные – мы впишем их позже.
Шаг 2 – правка адресов. Все Адреса необходимо заменить. Архитектура wordpress такова, что мы наверняка столкнёмся с конструкциями включающими в себя: wp-includes/, wp-content/plugins/, themes/ и т.д. Не поленитесь сперва по всему html, а потом и css коду.
Для php версии мы рекомендуем использовать в шаблоне следующую конструкцию: — она позволяет сделать путь к файлам шаблона относительным и не зависящим от имени шаблона. Пригодится, если у вас несколько копий одного шаблона или ваш проект мигрирует куда-то ещё. К сожалению, для ASP.NET подобной конструкции мы не можем вам сообщить, а потому вероятно придётся писать полностью путь к шаблону по маске: /bitrix/templates/имя_шаблона/.
Пути в CSS вы можете сразу прописывать относительно шаблона.
Шаг 3 – служебные теги. Вам необходимо разместить ряд служебных тегов внутри шаблона, для того, чтобы пользоваться преимуществами платформы:
ShowHead();?> — подключает внутри тега head все полезные мета-теги (keywords, description), а так же архитектурные сборники CSS (template_styles.css и styles.css).
» /> — подключает мета-описание description из свойств страницы (или компонента). Выводим внутри head.
ShowPanel();?> — панель инструментов подключаем сразу после открытия тега body
» /> — подключает ключевые слова из свойств страницы (или компонента). Выводим внутри head.
Желательно подключить
Данную конструкцию имеет смысл открыть сразу после body, поскольку именно она привяжет панель инструментов администратора и позволит работать с инструментами 1С-Битрикс.
Рабочая область. На начальном этапе сборки желательно подальше от остального html-кода, чтобы не влиять на него.
Не забудьте закрыть все перечисленные в предыдущем пункте теги, а перед закрытием тега body.
Рабочая область. Должна находиться между двумя предыдущими группами. На начальном этапе сборки желательно подальше от остального html-кода, чтобы не влиять на него.
После подключения системных данных системных компонент у вас отпадёт необходимость в вызове css стилей в коде шаблона. Храните все ключевые стили внутри двух основных файлов: template_styles.css и styles.css. Естественно, каждый компонент при необходимости может имеет свой набор стилей, которые будут вызываться в шаблоне компонента, однако с этим мы столкнёмся значительно позднее.
По сути, на этом этапе мы уже полностью собрали свой шаблон. Правда пока он примитивен и не использует практически никаких возможностей 1С-Битрикс.
Шаг 4 – размещение рабочей области. Пора, наконец, разместить в основной рабочей области вызов оной.
- #WORK_AREA# для 1С-битрикс PHP
- — для .NET Forge CMS (ASP.NET 1C-Bitrix)
Теперь мы не просто видим наш сайт, и он полностью собирается на нашем сервере – мы уже можем собирать примитивные страницы с использованием рабочей области!
Шаг 5 – Включаемые области. На любом сайте есть элементы, статичные для всего сайта, которые мы выводим в шаблоне, но которые хочется иметь возможность легко и быстро редактировать. В том числе силами контент-редакторов. Это могут быть: логотипы, счётчики, номера телефонов и т.п.
Мы предлагаем использовать для этого включаемые области с указанием конкретного файла. Храните такие файлы в шаблоне.
Шаг 6 – Меню. Меню в wordpress представляет из себя, как правило, довольно простую (одноуровневую) конструкцию. Разместите компонент меню с дефолтным шаблоном, создайте меню того типа, который будет привязан к этому меню (например top или left), занесите в него пункты, чтобы сразу видеть результат. Скопируйте шаблон компонента меню в шаблон сайта, над которым работаете. Теперь внесите изменения в шаблон компонента, убрав оттуда всё лишнее и добавив лишь то, что превратить элементарное условие по выбору элементов в цикле в конструкцию аналогичную той, что наблюдаете в html-коде страницы.
Шаг 7 – компоненты. Осталось самое интересное. Довести шаблон до полноценного самостоятельного состояния, добавить динамики. Вам необходимо будет выбрать те компоненты 1С-Битрикс (например, список новостей, поиск или фильтр каталога товаров), которые подойдут для удовлетворения тех или иных функций шаблона сайта.
По сути это уже рюшечки без которых простенький шаблон может и обойтись. Однако с другой стороны на этом этапе нет ничего принципиально нового, чего бы не делалось раньше. Точно такая же схема – разместили шаблон с базовым шаблоном, скопировали шаблон компонента в шаблон сайта, отредактировали там его так, чтобы результат работы компонента привёл к генерации html-кода аналогичного данному.
Заключение
Я надеюсь, что мне удалось показать, что миграция с WordPress на 1С-битрикс (PHP или ASP.NET версий) – это достаточно несложная задача.
Конечно, мы не коснулись вопросов работы flash или javascript на той или иной платформе, что может создать определённые трудности в 100% миграции, однако это уже задачи, которые решать должен программист согласно имеющемуся техническому заданию. Всё же описанное выше способен проделать даже стажёр, всего пару месяцев работающий с платформой.
Данная статья крайне плотно пересекается с другим материалом, который мы рекомендуем к прочтению — Разница в шаблонах ASP.NET и PHP 1С-Битрикс.
Так же, мы предлагаем всем желающим абсолютно бесплатно скачать шаблоны, которые были разработаны в рамках работы над этими материалами:
PHP 1С-Битрикс: Управление сайтом
.NET Forge CMS (ASP.NET 1C-Bitrix)
Мигрируем с WordPress на 1С-Битрикс
Перенос Социальной сети BodyPress
Плагин BodyPress, позволяет построить социальную сеть на базе WP, используя в качестве записей посты WP, также есть возможность создавать связи между пользователями(друзья), отправлять личные сообщения, создавать группы и приглашать в них других участников соцсети. В Битрикс переносятся посты, привязанные к пользователю, его друзья, группы и посты группы.
Импорт товаров, категорий и вариаций плагина eCommerce
Плагин, который позволяет собрать интернет-магазин на базе WP. Отдельное внимание хочу обратить на функционал «Вариации товара». Хотелось бы увидеть нечто подобное и в Битрикс( в Битриксе аналог это предложения товара). В чем его суть.
Можно создавать вариации, например вариация Цвет, которая будет включать в себя различные цвета. Затем при редактировании товара можно указать какие вариации может иметь этот товар. Допустим мы указали для товара следующие вариации Цвет(красный, синий) и Размер(xl, m). После чего система автоматически создаст все возможные комбинации, для которых можно задать уникальные цены или настроить автоматический расчет.
При переносе в битрикс такие вариации будут перенесены в отдельный инфоблок предложений, каждый со своей ценой.
Импорт товаров плагина eShop
Товары из данного плагина так же переносятся в 2 инфоблока, товары и предложения, структура разделов соответствует структуре рубрик.
Импорт товаров плагина QuickShop
Ну. что про него сказать. Проще и придумать нельзя. Список товаров хранится в одном поле в виде строки с разделителями. В админке это выглядит примерно так:
а кнопка купить товар просто ставится в визуальном редакторе. Ну на то он и QuickShop. На самом деле довольно удобно продавать допустим со своего блога какую то мелочь.
Импорт форума bbPress
тут тоже особо сказать нечего, переносятся пользователи, создаются группы, форумы, сообщения. Форумы везде имеют похожую структуру, так что не будем на нем задерживаться.
Во всех CMS свое виденье представления данных, мы стараемся задействать как можно больше сущностей Битрикса, для того чтобы можно было пользоваться всеми преимуществами Битрикса. Как обычно ждем ваши пожелания в этой группе.
Перенос сайта на 1С Битрикс
Собираетесь перенести сайт на Битрикс? Наша команда поможет сделать это максимально быстро! Переносим сайты любых типов, сохраняя их дизайн и функционал, гарантируем высокое качество работы и профессиональную техническую поддержку.
Заказать индивидуальное коммерческое предложение
По телефону: 8 800 300-80-48
Что вы получаете
Быстрый и правильный перенос сайта на платформу Битрикс
Сохранение внешнего вида и функций сайта
Исправление ошибок, при необходимости доработка сайта
Стабильная и эффективная работа веб-ресурса на сервисе Битрикс
Почему Битрикс?
Сервис для управления бизнесом Битрикс – это одно из лучших решений для крупных коммерческих сайтов. Он позволяет удобно и эффективно продавать услуги и товары, автоматизировать и оптимизировать работу бизнеса, а также интегрировать продукты от компании 1С. Сервис особенно популярен среди интернет-магазинов и маркетплейсов.
Программисты Is Art обеспечат быстрый перенос сайта с сохранением его особенностей и характеристик. Также в нашей студии вы можете заказать перенос сайта с Битрикс на хостинг другого разработчика.
Стоимость переноса сайта на 1С Битрикс
Стоимость переноса зависит от платформы платформы с которой будет осуществляться перенос.
Что входит в услугу по переносу сайта на Битрикс
В нашу работу будут входить работы нескольких специалистов, которые будут работать над вашим проектом
Основа переноса
Перенос сайта на 1С Битрикс с полным сохранением первоначального дизайна и функционала
Сохранение адаптива
Адаптивная верстка для стабильной, быстрой и корректной работы сайта на всех устройствах и операционных системах
Сохранение оптимизации
По желанию клиента SEO-оптимизация, разработка персональной стратегии продвижения сайта
Тестирование
Тестирование сайта и устранение ошибок, при необходимости добавление новых модулей, интеграция сторонних сервисов
Какой результат вы ожидаете?
Чтобы мы лучше поняли друг друга, напишите нам какой результат нашей работы вас будет устраивать
Наши работы
Мы сделали более 350 сайтов, от лендингов, интернет-магазинов и корпоративных сайтов до обучающих платформ и маркетплейсов. Наши сайты — это качественные удаленные сотрудники, которые приносят прибыль своим владельцам
Сайта автоподбор
Сайт для оконной компании
Разработка сайта для интернет магазина электротоваров
Лендинг для производителей детских развлекательных центров
Закажите сайт
Пройдите 3 шага опросника, закажите сайт
Особенности переноса сайта на Битрикс
С каких платформ можно перенести сайт на Битрикс
Неправильный перенос сайта на Битрикс с WordPress или любой другой CMS может уничтожить результаты предыдущего SEO-продвижения, конверсия веб-ресурса снизится, и владельцу придется выделять дополнительные средства на восстановление прежних показателей. Специалисты Is Art собирают все важные линки, которые ценны для вашего сайта, адреса, приносящие трафик от рекламы, правильно импортируют данные на новый ресурс. В результате вы получаете полностью готовый к использованию сайт и сохраняете прежнюю конверсию.
Мы можем перенести веб-ресурс с большинства CMS, например, WordPress, Joomla, ModX и других. Также в нашей студии вы можете заказать перенос сайта на Битрикс с Тильды или Викс. Это не CMS, а конструкторы для создания веб-ресурса.
Перенос сайта под ключ
Мы оказываем услуги под ключ. Все этапы работы по переносу сайта с одной платформы на другую выполняются специалистами Is Art в сжатые сроки. А дополнительно вы можете заказать доработку сайта, SEO-продвижение для повышения конверсии и привлечения новых клиентов
Частые вопросы и ответы
Сколько времени занимает перенос сайта на Битрикс?
Сроки выполнения заказа индивидуальны, они зависят от объема работы и платформы, на которой изначально собран ваш веб-ресурс. Например, чтобы перенести сайт с Wix на Битрикс, может потребоваться больше времени, чем для переноса ресурса с любой CMS. Wix, как и другие конструкторы сайтов, имеет особенности, и часто программистам легче написать новый код, чем перенести старый на новую платформу.
Сколько будет стоить перенос сайта?
Стоимость услуги также зависит от сложности и объема работы. Пришлите нам на почту studio@is-art.ru ссылку на сайт, и мы дадим вам ответ по стоимости переноса.
Каким сайтам подходит сервис Битрикс?
Этот сервис популярен среди владельцев интернет-магазинов, корпоративных сайтов, крупных форумов, информационных порталов.
Перенос сайта с WordPress на Битрикс
Наша студия WRP специализируется на переносе сайтов с WordPress на Битрикс.
Ключевые особенности нашего предложения:
- Современный — На лучшем российском движке
- Адаптивный — Покупки удобно делать с любого устройства
- Производительный — Даже при большом количестве посетителей
- Интегрируемый — Естественная интеграция сайта с Вашей 1С и CRM
- Безопасный — 18 модулей защиты охраняют Ваш сайт от взлома и кражи
Мы перенесли более 200 интернет-магазинов и сайтов услуг на платформы 1C-Битрикс: Управление сайтом и Битрикс24.
При переходе с WordPress на Битрикс вы получите:
Наличие в продукте модулей “Интеренет магазин”, “Торговый каталог”, “Веб формы”, “Форум” позволяет избежать ошибок в работе сайта как при одиночном, так и в комбинированном использовании модулей, в отличии от Вордпресс, где модули разработаны разными командами и в большинстве случаев такие модули пишутся на так называемую дефолтную систему и не проходят тестирование в совместном использовании с продуктами от других разработчиков. Так же в 1С-Битрикс есть встроенный функционал обмена с 1С, который постоянно дорабатывается и актуализируется в соответствии с изменением в работе программного продукта 1С Предприятие, что позволяет минимизировать работу программистов по внедрению обмена, сводя его действие к настройке и доработке, а не к разработке. Модуль Резервного копирования 1С-Битрикс позволяет наладить хранение и создание копий сайта без привлечения программистов. Наличие актуальной документации на русском языке от разработчиков системы облегчает работу программистов и минимизирует количество ошибок, которые неизбежно возникают при использовании самодеятельных и зачастую неактуальных на сегодняшний момент переводов англоязычных инструкций Вордпресс.
Внедрение и эксплуатация
Благодаря набору встроенных модулей 1С-Битрикс имеет широкий спектр применения и при этом сохраняет стабильность в работе, в отличии от wordpress, которая изначально разрабатывалась как система для блогов, где специализация применения достигается путем установки модулей от разных разработчиков, которые в большей части не тестируют использование своих модулей в совместном режиме с другими, что в свою очередь приводит к усложнению процесса внедрения функционала на сайт, так как модули могут конфликтовать и вызывать ошибки в работе сайта.
Наличие актуальной пользовательской документации ко всему функционалу 1С-Битрикс в отличии от WordPress, позволяет персоналу заказчика с легкостью осваивать управлением ресурса без необходимости переводить англоязычные и зачастую уже неактуальные тексты к модулям, не говоря уже о моментах когда такой документации нет и приходится пользоваться методом ”научного тыка” для понимания функционала.
Благодаря модулю защиты, который имеют сертификацию и постоянно дорабатывается, 1С-Битрикс более защищен, чем WordPress.