Обзоры расширений Joomla

Видео уроки Website X5 13, 12 (актуально для 14-17)Видео уроки Website X5 13, 12 (актуально для 14-17)

Видео уроки на русском языке по самостоятельному созданию сайта с нуля в Incomedia Website X5 Evolution и Professional 13, 12 (актуально для 14-17).

 

 

Website X5 17 – это программа для создания веб-сайтов с помощью визуальных инструментов без знания программирования. В ней можно делать сайты разного типа: лендинги, визитки, блоги и даже интернет-магазины.

Программа и справочная система полностью переведены на русский язык. Есть два русскоязычных видео-курса, которые актуальны и для 17-й версии: «Видео уроки Website X5. Создание сайта с нуля», «Видео уроки Website X5. Расширенные возможности». Программа, в большей степени, ориентирована на начинающих пользователей, которые хотят создать сайт для себя или своего бизнеса. Но для опытных пользователей, знакомых с HTML, CSS, JavaScript, SQL и т.д. в программе найдётся ряд инструментов, которые позволят существенно расширить возможности штатных инструментов и добиться нужного внешнего вида или функциональности. Например, сделать калькулятор доставки пиццы.

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

По заявлению разработчиков, Website X5 17 полностью совместим с Website X5 9-16. По идее, это должно минимизировать проблемы с переходом на новую версию. Для владельцев предыдущих версий, у которых закончилась подписка на обновления, в личном кабинете на сайте Market.websitex5.com в разделе Предложения могут быть скидки на продление лицензии. Например, у меня это 50%.

В обзоре участвует последняя, на момент написания статьи (19.11.2018), русскоязычная версия Incomedia Website X5 Professional 17.0.4 (х64). На примере сайта, созданного в предыдущих видео-уроках.

Видео обзор

В данном видео показаны некоторые моменты, описанные в статье.

  • Управление заголовками и мета-заголовками – 00:01:06.
  • Мета-данные страниц блога – 00:04:26
  • Объекты страницы во всю ширину – 00:05:04.
  • Управление купонами на скидку – 00:05:37.
  • Кнопка меню «Гамбургер» – 00:06:31.
  • Настройка стиля пункта меню – 00:07:27.
  • Поля и выравнивание – 00:07:59.
  • Регистрация клиентов при оформлении заказа – 00:08:25.
  • Автоматическое подтверждение оплаченного заказа – 00:09:06.

 

 

Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки Вы можете найти на каналах сайта Aleksius.com в YouTube, Rutube и Mail.ru.

Управление заголовками и мета-заголовками

Теперь в программе можно отдельно указывать заголовок страницы и отдельно мета-заголовок страницы (Title) (рисунок ниже).

Заголовок страницы и мета-заголовок
Заголовок страницы и мета-заголовок

Это можно сделать на 3-м шаге в свойствах страницы (рисунок ниже). Настроить уровень заголовка страницы (H1 или H2) можно в разделе Статистика, SEO и код.

Настройки заголовков
Настройки заголовков

В Professional версии программы на первом шаге создания сайта в Расширенные настройки – Статистика, SEO и код – SEO появились новые опции, позволяющие настроить генерацию мета-тега заголовка страницы (Title), отдельно для страниц блога, отдельно для всех остальных страниц сайта (рисунок ниже). Теперь можно убрать название сайта и символ дефиса из мета-тега заголовка страницы (Title). По сути, Вы указываете, из каких фрагментов, включая разделители, нужно составлять заголовок. Можно сделать так, чтобы мета-заголовок страницы состоял только из мета-заголовка указанного в свойствах страницы, без лишних символов и без названия сайта.

WebSite X5 17
WebSite X5 17

Мета-данные страниц блога

В WebSite X5 Professional 17 стало возможным задавать мета-заголовок, мета-описание и мета-ключевые слова для каждой статьи блога в отдельности (рисунок ниже).

WebSite X5 Professional 17
WebSite X5 Professional 17

Объекты страницы во всю ширину

Появилась возможность расширять строки макета с объектами страницы во всю ширину окна браузера (рисунок ниже). Чем-то напоминает ранее добавленные Стили полос. Обратите внимание, что это доступно только в том случае, если в строке находиться только один объект.

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

На рисунке ниже показан пример объекта во всю ширину (обведено зелёным) и объекта в рамках ширины шаблона (обведено синим). Они расположены на одной странице, «макет» которой показан на рисунке выше.

Объекты страницы во всю ширину
Объекты страницы во всю ширину

Управление купонами на скидку

В WebSite X5 Professional 17 появилась возможность создавать разные купоны на скидку (рисунок ниже). Как и ранее, можно задать фиксированную скидку или процент. Плюс, указать сроки действия купона и сделать так, чтобы он применялся с учётом стоимости оплаты и доставки.

Программа для создания веб-сайтов
Программа для создания веб-сайтов

Всё это можно сделать в Настройки – Расширенные настройки – Корзина – Параметры – Включить возможность использования купонов – Код купона (иконка справа от списка с купонами).

Кнопка меню «Гамбургер»

В настройках меню появилась возможность вместо обычного меню отображать кнопку «Гамбургер». Ранее это было доступно только для определённой ширины сайта. Сейчас можно задать отображение такой кнопки независимо от ширины окна браузера. Плюс, можно настроить внешний вид кнопки и даже указать своё изображение для неё (рисунок ниже). Настройки доступны в любом объекте Меню  на вкладке Главная.

