Ваше руководство по всем компонентам по умолчанию в Joomla

1. Компоненты баннеров
2. Шаг 1. классифицировать
3. Шаг 2. добавлять
4. Шаг 3. Шоу
5. Данные баннера
6. Компонент контактов
7. Шаг 1. классифицировать
8. Шаг 2. добавлять
9. Шаг 3. Шоу
10. Дополнительные параметры контакта
11. Joomla! Обновление, обмен сообщениями, многоязычные ассоциации и сообщения после установки
12. Компоненты новостных лент
13. Шаг 1. классифицировать
14. Шаг 2. добавлять
15. Шаг 3. Шоу
16. Компонент перенаправления
17. Компоненты поиска и интеллектуального поиска
18. Компоненты тегов
19. Об авторе

Если вы хотите добавить захватывающую дополнительную функцию на свой сайт, есть большая вероятность, что это компонент. Хотите показать рекламный баннер? Это компонент.

Хотите контактную форму? Это тоже компонент. Как насчет календаря событий или дискуссионного форума? Оба являются компонентами.

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

В этом сообщении мы рассмотрим одиннадцать компонентов Joomla по умолчанию:

1. Баннеры: показывает рекламные баннеры.
2. Контакты: Создает контактные формы.
3. Joomla Update: позволяет обновлять ваш сайт.
4. Сообщения: отправка личных сообщений другим администраторам сайта.
5. Многоязычные ассоциации : эта функция помогает, если вы создаете многоязычный сайт.
6. Ленты новостей: показывает новости с других сайтов.
7. Сообщения после установки : показывает информацию о том, что включено в новые версии Joomla.
8. Перенаправление: отслеживает, когда люди пытаются посетить страницы, которых нет на вашем сайте, и позволяет перенаправить их на правильные страницы.
9. Поиск: позволяет пользователям искать ваш сайт.
10. Интеллектуальный поиск: позволяет пользователям выполнять поиск на вашем сайте более продвинутыми способами.
11. Теги. Позволяет упорядочивать контент более гибко, чем категории.

Компоненты баннеров

Компонент Баннеры имеет две основные задачи:

• Показывает рекламные баннеры.
• Он собирает все данные об этих баннерах, такие как количество показов каждого из них и количество нажатий на каждый из них.

Banners использует рабочий процесс CASh «Категоризация», «Добавить», «Показать». Давайте использовать этот рабочий процесс, чтобы добавить рекламный баннер на нашем сайте.

Давайте проведем вас через процесс создания рекламного баннера. Вот как мы это делаем.

Шаг 1. классифицировать

Как и в случае с нашими статьями, наши баннеры разбиты на категории. Поэтому нам нужно создать для них категорию:

• Перейдите в «Компоненты», затем «Баннеры», а затем «Категории»:

Каждая из категорий «Баннеры» будет использоваться для разных областей сайта, поэтому рекомендуется называть их в соответствии с их положением (таблица лидеров, левый столбец, правый столбец).

• Нажмите «Новый».
• Давайте создадим баннер для правой части нашего сайта, поэтому введите Right Column в поле Title, как на рисунке ниже.
• Нажмите «Сохранить и закрыть», когда вы закончите.

С Баннерами есть и второй метод организации, который называется «Клиенты». Это позволяет организовывать баннеры по рекламе клиента. Почему это полезно?

Возможно, вы захотите продать баннерное пространство нескольким различным клиентам и иметь простой способ отслеживать все их баннеры.

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

Шаг 2. добавлять

Теперь давайте создадим баннер, который увидят посетители:

• Перейдите в «Компоненты, затем« Баннеры ».
• Нажмите «Новый», и вы увидите страницу настройки баннера.
• Название: Дайте баннеру описательный заголовок. В этом случае введите Правый столбец Joomla.org Banner .
• Изображение: нажмите «Выбрать», и вы увидите всплывающее окно. Это приведет вас к папке с баннерами в Media Manager. Вы можете загрузить новый рекламный баннер здесь или даже перейти к другим папкам. В этом случае нажмите на изображение с именем «white.png», а затем нажмите «Вставить».
• URL-адрес клика. Это веб-адрес, на который отправляются пользователи, когда они нажимают на баннер. Давайте разместим http://www.joomla.org здесь.
• Категория: Выберите категорию « Правая колонка », которую вы создали ранее.

Шаг 3. Шоу

Теперь нам просто нужно сказать Joomla, где показать баннер:

• Перейдите в «Расширения», затем «Модули» и нажмите «Создать».
• Вы увидите экран, где вы можете решить, какой тип модуля создать. Нажмите «Баннеры».

Вы видите экран, подобный показанному ниже. Есть четыре основных варианта на выбор:

• Название: Правая колонна Баннер
• Категория: Правая колонна
• Показать заголовок: Скрыть
• Положение: справа

• Нажмите «Сохранить и закрыть» и посетите ваш сайт. Вы можете увидеть баннер «ПОДДЕРЖКА Joomla» в правом столбце, как на рисунке ниже. Идите вперед и нажмите на баннер, чтобы проверить, что он работает. Он должен отправить вас на http://joomla.org .

Данные баннера

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

• Перейдите в «Компоненты», затем «Баннеры».
• Вы увидите, что Joomla начала отслеживать как показы, так и клики по этому баннеру:

Обратите внимание, что данные, записанные для показов и кликов, недостаточно точны, чтобы заменить любые профессиональные рекламные системы . Тем не менее, он работает достаточно хорошо для потребностей среднего пользователя.

Компонент контактов

Компонент «Контакты» имеет одну главную задачу: он позволяет посетителям связываться с вами. Вы, наверное, уже догадались!

Контакты позволяет легко настроить формы. Если вы просто хотите одну контактную форму для всего сайта, это легко сделать. Вы также можете создать целый каталог контактных форм для разных людей или разных отделов.

Вы также можете создавать более сложные формы, используя поля, которые мы видели ранее в «Объясненные поля Joomla».

Рабочий процесс CASh применяется к контактам так же, как к контенту, меню и баннерам. Мы собираемся классифицировать, добавить, а затем показать.

Однако теперь, когда вы понимаете рабочий процесс CASh, мы покажем, как пропустить первый шаг.

Шаг 1. классифицировать

На этот раз мы собираемся объединить Шаг 1 и Шаг 2. Таким образом, мы сделаем шаг «Категоризация» в инструкциях ниже.

Шаг 2. добавлять

• Перейдите в «Компоненты», затем «Контакты».
• Нажмите «Новый».
• Имя: мэр Joomlaville
• Электронная почта: введите свой адрес электронной почты в поле Электронная почта. Это электронное письмо не будет опубликовано, но всякий раз, когда кто-либо использует контактную форму, на этот адрес отправляется электронное письмо.
• Категория: Введите Joomlaville Contacts, а затем нажмите «Enter» или «Return» на клавиатуре. Это более быстрый способ выполнить Шаг № 1.

Когда все три поля заполнены, ваш экран должен выглядеть так, как показано ниже:

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

• Нажмите на вкладку «Показать».
• Установите для параметра «Формат отображения» значение «Простой», как показано на рисунке ниже:

Шаг 3. Шоу

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

Поскольку у нас уже есть ссылка меню «Контакты», мы собираемся отредактировать ее вместо добавления новой ссылки.

• Перейдите в «Меню», «Главное меню», затем «Добавить новый пункт меню».
• Название: Контакт
• Тип пункта меню: один контакт
• Выберите контакт: мэр Joomlaville

Теперь посетите переднюю часть вашего сайта, и ваша контактная форма будет выглядеть, как на картинке ниже:

Если кто-то использует эту форму, вы получите электронное письмо, которое выглядит следующим образом:

Дополнительные параметры контакта

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

• Перейдите в «Компоненты», затем «Контакты» и отредактируйте «Joomlaville Mayor». Вы увидите различные поля контактов, в том числе адрес, город или пригород, штат или провинция, телефон и веб-сайт. На рисунке ниже показаны некоторые данные из OSTraining:

Вот как эти данные будут отображаться на передней части сайта:

Вы также можете создать настраиваемые поля для улучшения этой контактной формы. Этот процесс будет похож на процесс, который мы использовали в Абсолютное руководство для начинающих по пользовательским полям Joomla ", но будут небольшие отличия.

• Перейдите в «Компоненты» и «Контакты».
• Нажмите «Группы полей» в левой боковой панели.
• Это важная новая задача: выберите «Почта» из выпадающего меню. Это означает, что ваши поля будут прикреплены к контактным формам, на которые пользователи могут положиться при отправке электронной почты. Если мы выберем «Контакт» или «Категория», наши поля будут доступны только администраторам сайта.

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

• Нажмите «Поля» в левой боковой панели.
• Снова выберите «Почта» в выпадающем меню:

• Нажмите «Новый».
• Название: О чем ваш вопрос?
• Тип: Флажки

• Группа полей: дополнительные контактные данные
• Значения флажка: введите темы, с которыми люди могут связываться с вами.

• Нажмите вкладку «Разрешения».
• Установите «Изменить значение настраиваемого поля» на «Разрешено». Это позволит любому вводить данные в это поле.

• Перейдите в начало своего сайта, и ваша контактная форма теперь будет иметь настраиваемое поле:

• Любые поля, добавленные с помощью этого метода, будут добавлены в получаемые вами электронные письма:

Joomla! Обновление, обмен сообщениями, многоязычные ассоциации и сообщения после установки

В этом сообщении мы пропустим четыре компонента:

• Joomla! Обновление: здесь вы можете обновить свой сайт на Joomla.
• Обмен сообщениями: это один из самых простых компонентов. Позволяет отправлять личные сообщения другим участникам вашего сайта. Тем не менее, он действительно имеет очень ограниченные возможности, и за многие годы использования Joomla я никогда не видел его на реальном сайте.
• Многоязычные ассоциации: Ознакомьтесь с этим руководством по многоязычным ассоциациям ,
• Сообщения после установки: отображаются сообщения о новых функциях в Joomla.

Компоненты новостных лент

Компонент News Feeds позволяет автоматически показывать новости с других сайтов.

Ленты новостей используют технологию, называемую RSS или Real Simple Syndication, для получения каналов с других сайтов.

Давайте проведем вас через процесс настройки каналов на вашем сайте. Мы снова будем использовать наш рабочий процесс CASh.

Шаг 1. классифицировать

Как и наши статьи, баннеры и контакты, наши новостные ленты организованы по категориям:

• Перейдите в «Компоненты», «Ленты новостей», а затем «Категории».
• Нажмите «Создать» и введите общее название для нашей категории, например, Joomla News . Ваш экран выглядит так, как показано ниже:

Шаг 2. добавлять

Далее нам нужно найти каналы, которые мы собираемся импортировать. Обычный способ сделать это - перейти на интересующие вас сайты и найти небольшую иконку RSS.

Обычный дизайн иконки RSS - это квадратное изображение с точкой в ​​левом нижнем углу и двумя волнами, выходящими из нее в правый верхний угол.

При поиске RSS-каналов на других сайтах вам может потребоваться немного поохотиться, поскольку разные сайты размещают ленту в разных местах.

Некоторые помещают свои иконки RSS в панель браузера, некоторые в боковую панель, а некоторые в нижний колонтитул сайта.

В этом примере мы собираемся перечислить последние учебники от Joomlashack.

• Перейдите в «Компоненты», «Ленты новостей», а затем «Ленты».
• Нажмите «Новый».
• Название: Последние новости Joomlashack
• Ссылка: https://feeds.feedburner.com/jshack
• Категория: Joomla Новости

Шаг 3. Шоу

Все, что нам нужно сейчас, это сделать ссылку в меню на нашу ленту новостей:

• Перейдите в «Меню», «Главное меню», затем «Добавить новый пункт меню».
• Название меню: Новости
• Тип пункта меню: нажмите «Ленты новостей », затем выберите « Лента новостей» .
• Feed: последние новости Joomlashack

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

Компонент перенаправления

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

Почему на вашем сайте будут неработающие URL? Есть две вероятные причины:

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

Компонент Redirects здесь, чтобы исправить эти ссылки для вас. Он может автоматически перенаправлять неработающие URL-адреса на рабочий URL-адрес по вашему выбору.

