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

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

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

 

В предыдущей статье «Обзор Incomedia Website Х5 Evolution 9 (часть 6). Конструктор сайтов» были рассмотрены расширенные опции для создания сайта. В частности, это:

  • Главное меню.
  • Всплывающее меню.
  • Меню страницы.
  • Стиль и модели.
  • Страница приветствия.

В данной статье будут рассмотрены три раздела расширенных настроек.

  1. Рекламное сообщение.
  2. Блог.
  3. Лента RSS.

В предыдущих статьях «Обзор Incomedia Website Х5 Evolution 9 (часть 2, 3, 4, 5)» рассматривались объекты сайта, которые требуют расширенной настройки. Например, вывод списка товаров на страницу сайта (пример можно посмотреть на тестовом сайте). В данной статье будут рассмотрены инструменты для создания интернет магазина и блога. Также рассмотрим создание пользователей/групп пользователей, создание RSS ленты и рекламного сообщения. В статье «Обзор Incomedia WebSite X5 Evolution 10 (часть 8). Создание WEB сайтов» Вы сможете ознакомится  новыми возможностями данных инструментов.

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

Если Вы хотите украсить свой сайт некой «изюминкой», Рекламное сообщение как раз для этого. По сути, это анимированный объект, при нажатии на который, будет открываться одна из страниц Вашего сайта. В настройках раздела Рекламное сообщение (рисунок ниже) Вы можете выбрать один из типов сообщения:

  • Отображать рекламу в правом верхнем углу. Как на тестовом сайте.
  • Отображать рекламу в рамке.
  • Отображать рекламу в горизонтальной полосе.

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

Если Вы выбрали тип Отображать рекламу в правом верхнем углу, то сможете задать изображение, которое будет показано при наведении курсора мыши на рекламный объект и задать ширину этого изображения. В Incomedia Website Х5 Evolution 9 предусмотрено семнадцать стилей для типа Отображать рекламу в правом верхнем углу. Каждый стиль представляет собой анимированный Flash объект.

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

Если Вы выбрали тип Отображать рекламу в рамке (рисунок ниже), то можно задать позицию (По центру, Сверху-Слева, Сверху-Справа, Снизу-Слева, Снизу-Справа), выбрать эффект появления рекламного объекта (Нет, Чёткость, Стереть снизу, Стереть сверху, Стереть справа, Стереть слева), а так же задать опцию Показать это сообщение только один раз.

Отображать рекламу в рамке

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

Отображать рекламу в горизонтальной полосе

Пример реализации рекламного сообщения тип Отображать рекламу в правом верхнем углу стиль PagePeel Вы можете увидеть на тестовом сайте.

Блог

Incomedia Website X5 Evolution 9 позволяет создавать блог с возможностью комментирования записей в нём, добавлять кнопки социальных закладок, создавать облако тегов и многое другое. Все настройки блога в Incomedia Website X5 9 разделены на три вкладки:

  1. Почта.
  2. Макет.
  3. Комментарии.

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

Программа для создания сайта HTML

Как видим, эта программа для создания сайта HTML достаточно хорошо продумана. Опция Создать ленту RSS, включающую блоги позволит создать RSS ленту, в которой будут отображаться новости блога Вашего сайта.

При добавлении записи в блог (рисунок ниже), Вам будет доступен уже привычный текстовый редактор, рассмотренный в предыдущих статьях «Обзор Incomedia Website Х5 Evolution 9 (часть 3). Самостоятельное создание сайта с нуля» и «Обзор Incomedia WebSite X5 9 Free (часть 2). Бесплатная программа для создания сайта».

Записи в блоге

Помимо этого Вы указываете заголовок новости, дату её публикации, автора (значение мета тега author), категории, краткое описание (значение мета тега description) и указываете теги для облака тегов.

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

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

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

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

Вкладка Макет

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

  1. Недавняя почта.
  2. Категории.
  3. Ежемесячная почта.
  4. Облака.
  5. Блогролл.
  6. Facebook.
  7. Google AdSense Adverts.
  8. HTML код.

Модули блога

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

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

Вкладка Стиль