Кнопка меню «Гамбургер»
Кнопка меню «Гамбургер»

Макет страниц на базе CSS Grid

Начиная с 17-й версии программа для создания веб-сайтов перешла на технологию генерации страниц – CSS Grid. Судя по описанию разработчиков, это самое большое новшество WebSite X5 17.

CSS Grid – наиболее «мощная» система для создания CSS макетов веб-страниц на данный момент (ноябрь 2018) (источник). При помощи неё можно позиционировать контент как по горизонтали, так и по вертикали с большей точностью. Также она позволяет легко управлять тем, как страницы адаптируются к размерам окна браузера пользователей и/или экранов их устройств. Это всё происходит с сохранением семантической структуры Вашего контента.

Переход WebSite X5 17 на генерацию макета страниц по технологии CSS Grid обеспечит возможность в дальнейшем внедрять новые современные функции в программу. Что уже даёт CSS Grid в WebSite X5:

  1. Увеличение скорости генерации макета страниц в программе.
  2. Возможность более гибко настраивать макет страницы. Например, появилась возможность задавать ширину ячейки объекта во всю ширину окна браузера – «резиновый дизайн».
  3. Более точное размещение объектов страниц в окне браузера пользователя.
  4. Совместимость с большинством современных браузеров актуальных версий (включая браузеры для мобильных устройств): Firefox 52+, Google Chrome 57+, Safari 10.1+, Opera 44+, Microsoft Edge 16+, Internet Explorer 10-11, Яндекс-Браузер 17+. В Microsoft Edge 12-15 заявлена частичная поддержка.

Внедрение CSS Grid также должно положительно повлиять на стабильность работы WebSite X5.

Немного подробнее, на русском языке, о CSS Grid можно прочесть тут:

Более подробная техническая информация с примерами, на английском языке доступна тут:

Другие изменения

Настройка стиля пункта меню. В объекте Меню, на вкладке Меню уровня, в спадающем списке Элемент меню можно теперь выбрать Элемент для текущей страницы и настроить внешний вид пункта меню для той страницы, где находится пользователь в данный момент (рисунок ниже).

Элемент для текущей страницы
Элемент для текущей страницы

Поля и выравнивание. При создании страниц опции настройки внешних/внутренних полей и выравнивания объектов были вынесены в отдельный инструмент Поля (рисунок ниже).

Поля и выравнивание
Поля и выравнивание

Регистрация клиентов при оформлении заказа. В WebSite X5 Professional 17 можно выбрать один из вариантов регистрации клиента при оформлении заказа (рисунок ниже):

  1. Покупка без обязательной регистрации пользователя.
  2. Покупка с обязательной регистрацией пользователя.
  3. Покупка с или без обязательной регистрации пользователя.

Для работы опции 2 и 3 необходимо настроить автоматическую регистрацию пользователей.

Регистрация клиентов при оформлении заказа
Регистрация клиентов при оформлении заказа

Автоматическое подтверждение оплаченного заказа. В WebSite X5 Professional 17 появилась возможность автоматически отправлять уведомление покупателю о завершении/выполнении заказа, после получения оплаты от него. Это доступно в случае продажи цифровых товаров и только для способа оплаты PayPal (рисунок ниже). Для этого перейдите в Настройки – Расширенные настройки – Корзина – Упр. заказами создайте новый метод оплаты тип PayPal/кредитная карта и активируйте опцию Выполнить заказ после получения оплаты.

Автоматическое подтверждение оплаченного заказа
Автоматическое подтверждение оплаченного заказа

Изображения из Pixabay. В некоторых дополнительных объектах, например, Animated ImageBefore/After Comparison повелась возможность вставки изображений из бесплатной галереи Pixabay (рисунок ниже).

Изображения из Pixabay
Изображения из Pixabay

Метод оплаты Amazon Pay. Теперь в профессиональной версии программы для создания веб-сайтов появился новый метод оплаты Amazon Pay. Для его создания перейдите в Настройки – Расширенные настройки – Корзина – Упр. заказами создайте новый метод оплаты тип Amazon Pay.

Другие более мелкие новшества и изменения:

  • Оптимизировано отображение изображений и видео в окне ShowBox на мобильных устройствах. Теперь используется вся ширина экрана устройства.
  • В WebSite X5 Start 17 появилась возможность активации адаптивного дизайна.

На мой взгляд, 17-я версия программы для создания веб-сайтов принесла несколько давно желанных опций: управление мета-заголовками страниц, возможность создания объектов с шириной во всё окно браузера, создание купонов на скидку и добавление мета-данных к записям блога. Благодаря совместимости с предыдущими версиями и сохранившемуся вот уже с 12-й версии интерфейсу пользователя, у Вас не должно возникнуть больших проблем с переходом на 17-ю версию с предыдущих. А изучение новых возможностей, по сравнению с 16-й версией, займёт не более часа. Если у Вас много страниц, особенно в блоге, то внедрение мета-данных на каждую из них может занять много времени. Но это связано не с WebSite X5, а с тем, что на написание нормального мета-заголовка и мета-описания может уходить длительное время. Особенно, если подстраиваться под пользователей и под поисковые системы.

Видео уроки Website X5 13, 12 (актуально для 14-17)Видео уроки Website X5 13, 12 (актуально для 14-17)

Видео уроки на русском языке по самостоятельному созданию сайта с нуля в Incomedia Website X5 Evolution и Professional 13, 12 (актуально для 14-17).

 

Полезные ссылки: