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

Видео уроки Website X5 13 и 12Видео уроки Website X5 13 и 12

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

 

 

В предыдущих статьях «Обзор Incomedia Website Х5 Evolution 9 (часть 3, 4)» были рассмотрены некоторые объекты программы, которые помогут Вам создать веб-сайт. В этой части мы продолжим рассмотрение оставшихся объектов. А именно Список продуктов и HTML и виджеты.

Список продуктов

Объект Список продуктов (рисунок ниже) позволяет размещать на странице товары для продажи. Данный объект, в основном, предназначен для создания интернет магазинов. Incomedia Website Evolution позволяет не просто создать веб-сайт, а создать полнофункциональный интернет магазин. Включая каталог товаров с категориями и подкатегориями и средства электронной оплаты. Как добавить продукты в Incomedia WebsiteX5 9 мы рассмотрим в статье «Обзор Incomedia Website Х5 Evolution 9 (часть 8). Программа для создания сайта».

Объект Список продуктов

Объект Список продуктов (рисунок выше) разделён на две вкладки.

  1. Список.
  2. Опции.

Вкладка Список (рисунок выше) позволяет добавить на страницу все или выборочные категории или товары. Также Вы можете выводить продукты в различной последовательности (в заданной Вами, в порядке убывания\возрастания цены, в алфавитном порядке (от А до Я и от Я до А) наименований товаров, в алфавитном порядке (от А до Я и от Я до А) наименований категорий).

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

Вкладка Опции

Доступно пять режимов отображения.

  1. Только текст.
  2. Картинка и текст.
  3. Текст и картинка.
  4. Только картинка.
  5. Чередовать картинки и текст.

На рисунке выше показаны все пять видов отображения товара в порядке их следования в списке выше.

Виды отображения товаров

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

Результат настройки и вывода списка товаров Вы можете просмотреть на тестовом сайте.

HTML и виджеты

Сегодня создать веб-сайт и не интегрировать его с социальными сетями является чуть ли не признаком «плохого воспитания». Социальные сети весомо содействуют раскрутке сайта. Incomedia Website X5 Evolution 9 при помощи объекта HTML и виджеты (рисунок ниже) позволяет Вам не только встроить произвольный HTML код, но и при помощи уже настроенных виджетов «подключить» некоторые социальные сети и другие интересные возможности.

Объект HTML и виджеты

Настройки объекта разделены на две вкладки.

  1. HTML код.
  2. Дополнительные.

На вкладке HTML код (рисунок выше) Вы можете ввести произвольный HTML код или воспользоваться готовым виджетом. В качестве примера HTML кода приведён «модуль» сервиса социальных закладок AddThis (детальнее о нём Вы можете прочесть в статье «Обзор ValAddThis plugin. Социальные закладки для Joomla». Вкладка содержит простейший текстовый редактор с инструментами Вырезать, Копировать, Вставить, Возврат, Вернуть (Отменить, Повторить).

<!-- AddThis Button BEGIN -->

<div class="addthis_toolbox addthis_default_style addthis_32x32_style">

<a class="addthis_button_preferred_1"></a>

<a class="addthis_button_preferred_2"></a>

<a class="addthis_button_preferred_3"></a>

<a class="addthis_button_preferred_4"></a>

<a class="addthis_button_compact"></a>

<a class="addthis_counter addthis_bubble_style"></a>

</div>

<script ENGINE="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fc8d4f159cf134c"></script>

<!-- AddThis Button END -->

На второй вкладке Дополнительные (рисунок ниже) Вы можете присвоить стиль к интегрируемому коду и добавить связанные с HTML кодом файлы (по аналогии с объектом Flash анимация). Просмотреть пример виджетов и HTML кода Вы можете на тестовом сайте.

Вкладка Дополнительные

Всего в Incomedia Website X5 Evolution 9 доступно восемнадцать виджетов. Рассмотрим их более детально.

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

Facebook Comments

FacebookLikeBox. Виджет позволяющий установить на сайте кнопку «Мне нравится» социальной сети Facebook. Вы можете настроить (рисунок ниже) адрес страницы, которая будет отмечена, как понравившаяся, включить\отключить показ ленты, заголовка и аватаров.

Facebook Like Box

FacebookSubscribeButton. При помощи данного виджета Вы можете разместить кнопку на подписку на новости, которые Вы выкладываете в публичный доступ на сайте Facebook. В настройках (рисунок ниже) можно выбрать один из трёх стилей кнопки (Счётчик кнопка, Стандартный, Счётчик с полем).

Facebook Subscribe Button

Виджет Twitter отображает Ваши последние записи в социальной сети Twitter. Достаточно просто ввести имя пользователя Twitter (рисунок ниже). При желании Вы сможете отредактировать сам HTML код в редакторе HTML.

Виджет Twitter

TwitterFollowButtonэто виджет, который позволит добавить на страницу кнопку социальной сети Twitter. Доступны девять языков кнопки, включая русский. В опциях (рисунок ниже) можно задать отображение счётчика читателей новости.

Twitter Follow Button

Для вставки на страницу карты Google можно выбрать виджет GoogleMaps. В опциях (рисунок ниже) Вы можете выбрать, какой вид карты отображать (Карта, Снимки со спутника, Смешанный вид).

Виджет Google Maps

Виджет GooglenewsBox позволяет выводить новости со всего мира по выбранным Вами тематикам. В настройках (рисунок ниже) можно выбрать размер области новостей (128х90 или 300х250), количество выводимых новостей (4 или 8 результатов), выбрать язык новостей (автоматический или один из 35, включая русский и украинский). Доступно восемь категорий новостей.

  1. Мировые новости.
  2. Бизнес новости.
  3. Новости политики.
  4. Национальные новости.
  5. Развлечения.
  6. Новости о технологиях.
  7. Спортивные новости.
  8. Новости здоровья.

Виджет Google news Box

Виджет Googletranslate позволяет подключить автоматический перевод Вашего сайта на множество языков. Для этого необходимо всего лишь выбрать исходный язык Вашего сайта (рисунок ниже). Доступно 55 исходных языков, включая русский и украинский.

Виджет Google translate

Youtubenews – это виджет, который позволяет отображать на сайте новости по заданной тематике (рисунок ниже) с популярного видео хостинга Youtube. Доступно тринадцать новостных провайдеров.

  1. CBS News Online.
  2. C-SPAN.
  3. Al-Jazeera English.
  4. France 24 English.
  5. The New York Post.
  6. ITN News.
  7. Russia Today.
  8. The New York Times.
  9. Top News Wideos.
  10. The Wasshington Post.
  11. Bloomberg.
  12. Euronews.
  13. The Associated Press.

Youtube news

Google +1 Button позволяет установить кнопку +1 от Google. Можно выбрать размер кнопки (Средняя, Большая, Маленькая, Стандартная), задать адрес ссылки, которая будет отображаться как понравившаяся и задать специальную функцию скрипта (рисунок ниже).

Google +1 Button

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

Виджет Gradient Button

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

Виджет GestBook

Login – это виджет, который позволяет Вам отобразить форму ввода логина и пароля для доступа к закрытым частям сайта. Как сделать страницу доступной только для зарегистрированных пользователей, было рассмотрено в статье «Обзор Incomedia Website Х5 Evolution 9 (часть 2). Программа для создания сайта». Как создавать учётные записи пользователей и задавать им пароль, будет рассмотрено в следующих статьях. В настройках виджета (рисунок ниже) Вы сможете задать ширину поля, настроить шрифт, сменить подписи полей, а также настроить цвет надписей и фона.

Login

Виджеты PDFFile и PPTFile позволяют отображать на странице Вашего сайта PDF и PPT файлы соответственно. Достаточно просто указать интернет адрес и задать высоту области отображения файла.

Виджет ShinystatCounter даст возможность выводить статистику по вашему сайту от Shinystat Counter. Для этого необходимо просто ввести имя пользователя сервиса Shinystat Counter.

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

ShoppingCart

Мы рассмотрели ещё несколько инструментов Incomedia WebsiteX5 Evolution 9, которые позволяют создать веб-сайт без знаний программирования. В статье «Обзор Incomedia Website Х5 Evolution 9 (часть 6). Конструктор сайтов» будут рассмотрены некоторые опции по «экспертной настройке» проекта сайта. Они помогут настроить то, что нельзя было настроить в базовых параметрах (Общие настройки) и не доступно в настройках самих объектов. А именно: Главное меню, Всплывающее меню, Меню страницы и так далее.

Видео уроки Website X5 13 и 12Видео уроки Website X5 13 и 12

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

 

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