Категории. Модуль, аналогичный блоку Недавняя почта. Но он выводит список всех категорий блока с возможностью перейти в любую из них. Его опции не отличаются от опций, описанных выше.

Ежемесячная почта. Выводит список опубликованных новостей за месяц.

Облака. Модуль, который позволяет выводить облако тегов. Можно выводить для показа список тэгов статей или список категорий блога.

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

Блогролл

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

Facebook

GoogleAdSenseAdverts. Позволяет выводить рекламные ссылки сервиса Google AdSense Adverts. В настройках модуля нужно указать код Google AdSense Adverts.

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

<script language="JavaScript">

function do_scan_file_01()

{

var left = (screen.width - 640)/2;

var top = (screen.height - 400)/2;

window.open( "",

"drweb_scan_form_popup_window",

"width=640"+",height=400,left="+left+",top="+top+",scrollbars=yes,resizable=yes" );

document.getElementById( "drweb_online_scan_form" ).submit();

return false;

}

</script>

 

<form method="POST" id="drweb_online_scan_form"

encENGINE="multipart/form-data" action="http://online.drweb.com/result/" target="drweb_scan_form_popup_window">

<div style="width: 225px; height: 105px; background: url('/fon_white.gif')">

<div style="padding: 50px 10px 0 10px;">

<div ><input name="file" id="file_selection_input" type="file" size="18"></div>

<div style="padding-top: 5px; text-align: right"><input type="image" onClick="return do_scan_file_01();" src="/button.gif"></div>

</div>

</div>

</form>

На вкладке Комментарии (вкладка ниже) Вы можете задать «глобальные» настройки комментирования Вашего блога. Включить или отключить комментирование, задать директорию на сайте, в которой будут храниться файлы с комментариями (она и файлы в ней всегда должны быть доступны на запись), активировать использование капчи, указать адрес электронной почты, на которую будут приходить уведомления о новых комментариях, а также задать настройки, которые позволят публиковать комментарий сразу или только после одобрения администратором. Для доступа к панели управления комментариями добавьте /adminк адресу вашего сайта в адресной строке браузера. Например, если адрес сайта aleksius.com, то адрес панели управления комментариями aleksius.com/admin

Вкладка Комментарии

Для того, чтобы пользователи могли перейти в Ваш блог, добавьте на втором шаге создания сайта (Создание карты сайта) пункт меню (Разделитель) и в его свойствах в качестве ссылки, которая активируется при нажатии на объект, выберите действие Блог. Детальнее о создании карты сайта, добавления уровней и назначения действий для них Вы можете прочитать в статье «Обзор Incomedia Website Х5 Evolution 9 (часть 2). Программа для создания сайта».

RSS лента

В статье «Обзор Incomedia Website Х5 Evolution 9 (часть 1). Программа для создания HTML сайтов» был рассмотрен способ создания ссылки для подписки на RSS ленту новостей сайта. В разделе RSS лента (рисунок ниже) вы создаёте саму ленту и добавляете в неё новости, которые будут отображаться у подписавшихся пользователей.

RSS лента

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

  1. Страница Вебсайта.
  2. Файл или URL.
  3. E-mail адрес.
  4. Интернет звонок.
  5. Страница печати.
  6. Лента RSS.
  7. Блог.
  8. Карта сайта.

Текстовый редактор

Детальнее о вышеперечисленных действиях Вы можете прочесть в статьях «Обзор Incomedia WebSite X5 9 Free (часть 2). Бесплатная программа для создания сайта» и «Обзор Incomedia Website Х5 Evolution 9 (часть 1). Программа для создания HTML сайтов». Каждой RSS новости можно назначить страницу. Это значит, что ссылка «подробнее» будет вести на страницу Вашего сайта, где данная заметка представлена в полном виде. Помимо всего выше перечисленного Вы также можете задать дату публикации заметки. Incomedia Website Х5 Evolution 9 позволит Вам создать одну RSS заметку, а затем просто её продублировать и заменить необходимые фрагменты. Это очень удобно, если Вы выкладываете цикл каких-либо статей.

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

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

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

 

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