Поскольку компонент перенаправления не требуется для каждого сайта, он не включен по умолчанию. Вот как включить перенаправления:

• Перейдите в «Расширения», затем «Плагины».
• Введите «Redirect» в поле поиска, и вы увидите плагин «System - Redirect»:

• Нажмите красную кнопку X. Он превратится в зеленую галочку, и это будет означать, что плагин включен.

Теперь давайте создадим несколько неработающих ссылок, чтобы мы могли видеть, как они записываются компонентом Redirects.

• Перейти в начало вашего сайта.
• Попробуйте получить неработающий URL. Например, нажмите ссылку «Контакт». В панели браузера удалите «act» из конца URL-адреса и попробуйте получить доступ к этому URL-адресу. Вы знаете, что нашли неработающую ссылку, когда получаете сообщение «Запрашиваемая страница не найдена», как показано на рисунке ниже:

Теперь посмотрим, как Redirects записал эту неработающую ссылку.

• Перейдите в «Компоненты», затем «Перенаправления». Вы должны увидеть хотя бы одну записанную ссылку, как на картинке ниже:

• Нажмите на сломанный URL.
• Целевой URL: введите URL страницы, на которую вы хотите перенаправлять людей, как показано на рисунке ниже.
• Статус: включен

Теперь вы можете проверить, работает ли перенаправление.

• Скопируйте просроченный URL-адрес и вставьте его в адресную строку браузера. Этот неработающий URL должен автоматически перенаправляться на новый URL. В этом примере я мог набрать http://ostraining.com/joomlaville/index.php/cont и автоматически перенаправляться на http://ostraining.com/joomlaville/index.php/contact ,

Компоненты поиска и интеллектуального поиска

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

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

Все, что вам нужно для поиска, уже настроено. На вашем сайте доступна форма поиска, как показано на рисунке ниже:

• Введите «Joomlaville» в поле поиска и нажмите Enter или Return на клавиатуре. Вы видите результаты поиска, как на рисунке ниже:

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

Эти результаты поиска дают вам хорошее представление о том, что является популярным или что трудно найти на вашем сайте.

Вот как это сделать:

• Перейдите в «Компоненты», затем «Поиск».
• Нажмите «Параметры» и установите «Сбор статистики поиска» на «Да».

Теперь всякий раз, когда кто-то использует поиск по вашему сайту, он записывается здесь, внутри компонента «Поиск», как показано на рисунке ниже.

Я использовал окно поиска несколько раз, чтобы показать вам, как оно работает.

Компонент Smart Search является более сложной альтернативой компоненту Search. Это позволяет вам искать с большей точностью.

Но у вас есть еще одна полезная функция, если вы новичок в Joomla: она позволяет вам показывать свой контент более продвинутыми способами.

Вот как мы это настроили:

• Перейдите в «Расширения», затем «Плагины».
• Найдите и включите плагин «Контент - Умный поиск».

• Перейдите в «Компоненты», затем «Умный поиск».
• Нажмите кнопку «Указатель» в верхнем левом углу, как показано на рисунке ниже.

• Теперь вы увидите всплывающее окно, и вскоре после этого вы увидите сообщение «Индексирование завершено».
• Закройте окно, и вы увидите, что Smart Search теперь имеет список всего вашего контента, как на рисунке ниже. В будущем при каждом добавлении контента Smart Search автоматически добавит его в этот индекс.

Теперь, когда Smart Search готов, давайте сделаем его доступным для пользователей нашего сайта.

• Перейдите в «Расширения», затем «Модули».
• Нажмите зеленую галочку рядом с надписью «Поиск», чтобы она превратилась в красный крест, как показано на рисунке ниже. Это отменит публикацию окна поиска по умолчанию.

Теперь мы собираемся заменить поле поиска на новое поле интеллектуального поиска:

• Нажмите «Новый».
• Нажмите «Умный поиск».
• Название: Smart Search
• Метка поля поиска: Скрыть
• Показать заголовок: Скрыть
• Позиция: Поиск [позиция-0]

• Посетите фронт вашего сайта. Вы увидите то, что кажется неизменным окном поиска. Однако, если вы начнете печатать, эта новая функция Smart Search будет автоматически рекомендовать результаты, как показано на рисунке ниже.

• Выберите один из вариантов поиска. Вы обнаружите, что результаты отличаются от результатов основного поиска. Результаты интеллектуального поиска показаны на изображении ниже.

• Кроме того, если вы нажмете кнопку «Расширенный поиск» в верхней части результатов поиска, вы увидите еще много способов поиска контента. Как показано на рисунке ниже, вы увидите, что вы можете осуществлять поиск по автору, по категории и нескольким другим фильтрам.

Умный поиск выглядит замечательно, правда? С какой стати вы не спешите и сделаете это по умолчанию на вашем сайте?

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

Компоненты тегов

Компонент Теги является гибкой и полезной альтернативой категориям.

В этом блоге мы использовали категории для организации нашего контента. Я по-прежнему рекомендую вам продолжать использовать категории, но нельзя отрицать, что теги позволят вам делать то, что категории не будут.

Давайте перейдем к началу нашего сайта, и вы увидите модуль «Популярные теги» в правой боковой панели. Если вы нажмете «Joomla» в меню, вы увидите все статьи с этим тегом:

На данный момент только одна статья имеет тег Joomla: О Joomlaville. Если вы внимательно посмотрите на эту статью, вы увидите тег Joomla в верхнем левом углу:

Что, если мы хотим создать список мест в Joomlaville, которые подходят для маленьких детей?

Joomla позволяет нам размещать статьи только в одной категории. Если бы мы хотели создать список мест, подходящих для детей, мы не могли бы использовать его как для парков, так и для развлечений.

Это проблема, которую могут решить теги. Это позволяет нам организовывать контент более изощренными способами, чем категории. Сделайте следующее:

• Перейдите в раздел «Содержание», затем «Статьи».
• Откройте статью «Музей».
• В поле «Теги» введите «Friendly Friendly» и нажмите «Return» или «Enter» на клавиатуре. Вы знаете, что тег был успешно создан, когда он появляется, как на экране ниже:

• Сохраните статью «Зоопарк», затем добавьте тег «Дружественный ребенку» к следующим статьям: «Озерный парк» и «Городской парк». Добавляя теги к этим другим статьям, вы заметите, что Joomla автоматически заполняет тег для вас.

Теперь давайте позволим посетителям найти наш контент для детей:

• Перейдите в «Меню», «Главное меню», а затем «Добавить новый пункт меню».
• Название меню: Удобный для детей
• Тип пункта меню: выберите «Теги», затем « Метки»
• Tag: для детей
• Родительский предмет: Достопримечательности
• Перейдите в начало своего сайта и в разделе «Достопримечательности» вы найдете страницу, удобную для детей, которая выглядит как на рисунке ниже. На этой странице вы увидите, что вы включили контент из двух разных категорий.

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

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

С помощью тегов вы можете организовать практически все на своем сайте и разместить его на той же странице.

Как вы уже видели, вы можете создавать теги внутри ваших статей. Область внутри «Компоненты», а затем «Теги», предназначена для обеспечения единого централизованного управления всеми тегами на вашем сайте.

Здесь вы можете редактировать, удалять, переименовывать и изменять порядок всех ваших тегов.

В конце этого блога ваш сайт Joomlaville будет выглядеть примерно так, как показано ниже. Не беспокойтесь, если ваш сайт не на 100% идентичен изображению.

Цель, которую я ставлю перед вами, заключается в том, чтобы не создать заново этот сайт о Joomlaville. Цель состоит в том, чтобы вы поняли концепции и процессы, которые помогут вам освоить Joomla.

Если вам сейчас удобно создавать баннеры, контактные формы, поля поиска, теги и многое другое, это здорово: вы готовы перейти к следующему сообщению в блоге.

Об авторе

Алекс родилась от украинской мамы и русского отца, живет в Великобритании. Алекс - сертифицированный специалист Microsoft. Ему нравится изучать Joomla и помогать администраторам веб-сайтов максимально использовать его.

Похожие

Комментарии