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

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

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

 

 

Incomedia Website X5 15 – русскоязычная и простая в освоении программа для создания сайтов различной сложности. В ней можно работать без знания программирования. Позволяет делать как лендинги, так и небольшие интернет- магазины. Сайты адаптивные (подходят для мобильных устройств), быстро загружаются (при адекватном сжатии изображений) и вполне приемлемо оптимизированы под поисковые системы. Для сайта подойдёт почти любой современный хостинг, даже без поддержки базы данных (при этом Ваши возможности будут менее обширными). Учитывая специфику создаваемых этой программой сайтов, они немного более защищены от взлома по сравнению с популярными CMS. Также сайты, сделанные в Website X5 15, создают меньшую нагрузку на хостинг, чем сайты на CMS. Плюс, данная программа в изучении проще большинства популярных систем управления контентом. Но стоит отметить, что по функциональности она уступает таким «гигантам» как Drupal, Joomla, WordPress и т.д.

В обзоре участвует последняя, на момент написания статьи (16.03.2018), русскоязычная версия Incomedia Website X5 Professional 15.0.2 (64 bit). Рассматриваются новшества данной программы по сравнению с Website X5 Professional 14.0.6.2. О новинках 14-й версии сравнительно с 13-й Вы можете узнать в статье «Обзор Website X5 v14. Новшества программы».

Website X5 15, в плане пользовательского интерфейса, по сравнению с 14-й версией изменилась незначительно, поэтому данные видео уроки актуальны и для 15-й версии.

Что нового в Website X5 15

Страница ошибки 404

Страница ошибки 404 – это страница, которую видит посетитель на Вашем сайте, если он перешёл на URL адрес (страницу), которого нет на Вашем сайте. Такие ситуации возникают в результате различных обстоятельств, например, если Вы поменяли адреса страниц, удалили какую-то страницу, поставили неправильную ссылку на страницу и так далее. Ошибка 404 на Вашем сайте может возникать также в случаях, когда на других сайтах есть ссылки на Ваш сайт, но она ведёт на не существующие страницы. «404» – это код ответа, который возвращает сервер Вашего сайта браузеру пользователя. В предыдущей статье были приведены рекомендации касательно оформления и содержимого страницы ошибки 404. Они актуальны для любых сайтов, в том числе для сайтов, созданных на Website X5.

В видео уроках «Website X5. Расширенные возможности» был показан «универсальный» способ создания страницы ошибки 404 для любой версии Website X5 (14, 13, 12, 11 и др.). В Website X5 15 данный процесс упрощён (обновление доступно только для Website X5 Professional). Вам не нужно напрямую работать с файлом «.htaccess», программа сделает это за Вас. Для этого перейдите на 3-й шаг создания сайта – Карта (рисунок ниже), создайте новую страницу, которая будет отображаться при возникновении ошибки 404.

Website X5 15
Website X5 15

Отметьте такую страницу при помощи инструмента Страница 404 в верхней панели и инструментов (рисунок выше). Также рекомендую сделать следующее:

  1. Отметить страницу при помощи инструмента Скрыта.
  2. В свойствах страницы, на вкладке Эксперт, убрать «птичку» для опции Добавить эту страницу к карте сайта (рисунок ниже).
  3. В свойствах страницы, на вкладке Эксперт, в спадающем списке Пользовательский код нужно выбрать После открытия тега HEAD и вставить указанный ниже код.
<meta name=robots content="noindex,follow"/>
Website X5 Professional 15
Website X5 Professional 15

В перечне выше, пункты №2 и 3 нужны для минимизации возникновения вероятности попадания страницы 404 в результаты поисковой выдачи Яндекс, Google и других поисковых систем. Альтернативным способом закрытия страницы от индексации может быть добавление нижеуказанной строки в файл «robots.txt». Это можно сделать на втором шаге создания сайта в Расширенные настройки – Статистика, SEO и код – Включить файл robots.txt (рисунок ниже). Немного подробнее об этом файле можно прочесть в предыдущей статье «Обзор Incomedia WebSite X5 Evolution 10 (часть 3). Создание сайтов».

