Categories

Новые шаблоны

Joomla 2.5.x. Как добавить пользовательский HTML модуль

Amina Freinger Ноябрь 20, 2014
Rating: 3.8/5. From 4 votes.
Please wait...

Благодаря этому туториалу вы узнаете, как добавить пользовательский HTML модуль в Joomla 2.5.x.

Joomla 2.5.x. Как добавить пользовательский HTML модуль

Пользовательский HTML модуль (Custom HTML module) — это оболочка, созданная для того, чтобы вмещать: код HTML4 и HTML5, текст, изображения, анимацию flash, плеер Youtube или различные их сочетания. Вы можете скопировать и вставлять содержимое в модуль или создавать его с нуля, с полным сохранением форматирования. Без сомнения, это один из самых универсальных модулей Joomla. Если вам нужно отобразить фрагменты кода из другой веб-страницы, например, контактную информацию команды создателей вашего сайта или изображение, не включая его ни в одну из статей Joomla, или же любое количество других функций — пользовательский HTML модуль станет хорошим решением в вашей ситуации.

Пожалуйста, следуйте этой пошаговой инструкции для того, чтобы добавить пользовательский HTML модуль:

  1. Войдите в панель управления Joomla и перейдите в меню Сайт (Site) -> Общие настройки (Global Configuration).

  2. Найдите параметр Редактор по умолчанию (Default Editor) и выберите Редактор — Code Mirror (Editor — Code Mirror) или Редактор — Отключен (Editor — None) из выпадающего списка:

    add_custom_ html_module.html1

    Обратите внимание: Редактор WYSIWYG, установленный в Joomla по умолчанию может произвольно менять код вашего пользовательского HTML модуля и причинять неудобства в пользовании сайтом.

  3. Нажмите кнопку Сохранить (Save) в правом верхнем углу для сохранения изменений.

  4. теперь перейдите в меню Расширения (Extensions) -> Менеджер модулей (Module Manager):

    add_custom_ html_module.html2

  5. Нажмите кнопку Создать (New) в правой верхней панели инструментов.

  6. Появится всплывающее окно со списком типов модулей, пожалуйста, выберите Custom HTML:

    add_custom_ html_module.html3

  7. Теперь можно определить настройки модуля:

    1. В поле Заголовок (Title) укажите заголовок вашего нового модуля.

    2. В поле Позиция (Position) выберите позицию для модуля из таблицы Позиций Модулей Шаблона (Template Modules Positions).

    3. Поменяйте Статус (Status) модуля на Опубликован (Published), а Доступ (Access) на Открытый (Public).

    4. Область текста (Text area) служит для интеграции внешнего функционала, например, кода изображений и ссылок, иконок соцсетей, выполненных шрифтом Font Awesome или кнопки PayPal, а также для отображения других видов содержимого в боковой панели или другой доступной позиции модулей.

      Если на вашем сайте (или для вашей учетной записи пользователя) активирован редактор WYSIWYG, в поле отображения содержимого (Custom Output) вы увидите панели инструментов редактора WYSIWYG. С другой стороны, в редакторах TinyMCE и JCE по умолчанию существует возможность переключиться в режим редактирования кода, что дает возможность работать с чистым HTML.

    5. В разделе Базовые параметры (Basic Options) в правой колонке вы можете выбрать фоновое изображение вашего модуля HTML.

    6. Во вкладке Дополнительные параметры (Advanced Options) можно управлять настройками макета и кеширования модуля. Вы также можете указать Суффикс класса модуля (Module Class Suffix) и создать для него стилевое оформление с помощью CSS кода:

      add_custom_ html_module.html4

  8. Нажмите кнопку Сохранить и закрыть (Save & Close) в правом верхнем углу после завершения редактирования.

  9. Обновите сайт для того, чтобы увидеть изменения. Пользовательский модуль HTML успешно добавлен на страницы сайта.

На этом туториал подходит к концу. Теперь вы знаете, как добавить пользовательский модуль HTML в Joomla 2.5.x.

Вы также можете воспользоваться детальным видео-туториалом:

Joomla 2.5.x. Как добавить пользовательский HTML модуль

Шаблоны Joomla
Эта запись была размещена в Joomla! Туториалы и помечена как custom, HTML, joomla, module. Добавьте в закладки постоянную ссылку.

Submit a ticket

Если вы не смогли найти подходящее решение проблемы, пожалуйста воспользуйтесь следующей ссылкой, чтобы отправить запрос команде технической поддержки.
Отправить запросВы получите ответ в течение 24 часов