Обзор website x5 12

Страницы товаров

Теперь в WebSite X5 Pro появилась возможность автоматического создания отдельных страниц под каждый товар (рисунок ниже). Ранее это можно было делать вручную, а теперь достаточно включить одну опцию, и программа сгенерирует страницу, содержащую:

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

Адрес страницы товара будет выглядеть так: «https://site.com/product/index.html?regina», где «regina» – это название товара. Его Вы можете изменить.

Страница поддерживает адаптивный дизайн и на ней есть структурированные данные.


WebSite X5 2021.2

В связи с этим обновлением были переработаны настройки товара (рисунок ниже). Они разделены на девять вкладок. Большинство опций уже было доступно в программе и до этой версии.

  1. Общие (рисунок ниже). Тут можно ввести название товара, краткое описание (то, что видно на странице категории товаров), цену, налог и вес. Плюс, можно включить отображение бэджа «Новинка».
  2. Изображение. Позволяет задать одно или несколько изображений (или видео). Плюс, можно включить отображение увеличенных изображений товаров во всплывающем окне.
  3. Опции. Можно задать параметры для .
  4. Параметры. Можно задать характеристики товара (цвет, размер и т.д.), влияющие или не влияющие на его цену.
  5. Показать подробно. Новая вкладка, которую рассмотрим ниже.
  6. Цифровой товар. Позволяет с возможностью их загрузки с сайта.
  7. Скидка. Можно задать фиксированную скидку, скидку в зависимости от количества купленного товара, купон на скидку и зачёркнутую цену.
  8. Наличие. Позволяет вывести .
  9. SEO. Новая вкладка, которую рассмотрим ниже.


Настройки товара

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

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


Показать подробно

На рисунке ниже показан пример описания во вкладках.


Описание во вкладках

Чтобы включить генерацию страницы товар в спадающем списке (рисунок ниже) выберите На страницу продукта. Если выбрать Нет, у товара не будет страниц. Если выбрать Ссылка, можно указать любое действе по нажатию на товар. В том числе задать ссылку на страницу товара, которую Вы создали сами.


Ссылка на страницу товара
SEO

Также в WebSite X5 2021.2 Pro появилась возможность выполнения массовых действий над несколькими товарами. Можно задать одинаковую цену, налог, вес, включить отображение изображений в виде галереи, создать всем товарам страницу товара, назначить скидку и изменить наличие. Достаточно выделить несколько товаров, нажать кнопку Редактировать, внести нужные изменения и активировать опцию Применить изменения этой вкладки ко всем выбранным продуктам (рисунок ниже).


Массовые действия над товарами

Для изменения некоторых настроек внешнего вида страницы товара перейдите на шаг Карта и отредактируйте опции страницы Корзина: На страницу продукта (рисунок ниже)


Редактирование страниц товаров

На вкладке Общие (рисунок ниже) можно поменять сторону отображения галереи товара, изменить её размеры, включить/отключить отображение товаров из одной и той же категории на странице товара и вывести кнопки шаринга в социальные сети.


Общие

А вкладка Комментарии (рисунок ниже) аналогична одноимённой вкладке для блога. Тут можно включить встроенные в WebSite X5 комментарии и/или рейтинг, настроить их внешний вид и функционирование. Или можно включить отображение комментариев Facebook или Disqus.


Комментарии

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

Переход 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 Evolution есть возможность вставки якоря со ссылкой на . Но если необходимо создать якоря внутри объекта Текст, тогда этот способ не подойдёт. Для организации «оглавления» к длинным страницам, таким, как у меня в этой статье в самом верху, Вам нужно применить HTML-код.

Сперва активируйте инструмент Включить HTML-код (рисунок ниже).


Создание якоря

Затем создайте оглавление (рисунок выше). Код такой:

«zagolovok-1» – это ссылки на якоря, «Заголовок 1» – это текст оглавления. У Вас они могут быть другими. После этого добавьте сами якоря в нужные части страницы. Якоря выглядят так:

«zagolovok-1» – это и есть якорь. У Вас они могут быть другими. То есть, по нажатию на «<a href=»#zagolovok-1″>Заголовок 1.</a>» пользователь перейдёт в ту часть страницы, где есть якорь «<a name=»zagolovok-1″></a>». Примерно это выглядит так, как показано на рисунке ниже.


Создание якоря 2

Обратите внимание, если оглавление находится в одном объекте, а якорь в другом, то переход всё равно работает. Если, например, нужно создать оглавление на одной странице, а переходить к якорям на другой, оглавление будет выглядеть так:. Где «http://aleksius.com/sozdanie-sajtov/incomedia-website-x5/professional-13» – полный URL-адрес той страницы, где есть якорь

Где «http://aleksius.com/sozdanie-sajtov/incomedia-website-x5/professional-13» – полный URL-адрес той страницы, где есть якорь.

Create a beautiful and professional website for you business in a few steps

WebSite X5 Professional 12 lets you create web pages in just a few steps. Without the need of any previous programming or web design skills, you can create a website in minutes.

Create your business page online

WebSite X5 Professional 12 is the perfect program if you want to create a website with an attractive, professional look but lack the expertise.

Through its clean interface, WebSite X5 Professional 12 allows you to create a website through its guided process. You start by choosing a template, which will be the key to creating the structure of your website.

WebSite X5 Professional 12 has more than 1,000 graphic templates and, if you dare, you can even customize these or create one from scratch.

WebSite X5 Professional 12 can be used to create any type of website, though in truth the professional edition is best suited for businesses. If you want to create a more personal site or blog, we recommend the WebSite X5 Evolution 12 edition.

WebSite X5 Professional 12 is the perfect app to create e-commerce sites to show off your catalog and sell your products.

WebSite X5 Professional 12 also allows you to manage dynamic content. This allows your employees to update the page directly online, without access to the program.

Another useful option of WebSite X5 Professional 12 is its access management, ideal to have control over the database of your customers.

WebSite X5 Evolution 11 was only focused on desktop web pages, but with version 12 it has included page layouts suitable for mobile devices. Thus, the app has the option to create responsive designs, i.e. web designs to suit the device from which the page is viewed. This means that, no matter where your users view your web page, the browsing experience will be optimal.

Resources for all

Another of the great strengths of WebSite X5 Evolution 12 is how well all of its responsive design options are integrated. It is easy to manage, and see how it adapts to the different versions of your site.

You don’t have a clue SEO? That is no problem, because WebSite X5 Professional 12 has tools that improve your rankings in the main search engines.

WebSite X5 Evolution does not neglect safety. The latest version has added a new selection of options to manage the privacy and security aspects of your website. This includes a policy control for your website, the ability to add a recpatcha, and a filter to avoid spam on your page’s comments.

Easy to use and with surprising results

If we had to summarize WebSite X5 in two adjectives they would be: easy and professional. It is surprising the ease with which anyone — even those with little or no knowledge — can design a site with a profession, high-quality look.

It is also worth noting that WebSite X5 is available in two varieties, Evolution and Professional. This review is talking about the more business focused Professional offering.

Как подобрать значение ширины сайта для большинства мониторов

Если не знаете, какую лучше подобрать ширину для своего сайта, чтобы он нормально отображался на большинстве устройств Ваших потенциальных пользователей, тут самое лучшее – посмотреть в статистике своего сайта. Например, в Яндес.Метрика эта информация находится в Отчёты – Технологии – Разрешения дисплея (рисунок ниже).


Статистика разрешений экранов. Яндекс

Там сразу увидите, какие расширения экранов популярны на Вашем сайте. Эти данные можно применять для более осмысленной настройки точек остановки в Шаблон – Персонализация – (рисунок ниже).


Разрешения и адаптивный дизайн

Если Вы ещё не устанавливали счётчик Яндекс Метрики себе на сайт, то установите, подождите и увидите нужные Вам данные. Когда не знаете, как можно установить себе счётчик Яндекс Метрики, переходите к следующему пункту самоучителя Website X5 «». Добавление счётчиков Яндекс Метрики, LiveInternet и др. аналогичны.


Подбор значения ширины сайта для большинства мониторов

  • Браузеры.
  • Операционные системы.
  • Разрешения экрана.
  • Поисковые системы.
  • Поисковые запросы.
  • Каталоги.


Hotlog.ru

Постановка задачи

Один из моих клиентов задался вопросом учёта проданных товаров. В программе уже достаточно давно есть возможность ограничения продажи товара по количеству с . А в админке и приложениях есть .

Задача была получить возможность просмотра всех проданных товаров (наименование и количество) за последний месяц. На момент обращения клиенту приходилось открывать каждое письмо с информацией о заказе за последний месяц и переносить данные в свою таблицу.

Были найдены такие варианты решения этой задачи:

  1. Написать скрипт, который по расписанию будет вытягивать нужные данные из базы данных WebSite X5 и формировать сводный отчёт. Это предложение клиент отверг. Но на мой взгляд, это наиболее удобный для последующей работы вариант.

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

Куда вставить код лайвинтернет счётчика

При регистрации в LiveInternet рекомендую выбрать опцию «в виде двух картинок» (это на первом шаге «Выберите тип счетчика») в нижней части страницы (рисунок ниже).


Код лайвинтернет счётчика

Вам порекомендуют: «HTML-код счетчика, совмещенного с логотипом (для более точного учета посещаемости код нужно вставить как можно ближе к началу страниц, между тегами <body> и </body>)». Копируем этот код и вставляем его на первом шаге создания сайта в Настройки – Расширенные настройки – . Вкладка Эксперт, в спадающем списке Пользовательский код выберите Перед закрывающим тегом BODY (рисунок ниже). Можно также выбрать После открытия тега BODY. Первый вариант меньше влияет на скорость, второй даёт более точную статистику. Этот способ одинаков для вставки почти любого счётчика: Яндекс.Метрика, Google Analytics и так далее.


Вставка кода лайвинтернет счётчика

В принципе, это и всё. Но можно ещё вставить код из поля «HTML-код логотипа liveinternet.ru (вставьте его в любое место ваших страниц)» туда, где Вы хотите отображать информер Liveinternet.ru. Если хотите отображать на всех страницах, то вставьте, например, в Шаблон – Персонализация – Контент шапки и подвала, вкладка Футер. Вставляется при помощи объекта HTML-код.

Структурированные данные

В новой версии программы была существенно расширена поддержка структурированных данных. В предыдущей статье в моём блоге «Обзор Google Structured Data. Компонент Joomla для структурированных данных Google» уже поднималась данная тема, но касательно сайтов на Joomla. Приведу отрывок из статьи о структурирвоанных данных:

В WebSite X5 Pro (в Evo этого нет) были добавлены такие типы структурированных данных (по ссылкам Вы найдёте описания каждого типа):

По большому счёту, WebSite X5 сам добавляет специальный код на основании информации на сайте. Каких-то особых настроек структурированных данных нет, кроме как данных о местной компании. Они находятся в Настройки – Расширенные – Оптимизация веб-сайта, SEO – Структурированных данных (рисунок ниже).


Incomedia WebSite X5 2020.2

При тестировании главной страницы тестового сайта в инструменте структурированных данных Google я получил такой результат (рисунок ниже). Ошибок нет, одно предупреждение: «Рекомендуется заполнять поле priceRange. Укажите значение, если оно известно». В принципе, предупреждения можно игнорировать. Тут отображаются типы структурированных данных: «Местная компания» и «Логотип».


Структурированные данные главной страницы
Структурированные данные страницы товаров

Настройка Database Viewer


WebSite X5 Professional 13

Этап 1 (не обязательный). Сперва создайте отдельную группу пользователей и пользователя в Настройки – Расширенные настройки – Управление доступом (рисунок ниже).


Уроки WebSite X5

Создайте отдельную страницу на третьем шаге «Карта» и защитите её. Это нужно для того, чтобы данные были видны только после ввода логина и пароля. Немного подробнее об этом можно прочесть в статьях «» и «».

Этап 3. На созданной или уже существующей странице разместите объект Database Viewer и перейдите в его настройки (рисунок ниже).


Видео-уроки WebSite X5

В области Data Вы указываете в спадающем списке Database (база данных) ту базу данных, в которой находится таблица, из которой Вы хотите отображать данные.

В поле Table Name (имя таблицы) укажите название таблицы базы данных, которую хотите отображать. Учтите, что оно может отличаться от того имени, которое Вы задали в настройках, например, той же корзины (рисунок ниже).


Имя таблицы

В моём примере имя таблицы в настройках корзины — «tovary», но в базе данных она называется «tovaryproducts» (рисунок ниже).


phpMyAdmin

Так вот в настройках объекта Database Viewer нужно указывать именно то имя, которое будет в базе данных. В моём примере это «tovaryproducts».

Все остальные опции объекта Database Viewer, по большому счёту, не обязательны. Можно указать заголовок таблицы в поле Header Title (заголовок шапки), настроить цвета разных элементов таблицы и включить чередование подсветки строк таблицы (опция Alternate rows color (разный цвет строк)).

Также можно указать количество одновременно отображаемых строк на одной странице (пагинация). Чем меньше число, тем меньше нагрузка на базу данных, тем быстрее загрузится страница. Но с маленьким количеством строк может быть не так удобно работать.

При желании можно активировать показ инструментов редактирования, которые помогут внести правки в таблицу базы данных или даже удалить строки (опция Show Edit Controls (показать инструменты редактирования)). Рекомендую не включать данную опцию.

Очень-очень полезной, по моему мнению, опцией является List of hidden columns (список скрываемых столбцов). В моём примере скрыты такие столбцы (их нужно указывать через запятую без кавычек): «product_id, option, suboption, vat, price_plus_vat, physical, digital, download_hash, download_link, download_end_ts». По умолчанию, если не скрывать столбцы, то будут отображаться все 14, присутствующие в базе данных (рисунок ниже).

Таблица базы данных

Но в результате скрытия, на сайте отображаются только нужные мне столбцы (рисунок ниже). Так гораздо удобнее работать с таблицей.


Отображение таблицы базы данных на сайте

В этой таблице (рисунок выше) видны названия товаров, их количество и ID заказ. Но, к сожалению, не видно даты заказа.

Этап 4. Для получения информации о дате заказа нужно сдублировать объект Database Viewer и заменить значение таких полей (без кавычек):

  • Table Name – «tovaryorders». У Вас имя таблицы может отличаться.
  • List of hidden columns – «ip, vat, price_plus_vat, currency, shipping_name, shipping_icon, shipping_price, shipping_vat, shipping_price_plus_vat, payment_name, payment_icon, payment_price, payment_vat, payment_price_plus_vat, coupon, vat_type, availability_reduction_type, contains_digital_products».

В результате мы получим вторую таблицу, отображаемую на сайте (рисунок ниже).


Отображение таблицы базы данных на сайте (2)

Она нам нужна, чтобы видеть дату совершения заказа.

Этап 5. Далее экспортируем в CSV первую таблицу. На рисунке ниже показаны параметры импорта таблицы в LibreOffice Calc (разделитель — запятая). Ничего не делая с данными, нужно найти ID первого заказа, совершённый в прошлом месяце. Это сделать достаточно просто. Следует найти его при помощи поиска во второй таблице на сайте. Для этого вводим нужный Вам год и месяц.  Например, «2017-07» (без кавычек) – формат «год-месяц» (2017 июль).


Открытие CSV-файла

После этого перейдите в LibreOffice Calc, найдите нужный ID и удалите все заказы, ниже строки с нужным Вам ID. Так Вы удалите заказы, совершённые до июля 2017. По большому счёту, в LibreOffice Calc Вы сможете проводить любые нужные действия с данными.

Права доступа на файлы и папки

Иногда бывают случаи, когда сайт не выгружается на хостинг, комментарии к блогу не добавляются или возникают ошибки типа «Доступ запрещён». Одним из вариантов решения подобных проблем является проверка прав доступа на файлы и папки. На мой взгляд, проще всего это сделать через панель управления хостинг-аккаунтом. Как в неё зайти и где взять учётные данные для входа, Вы можете узнать в службе технической поддержки хостинга или в его справочной системе.

Даже если Вам не надо менять права доступа на файлы и папки, то учётные данные для доступа к FTP нужны для экспорта сайта или его изменений на сервер. Об этом Вы сможете прочесть в статье «».

Рекомендую пробовать установить права доступа на папки «755» или «775», лучше «755». На файлы рекомендую «644». На файлы, которые находятся непосредственно в корневой папке сайта, можно установить разрешение «444».

Рассмотрим, как это сделать на примере панели управления хостингом ISPmanager.

  1. Перейдите на страницу авторизации в панели и введите свои учётные данные.
  2. Зайдите в директорию, содержащую папку, в которой располагается папка с Вашим сайтом. Как правило, это папка «www», а директория сайта носит имя URL имени сайта. Например, «test2.aleksius.com».
  3. Выделите папку с вашим сайтом. В моём примере это «test2.aleksius.com».
  4. В панели инструментов в правом верхнем углу нажмите кнопку Атрибуты.
  5. В появившемся окне Атрибуты файла (рисунок ниже) в спадающем списке Рекурсивно выберите значение сменить права только для директорий. Это указывает на то, что необходимо менять права только на папки, а не на файлы, но для этой и всех вложенных в неё папок (рекурсия).
  6. В поле Права доступа укажите «755» или «775», лучше «755».
  7. Нажмите кнопку Ok.

Через несколько секунд права на эту и все вложенные папки будут обновлены на те, что задали Вы.

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

  • Установите и запустите FileZilla.
  • У левой верхней части окна в поля «Хост», «Имя пользователя» и «Пароль» введите Ваши учётные данные для доступа FTP-сайта. Их можно узнать у Вашего хостинг-провайдера (рисунок ниже).

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

В появившемся окне установите настройки, указанные на рисунке ниже. Можно просто ввести трёхзначное число в поле Числовое значение

Обратите внимание на то, что опция Перенаправить на вложенные каталоги и опция Применить только к каталогам указывает на то, что заданные в поле Числовое значение права, будут распространяться на эту папку и все вложенные в неё папки (не файлы)

Нажмите кнопку ОК и дождитесь окончания применения прав. Время зависит от количества объектов, скорости сети, загрузки сервера и так далее. Для смены прав доступа к папкам выделите папку с вашим сайтом и нажмите на неё правой клавишей мыши. В появившемся окне установите настройки, указанные на рисунке ниже. Можно просто ввести трёхзначное число в поле Числовое значение

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

Нажмите кнопку ОК и дождитесь окончания применения прав. Время зависит от количества объектов, скорости сети, загрузки сервера и пр. Время на применение прав доступа к файлам больше, чем время применения прав доступа к папкам из-за разницы в их количестве.

Рекомендую использовать смену прав доступа к файлам и папкам при помощи панели управления хостингом. Так как, например, ISPmanager применяет права доступа ко всем файлам и папкам буквально за 2-3 секунды.

Все в одном

Экономьте свое время и силы, ведь WebSite X5 включает все, что может понадобиться для создания привлекательных и интуитивно-понятных сайтов. Для каждого задания есть отдельный инструмент: от редактора изображений, фотографий и автоматического создания кнопок и меню, до публикации сайта при помощи встроенного FTP-движка. Вам не понадобится ни одна другая программа — в WebSite X5 есть все!

Если вам нужны дополнительные идеи для вашего сайта WebSite X5 может помочь:в вашем распоряжении более 6000 эксклюзивных фотографий (без авторских отчислений), наборы кнопок и графические библиотеки, а также галереи готовых элементов интерфейса, и многое другое.

Вы можете воспользоваться услугами любого хостинг-провайдера, но стоит помнить, что в поставку WebSite X5 входит регистрация вашего доменного имени и 5 Гб свободного места на сервере без каких-либо дополнительных взносов

CMS Versions: Minor

Minor Version Percent
Version 9.1 5.840%
Version 9.0 1.540%
Version 8.0 5.046%
Version 7.0 1.812%
Version 2021.3 1.493%
Version 2021.2 3.258%
Version 2021.1 2.061%
Version 2020.3 4.916%
Version 2020.2 2.357%
Version 2020.1 1.149%
Version 2019.3 3.779%
Version 2019.2 1.765%
Version 2019.1 1.019%
Version 17.1 2.345%
Version 17.0 2.819%
Version 16.3 5.378%
Version 16.2 1.090%
Version 16.1 0.486%
Version 16.0 0.225%
Version 15.2 2.120%
Version 15.1 0.403%
Version 15.0 0.178%
Version 14.0 3.317%
Version 13.1 12.14%
Version 13.0 0.959%
Version 12.0 12.63%
Version 11.0 8.884%
Version 10.1 10.14%
Version 10.0 0.853%

Админка Incomedia WebSite X5 Evolution 10

  • Логин – admin
  • Пароль – n4f0e2t3

Админка в Website Evolution очень скромная, по сравнению с административными зонами систем управления содержимым. Для доступа к ней добавьте «admin» (без кавычек) к доменному имени сайта. Например, «http://aleksius.com/admin», где «aleksius.com» непосредственно URL Вашего сайта. О том, при помощи каких инструментов можно управлять пользователями (создавать их  и задавать пароли) мы говорили в статье «».

Админка Incomedia WebSite X5 Evolution 10 разделена на три вкладки:

  1. Blog.
  2. Гостевая книга.
  3. Test.

На вкладке Blog (рисунок выше) Вы можете видеть все комментарии, оставленные пользователями к статьям Вашего блога. Подробнее о том, при помощи чего можно создать блог мы говорили в статье «».

Гостевая книга. На этой вкладке Вы можете видеть все комментарии, которые оставили пользователи в Вашей гостевой книге. Подробнее о том, при помощи чего можно создать блог мы говорили в статье «».

На вкладке Test (рисунок ниже) Вы можете видеть список замечаний к Вашему хостингу.

Incomedia Website позволяет Вам увидеть «узкие» места в настройках Вашего хостинга, которые могут препятствовать нормальной работе сайта.

В  панель управления стала более функциональной и теперь хорошо отображается на мобильных устройствах.

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

Обратите Ваше внимание на то, что создание сайта HTML или статического сайта само по себе более простое в плане защиты от взлома, чем в случае с системами управления содержимым (CMS). Но всё равно, рекомендую Вам создавать безопасные пароли

Также, будет не лишним ознакомиться с таким статьями как: «Обзор Siteguard. Проверка сайта на вирусы», «Защита Joomla (часть , , , , , )».

Если у Вас возникли вопросы касательно того, как и где можно купить WebSite X5, то можете обратиться к статье «Тонкости покупки Website X5 Evolution 10».

Автор статьи – Хорошевский Алексей

Примерно с 2008 года и по сегодняшний день создаю сайты «под ключ» на Joomla и WebSite X5. Также занимаюсь их доработкой, SEO-продвижением, контекстной рекламой, защитой от взлома и оптимизацией скорости загрузки сайта.

Кандидат технических наук по специальности «Информационные технологии».

Похожие материалы

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

При скачивании файлов менеджерами загрузок возможны проблемы.
Файл Описание
Проек сайта Файл проекта (*.IWZIP) тестового сайта к циклу статей Incomedia WebSite X5 Evolution 10 (10.0.4.28)

WebSite X5 Professional 11

Новое программное обеспечение, созданное Incomedia, предназначенное специально для профессионалов в области веб-дизайна, чтобы предоставить функциональный и гибкий  инструмент, позволяющий наилучшим образом выразить ваши возможности, получить результаты, которыми останутся довольны заказчики и горды вы сам. WebSite X5 Professional 11 — это уникальное программное обеспечение, гениальное сочетание простоты и мощности, которое коренным образом изменило процесс создания профессиональных веб-сайтов, оттеснив коды и технические аспекты на второй план по отношению к содержанию и компоновке.

Преимущества:

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

11

IT, EN, DE, FR, ES, PL, NL, BR, RU, TR, GR, CZ, HU, SL, SK

• Windows XP,VISTA, 7, 8
• ГБ RAM (оперативная память)
• Разрешение 1024×768
• Сервер Windows, Linux, Unix
• PHP 5.x, MySQL (для некоторых функций)

Мобильное приложение (доступно для скачивания бесплатно в AppStore и Google Play) для связи с сайтами, созданными для распространения опубликованных новостей, в том числе и посредством уведомлений. Создание онлайн магазинов с продвинутыми функциями для конфигурации каталога, обработки покупок и предоставления скидок посредством купонов. ?спользование динамичного содержимого сайта, которое после публикации на веб-сайте может обновляться в режиме онлайн. ?нтеграция с базами данных и управление ими через онлайн панель управления: контактные данные из формы эл. почта, комментарии в блоге и Гостевой книге, записи в разделе для зарегистрированных пользователей и онлайн-заказы из корзины. Продвинутые функции анализа проекта для определения путей оптимизации доступны еще до публикации сайта.

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

В предыдущей статье «Обзор JAmp. AMP-страницы в Joomla 3» я уже рассказывал о том, что такое AMP и делился своим опытом касательно данной технологии. Она служит для ускорения загрузки страниц Вашего сайта.

Website X5 Professional 16 появилась возможность создавать AMP-страницы для записей (постов) блога. Вам нужно перейти в Настройки – Расширенные настройки – Блог – Страница статьи и активировать опцию Создает страницы AMP с контентом блога. Также можете указать картинку (в поле Изображение заголовка для AMP), которая будет использоваться как логотип/шапка AMP-страниц вместо Вашей обычной шапки, заданной в Шаблон – Контент шаблона – Хедер.

Обратите внимание, что из-за особенностей технологии Google AMP Ваш сайт должен работать на протоколе HTTPS. То есть, у него должен быть SSL-сертификат

Подойдёт даже бесплатный от Let’s Encrypt. Мой тестовый сайт как раз работает на HTTPS и для него установлен бесплатный SSL от Let’s Encrypt (это входит в стоимость хостинга).


Incomedia Website X5 16

На рисунке ниже показан пример обычной страницы записи (не AMP версия).


Пример обычной страницы блога

На рисунке ниже показан пример AMP версии страницы. Страница показана не полностью. Только верхняя и нижняя её части. На странице сохранился весь текстовый контент, фотографии котов и видео. Также в верхней части появилось изображение, которое было добавлено в поле Изображение заголовка для AMP

Обратите внимание, что весь шаблон сайта и боковая полоса блога, включая блоки, исчезли. Страница обычного сайта располагалась по адресу «blog/index.php?milyen-kotyatki», а AMP-страница – «blog/amp/?milyen-kotyatki»


Пример AMP-страницы блога

Обе страницы были протестированы в разных сервисах. Результаты тестирования сведены в таблицу ниже.

Тест

Не AMP

AMP

Webpagetest.org

Время первого байта (FBT) – A

Keep-alive – A

Сжатие пакетов – A

Сжатие изображений – A

Кэширование статического контента – F

Эффект от CDN – Нет

Время загрузки – 4,285 с.

Время первого байта (FBT) – 0,233 с.

Начала отрисовки – 1,6 с.

Время полной загрузки – 5,177 с.

Время первого байта (FBT) – A

Keep-alive – A

Сжатие пакетов – A

Сжатие изображений – A

Кэширование статического контента – F

Эффект от CDN – Нет

Время загрузки – 3,141 с.

Время первого байта (FBT) – 0,225 с.

Начала отрисовки – 1,3 с.

Время полной загрузки – 3,222 с.

Google PageSpeed Tools

Для мобильных – 68/100

Для компьютеров – 77/100

Для мобильных – 70/100

Для компьютеров – 85/100

GTmetrix

PageSpeed Score – C (78%)

YSlow Score – E (58%)

Полное время загрузки – 4,0 с.

Общий размер страницы – 1,65 Мб

Количество запросов – 57

PageSpeed Score – B (82%)

YSlow Score – B (83%)

Полное время загрузки – 2,9 с.

Общий размер страницы – 1,10 Мб

Количество запросов – 23

Pingdom Website Speed Test

Оценка производительности – 73

Время загрузки – 1,61 с.

Быстрее чем 77% протестированных сайтов

Оценка производительности – 87

Время загрузки – 0,786 с.

Быстрее чем 93% протестированных сайтов

Согласно Webpagetest.org:

  • время загрузки страницы сократилось на 36,42%.
  • Время первого байта (FBT) сократилось на 3,56%.
  • Время начала отрисовки сократилось на 23,08%.
  • Время полной загрузки сократилось на 60,68%

Согласно GTmetrix время полной загрузки сократилось на 37,93%. Согласно Pingdom время полной загрузки сократилось на 51,18%.

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


Время в сек. (меньше — лучше)
Оценка степени оптимизации (больше — лучше)

Учитывая, что это единичный случай, делать выводы о всей технологии некорректно, но примерное впечатление составить можно.

Настройки тестов:

  • Webpagetest.org. Местоположение тестового сервера – Варшава (Польша). Браузер – Chrome.
  • Pingdom Website Speed Test. Местоположение тестового сервера – Стокгольм (Швейцария).

Внизу страницы Вы сможете найти отчёты о тестировании разных страниц в GTmetrix.

Тестируемый сайт расположен на общем хостинге компании «Хостинг Украина». Тарифный план «Мастер SSD» (ниже указана конфигурация аккаунта именно для конкретного сайта):

  • SSD диски.
  • PHP 7.0.
  • PHP memory_limit 256 Мб.
  • HTTP/2.
  • Общий IP-адрес.
Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Adblock
detector