Настройка файла robots.txt
Настройка файла robots.txt
Disallow: /404.html

Обратите внимание, что в моём примере «404.html» – это имя и расширение генерируемого файла страницы ошибки 404. Его Вы задаёте в свойствах страницы в карте (рисунок ниже). У Вас оно может быть другим.

Имя страницы
Имя страницы

На рисунке ниже показан пример страницы 404 в тестовом браузере Website X5 Professional 15.

Пример страницы 404
Пример страницы 404

Рекламное сообщение

Немного подробнее о данном инструменте можно прочесть в предыдущей статье «Обзор Incomedia WebSite X5 Evolution 10 (часть 7). Создание сайта с нуля». В Website X5 15 были добавлены опции, которые позволят ограничить показ рекламного сообщения на определённых страницах сайта, задать дату начала и конца показа рекламы и указать, через сколько секунд после начала просмотра страницы пользователем нужно отобразить рекламу. Всё это можно настроить в Настройки – Расширенные настройки – Рекламное сообщение – Режим отображения (рисунок ниже).

WebSite X5 Evolution 15
WebSite X5 Evolution 15

Обратите внимание, что не все опции области Режим отображения можно применять ко всем типам сообщений.

Импорт товаров CSV

В программе уже давно есть возможность импорта/экспорта товаров интернет-магазина при помощи CSV файла. Как это делать, показано в предыдущем видео курсе «Website X5. Создание сайта с нуля». В 15-й версии Website X5 импорт CSV товаров можно сделать уже с изображениями.

Для импорта товаров с картинками в CSV файле нужно создать столбец «images» (без кавычек) и в нём указать полный (абсолютный) путь к файлу изображений, включая имя файла изображения и его расширение (регистр тоже учитывается), находящийся у Вас на компьютере. Пример:

D:\Joomla\aleksius.com\Контент\Обзор WebSite X5 15\Изображения\pitstsa-15-1.jpg

Где «D:\Joomla\aleksius.com\Контент\Обзор WebSite X5 15\Изображения\» – путь к папке с изображениями у меня на компьютере, а «pitstsa-15-1.jpg» – имя файла самого изображения, которое нужно импортировать.

Если надо добавить к товару несколько изображений, тогда разделяйте путь к каждому изображению при помощи вертикальной черты «|» (без кавычек). Пример (рисунок ниже):

D:\Joomla\aleksius.com\Контент\Обзор WebSite X5 15\Изображения\pitstsa-15-1.jpg|D:\Joomla\aleksius.com\Контент\Обзор WebSite X5 15\Изображения\pitstsa-15-2.jpg|D:\Joomla\aleksius.com\Контент\Обзор WebSite X5 15\Изображения\pitstsa-15-3.jpg|D:\Joomla\aleksius.com\Контент\Обзор WebSite X5 15\Изображения\pitstsa-15-4.jpg|D:\Joomla\aleksius.com\Контент\Обзор WebSite X5 15\Изображения\pitstsa-15-5.jpg
Импорт товаров из CSV в Website X5
Импорт товаров из CSV в Website X5

Путь может содержать имена папок с русскими буквами и пробелами. Но не рекомендую применять это к файлам самих изображений. В данной статье Вы сможете найти рекомендации касательно имён файлов изображений. А в этой статье можно найти рекомендации касательно самих изображений.

В конце данной статье Вы найдёте пример CSV файла для импорта товаров с изображениями. Рекомендую работать с ним в LibreOffice Calc. Обратите внимание, что если Вы импортируете его себе, то изображения не будут импортированы, так как пути, указанные в файле, относятся к моему компьютеру. У Вас они должны быть другими.

SEO анализ

В программе уже давно есть инструмент анализа сайта. В Website X5 Professional 15 он был усовершенствован и теперь анализирует настройки проекта и элементы шаблона. Плюс, был немного изменён стиль оформления элементов окна. Его можно найти в Экспорт – Анализ и оптимизация веб-сайта (рисунок ниже). Причём в информации об ошибке (Положение) указывается, при какой ширине экрана видна ошибка. Ширина экрана («Точки останова») задаются в Шаблон – Разрешения и адаптивный дизайн – Перечень точек останова.

