Визуальный редактор в 1С Битрикс
Для эффективного управления информации на сайте познакомимся с возможностями визуального HTML редактора в CMS 1С-Битрикс, где основным его преимуществом является работа с компонентами. То есть, размещать их на странице, менять параметры, работать с содержанием динамической информации, а также редактор обладает другими преимуществами позволяющие редактировать материал, который отображаются в точности как на странице в визуальной части сайта.
Первое что можно отметить, это штатный функционал, который встроен в самом движке и не требует дополнительной установки. В визуальном редакторе битрикс можно редактировать как статическую, так и динамическую информацию. Что это такое боле подробно я рассказывал в уроке «СТАТИЧЕСКАЯ и ДИНАМИЧЕСКАЯ информация», как она там представлена, можете посмотреть все в уроке.
Основным преимуществом так же можно отметить, что в нем представлена возможность проверки орфографии введенного текста, работа с таблицами, гиперссылками и т.д.
Внешний вид редактора состоит из пяти частей, и он одинаково выглядит как в публичной, так и административной части сайта.
- Вверху находится панель инструментов;
- Чуть левее переключатель режимов редактора;
- На переднем плане у нас рабочая область;
- С правой стороны, панель задач;
- И снизу располагается интересная панель, на которой отображены элементы и сущности, выводимые на странице.
Разбор визуального редактора битрикс
Подробно разберем каждую из данных частей и начнем с панели инструментов. Она состоит из набора иконок, которые сгруппированы по своему назначению. Я думаю, назначение данных иконок нет смысла объяснять и так все знают их функционал, но некоторые стоит их затронуть:
-
Выпадающий список «Работы с заголовками», тут представлены стили для оформления текста. Эти стили можем самостоятельно формировать и заносить в данный список, как это делать я показывал в уроке по «Настройке стилей визуального редактора» ссылку на урок оставлю в описании;
Кнопка SEO, при привязке сайта к Яндек Мастеру будет возможность отправлять содержание страницы в яндекс для закрепления авторских прав;
Стили шаблонов сайта, тут можем установить разные шаблоны и при их выборе, подгружается стиль выбранного шаблона;
Работа с таблицами, дает возможность задавать ее параметры, а при ее редактировании можем объединять, разделять ячейки, изменять свойства таблицы ячеек, то есть, проводить с ней дополнительные манипуляции по ее форматированию;
При работе с гиперссылками можно прописывать ссылке подсказку, стиль, параметры открывания, учитывать ссылку поисковиками и т.д. Довольно удобно все продумано, не нужно переходить дополнительно в код и описывать все это в ручную;
Дополнительные настройки, помогают автоматически форматировать текст при копирование его из WORD. Есть возможность настроить внешний вид как этот текст будет отображаться после копирования его в редактор.
Остальные настройки данной панели аналогичные как у большинства редакторов и не вижу особого смысла останавливаться на них.
Переключений режимов редактирования
Тут представлены четыре кнопки, каждая имеет свое предназначение. По умолчанию скорей всего стоит в режиме визуального редактора. Данный режим отображает в редакторе оформление страницы без исходного кода, практически как она будет представлена в визуальной части сайта.
Следующий режим отображает все в исходном коде, удобно использовать тем, кто хорошо умеет работать в HTML и предпочитают работать в нем.
Следующие два режима предназначены для совместного просмотра кода и визуального его отображения. Эти режимы удобны, когда в момент редактирования контента нам нужно контролировать правильность написание кода или его форматирование.
Рабочая область
Все элементы контента располагаются в рабочей области, которая будет отображаться в визуальной части сайта. Тут можно вставлять и динамическую информацию при помощи простым перетаскиванием ее в данную область.
Панель задач
Правее располагается панель задач, которая может состоять из нескольких частей, это Компоненты и Сниппеты.
При помощи клика мышкой можем скрывать или отображать панель. У компонента есть возможность сбросить кеш, это действие задействуем, когда добавленные нами компоненты нужно отобразились в данной области. Так же можно развернуть и посмотреть вложенные компоненты.
Панель навигации
В самом низу находится панель навигации по элементам и сущностям, ее содержание зависит от фокуса курсора мыши.
Все это помогает нам эффективно управлять контентом, перемещать, редактировать элементы при их необходимости, работать с компонентами и сниппетами.
Общий обзор по редактору я вам изложил, и в следующем видео познакомимся с инфоблоками.
Как отредактировать элементы страницы сайта на Битрикс, если при визуальном редактировании всплывающее меню редактирования не появляется?
Нужно отредактировать контактные данные в хедере и футере.
- Вопрос задан более двух лет назад
- 493 просмотра
- Вконтакте
Все зависит от того как вам это сделали. В админке есть Настройки продукта — Настройки — Сайты — Шаблоны сайтов. Там выбираете шаблон, который используется — открываете на редактирование там первая вкладка шаблон. В поле редактирования объединены header.php и footer.php поищите там футер (например по стилям) и посомотрите — с большой долей вероятности у вас они там либо прописаны, либо выводятся неким специальным (реализованном на вашем проекте) кодом.
Но будьте аккуратны и внимательны перед правкой сделайте резервную копию, а лучше сначала сделайте на тестовом сайте.
Настройки сайтов и страниц
Раньше настройки были разбросаны по всему разделу, теперь мы собрали их на одном слайдере. Изменяйте дизайн, редактируйте блоки, настраивайте аналитику — всё это на одной странице и за пару кликов.
Теперь вы потратите гораздо меньше времени и усилий на создание красивого и функционального сайта.
Перейдите в раздел Сайты и Магазины. Далее откройте сайт, который вы хотите отредактировать.
Чтобы перейти к настройкам, нажмите на шестерёнку в панели Возможности сайта.
Откроется общий слайдер настроек сайта и страниц.
Например, если во вкладке Дизайн сайта вы выбрали жёлтый, как основной цвет сайта, а на вкладке Дизайн страницы зелёный, то в итоге элементы на странице будут зелёного цвета.
Настройки сайта
Первая вкладка в общем слайдере настроек — это Настройки сайта. Здесь можно изменить адрес сайта или добавить свой HTML/CSS код.
- Адрес сайта — укажите, по какому адресу будет доступен ваш сайт. Также вы можете подключить свой домен.
- Кнопка «Вверх» — позволяет быстро перейти к самому началу страницы. Очень полезный инструмент для работы с длинными страницами.
- Главная страница — выберите главную страницу для вашего сайта.
После того как вы настроили основные параметры, можно перейти к Дополнительным настройкам.
- Favicon — картинка, которая показывается на закладке браузера. Допустимо использование изображений только в формате .PNG.
- Подтверждение прав — укажите необходимые мета-теги для подтверждения прав на сайт при подключении к Google Search Console и Яндекс.Вебмастеру.
- Шаблон сайта — если вы хотите, чтобы на страницах были включены дополнительные области, то вы можете настроить их тут.
- Язык сайта — вы можете выбрать язык для некоторых элементов сайта. Например, веб-формы, кнопки магазина в заказе, подпись «Заряжено Битрикс24» и так далее.
- Ошибка 404 — что увидят ваши пользователи, если страница будет недоступна. По умолчанию, сайт имеет стандартную страницу для 404-й ошибки. Но вы можете выбрать свою из любой страницы сайта.
- Ускорение сайта — при включенной опции оптимизируются CSS и JS таким образом, чтобы они подгружались по мере загрузки страницы. Это одно из условий Google PageSpeed Insights для ускорения загрузки сайтов.
- Пользовательский HTML — вы можете вставить произвольный html-код для всех страниц сайта внутри тега HEAD например, код статистики, мета-теги подтверждения и так далее.
- Временно отключить сайт — вы можете временно отключить свой сайт и показывать определенную страницу, пока сайт отключен.
- Подпись «Заряжено Битрикс24» – на коммерческих тарифах можно убрать эту подпись внизу вашего сайта.
Дизайн сайта и страницы
Дизайн сайта можно настроить во второй вкладке, а страницы — в последней. Настройки одинаковы как для сайта, так и для страниц.
Уроки 1с-Битрикс 5: Режим правки
Продолжаем серию уроков по базовым функциям системы управления 1с битрикс. В данном уроке мы с вами рассмотрим что такое «режим правки».
Начнем с того что этот функционал нам становится доступен после того как мы залогинились в административную панель управление сайтом
Режим правки в 1с-Битрикс, включаются у нас путем перемещения переключателя в верхнем правом углу публичной части сайта. Мы нажимаем данный переключатель и тем самым включаем данный режим.
Что он нам даёт?
В данном режиме мы можем с вами редактировать контент, а также редактировать какие-то элементы сайта. Например, отредактировать пункты меню, то есть, когда мы наводим на какой-либо объект, у нас он выделяется в рамочку и далее появляются опции с предложением действий для данного элемента сайта.
Мы можем нажать например, редактировать пункты меню и у нас всплывает окошко
здесь мы можем внести какие-либо изменения но об этом мы поговорим в других уроках. Также мы можем здесь редактировать баннеры, нажимаем кнопочку добавить баннер и у нас автоматически всплывает диалоговое окно где мы можем собственно говоря добавить баннер
Так же мы можем редактировать какие-то другие области. Для этого, опять же, наводим курсор, ждем когда у нас появится выбор действий и выбираем какое действие мы хотим совершить.
С помощью этого функционала мы так же имеем возможность редактировать товары прямо в публичной части сайта.
Навели курсор мышки, у нас появилось меню и здесь мы можем что-либо сделать в данном случае изменить товар
Здесь мы можем вносить какие-либо корректировки в наш товар — это очень удобная опция которая позволяет нам осуществлять коррекцию сайта не только из админки но прямо из публичной части. Если вы не хотите копаться в админке, то можно что-то отредактировать прямо на месте.
Перейдем в блог, перейдем какую-либо запись, ждем диалоговое окно нажимаем «изменить статью»
меняем содержание статьи да нажимаем кнопочку «сохранить»
Но! Я хочу сразу предупредить Вас о том, что с этим режимом нужно действовать аккуратно, нужно внимательно смотреть какое действие выбирать! то есть куда попало, что попало тыкать, не понимая куда мы тыкаем не стоит!
Нужно внимательно дочитать какие варианты действий нам предлагают наша система (наш сайт) и только после этого нажать на какую-то либо кнопочку, потому что если мы будем тыкать все подряд есть риск что мы сломаем наш сайт.
В случае если вы куда-то тыкнули, и что-то у вас начало отображаться неправильным образом или вы хотите отменить изменения, система нам позволит откатиться на один шаг назад
После внесения любого изменения с помощью режима правки, у нас появляется в верхней части сайта зеленая плашка, где написано «страница успешно изменена» и у нас есть возможность отменить эти изменения.
Но к сожалению, откатываться можно всего лишь на один шаг. Если мы сделали какое-то изменение, и после этого, начали что-то менять еще, то уже все, предыдущее действие сохранится, как говорится «поезд ушел». Поэтому будьте внимательны когда вы что-то у себя на сайте редактируете. То есть сделали какую-то операцию, посмотрели все в порядке, идем дальше… если что-то пошло не так, нажали кнопочку «отменить изменения»
Я рекомендую пользоваться режимом правки, не как основным инструментом для редактирования товаров или записей на сайте, а больше как вспомогательным.