Анализ проекта в Website X5 Professional 15
Анализ проекта в Website X5 Professional 15

Тестирования сайта на мобильном устройстве

В Website X5 Professional 15 есть возможность быстро перейти к просмотру сайта на мобильном устройстве без необходимости его выгрузки в интернет. Для этого:

  1. Перейдите к предпросмотру сайта во встроенном браузере Website X5.
  2. В правом верхнем углу браузера нажмите на инструмент Предпросомтр на Мобильном устройстве (рисунок ниже).
  3. Отсканируйте появившийся QR-код при помощи Вашего мобильного устройства, на котором хотите просмотреть сайт.
Предпросомтр на мобильном устройстве
Предпросомтр на мобильном устройстве

Чтобы всё прошло нормально, должен выполняться ряд условий:

  1. Ваше мобильное устройство должно быть подключено к той же Wi-Fi сети, что и компьютер, на котором Вы в данный момент работаете с Website X5.
  2. Ваше мобильное устройство должно быть оснащено камерой.
  3. На Вашем мобильном устройстве должно быть приложение для сканирования QR-кодов. Например, у меня в Android0 установлено бесплатное приложение Lighting QR (рисунок ниже).
  4. На Вашем мобильном устройстве должен быть установлен современный браузер.
QR-код
QR-код

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

Архивация и резервные копии. В 14-й версии программы был расширен функционал по резервному копированию проектов. А в Website X5 15 это стало доступно не только в Professional, но и в Evolution версии.

Showbox всплывающего окна. Теперь в Showbox при переключении изображения в полноэкранный режим оно занимает абсолютно весь экран, включая область вне браузера.

Управление объектами (Страницы – Управление).

  • При открытии проекта, если необходимо, имеющиеся опциональные объекты (рисунок ниже) обновляются или устанавливаются автоматически.
  • Упрощён поиск объектов (рисунок ниже) за счёт добавления поля поиска и сортировки по алфавиту, категориям.
  • Для поиска объектов, которые применены в проекте можно использовать фильтр Использованы в проекте (рисунок ниже).
  • Обновления множества дополнительных объектов.
Управление объектами
Управление объектами

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

  • Добавлено 100 новых шаблонов сайта.
  • Добавлены новые настройки эффектов всплывающих подсказок при наведении мыши (рисунок ниже). Их можно посмотреть, например, в Страницы – объект Текст – Вставить ссылку – Страница сайта – Подсказка. Эти опции доступны и в других частях сайта, где можно вставлять всплывающие подсказки.
  • Изменён стиль оформления элементов окна (шага) Карта.
Подсказка
Подсказка
Календарь
Календарь
  • В объекте Комментарии и оценки – Система управления комментариями – Шаблон WebSite X5 в самой форме комментариев была убрана кнопка отмены/сброса.
  • Изменения в коде сайта согласно рекомендациям W3C.
  • В свойствах страниц задан лимит на мета-описание, равный 300 символам.
  • Множество мелких исправлений.

Видео урок

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

  • Страница ошибки 404 – с 01:52.
  • Рекламное сообщение – с 04:29.
  • Импорт товаров CSV – с 05:13.
  • SEO анализ – с 09:30.
  • Тестирования сайта на мобильном устройстве – с 10:46.
  • Архивация и резервные копии – с 11:51.
  • Управление объектами – с 12:11.

 

 

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

Как видите, изменения, сделанные в Website X5 15 направлены на упрощение самого процесса создания сайта и на расширение возможностей по его разработке. Плюс, не так давно Incomedia пересмотрела подход к лицензированию программы и ввела «услугу» – «Update Protection». Суть такова: покупая лицензию на Website X5, Вы получаете право загружать все обновления программы в течение следующих 12 месяцев.

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

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

 

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

При скачивании файлов менеджерами загрузок возможны проблемы.
ФайлОписаниеРазмер
Скачать этот файл (website-x5-15.zip)Пример CSV файла для импортаПроверен в WebSite X5 Professional 15.0.20.8 Кб