Подробная инструкция по установке Joomla на локальный компьютер. Что такое Joomla и как ей пользоваться Категории и материалы — что это и как ими пользоваться
Всех рад приветствовать дорогие друзья! С вами Макс Метелев и в сегодняшнем уроке, а точнее даже, целом руководстве я расскажу и покажу как создать сайт на Joomla (джумла) с нуля.
Создание сайта на joomla – процесс не сложный и очень интересный, а то я все про WordPress рассказываю. Наверняка, среди вас есть поклонники и этой .
Имеено она (Джумла) в далеком 2000 году стояла у истоков и приняла на себя новшества в PHP/MySql пространстве, которые позже были включены в WordPress, Drupal, Magento и другие системы управления сайтом.
Вы наверное слышали, что вышла последняя версия этого движка Joomla 3. Это увлекательный продукт, отзывчивый к посетителям и удовлетворяющий требованиям администраторов.
Она также адаптивна для мобильных устройств, благодаря использованию фреймворка Bootstrap. Именно поэтому Джумла + Бутстрап так притягивает фронт-энд разработчиков и дизайнеров и делает легкой работу с исходным кодом и интерфейсом для своего кода.
Процесс установки быстр, красив и снабжен целым рядом иллюстраций. Вы действительно можете быстро получить полноценно работающий сайт за несколько минут (утрирую конечно, но результат будет).
Введение в Joomla
После установки файлов, в браузере вы увидите экран установщика. Это первый из 3-х шагов процесса.
Если вы не используете английский язык на вашем сайте, вы можете его поменять на русский. Введите имя вашего сайта, а также данные учетной записи администратора. Нажмите «Далее» чтобы продолжить установку.
Как мы уже говорили раннее Joomla имеет поддержку баз данных таких как MySQLi и PostgreSQL.
Введите имя хоста вашей базы данных, имя пользователя, пароль и название базы. Вы можете получить эту информацию на вашем хостинге. Joomla автоматически сгенерирует таблицы с префиксами, чтобы сделать жизнь для хакеров труднее. Также нажимайте «Далее».
На заключительном экране инсталлятора вы можете выбрать тип данных. Наведите курсор на каждый из образцов, чтобы получить объяснение. Ниже вы увидите обзор настроек конфигураций. Джумла также проверяет правильно ли настроен сервер. Если что-то будет нуждаться в коррекции, это будет подсвечено красным цветом.
Из соображений безопасности после установки мы должны будем удалить папку с установщиком.
Создание нового сайта на Joomla
Потому как мы выбрали тип данных наш сайт настроен как блог. На нем есть 4 записи на главной странице. Нажмите на название заголовка любой записи, чтобы просмотреть полное содержание. Так же там есть и боковая колонка с типичными для блога функциями, такие как вывод последних записей, блогролл, .
Во вступлении я упоминал, что Joomla сейчас уже использует фреймворк Bootstrap. Уменьшая размеры вашего браузера, вы можете увидеть, как сайт на joomla реагирует на разных экранах.
Поиск по сайту переходит под заголовок – логотип, изображения адаптируются эффективно под маленький экран, а сайдбар переходит под сообщения на домашней странице.
Вход в ваш сайт
Теперь давайте взглянем внутрь административной панели на интерфейс движка. Добавьте после названия вашего сайта в адресной строки слово — /administrator/. Будет примерно так – http : //vash-site.ru/administrator/
Вход возможен через ввод имени и пароля, как и везде, который вы создали в процессе установки.
Главная панель инструментов, располагающаяся в самом верху содержит все самое необходимое для управления сайтом.
Панель управления вы увидите после первого входа в систему. Она включает в себя самые нужные шорткоды и данные, основанные на главной панели инструментов. Благодаря Бутстрап админка также адаптивная, подстраивается под любые размеры экрана.
Давайте напишем нашу первую статью на сайт. На главной панели перейдите в раздел Контент, а затем в Управление статьями (Article Manager).
Там будут три поля, которые нужны для написания и публикации:
Теперь вы будете видеть свою статью, в верхней части главной страницы.
В нижней ее части будет располагаться пагинация (нумерация страниц), чтобы вы могли вернуться к более ранним статьям.
Давайте снова вернемся в панель администратора и в нашу статью, чтобы мы смогли показать вам еще пару дополнительных возможностей.
Вы можете также найти свою запись в секции «Недавно добавленные статьи» или нажав на Content («Содержание»), затем Article Manager («Управление статьями») на главной панели инструментов.
Вы можете вставить изображение в текст, нажав на кнопку с картинкой, под областью текста.
Нажмете на изображение и увидите всплывающее pop-up окно с существующими картинками на вашем сайте.
Чтобы использовать конкретное изображение, просто кликните на него, а затем нажмите на «Вставить» (Insert)
Прокрутите мышкой в самый низ этого окна и вы увидите секцию для загрузки новых изображений на сайт.
Боковая панель (Сайдбар) содержим самые важные параметры для каждой статьи.
- Статус: Публиковать статью или оставить в черновиках
- Доступ: Если установите чекбокс «Зарегистрирован», то только зарегистрированные пользователи могут видеть контент.
- Метки: как и в Вордпресс, вы можете организовать содержимое по иерархическим категориям и тегам в свободной форме.
Более продвинутые настройки для публикации статей доступны внутри вкладок в верхней части экрана.
- Опции публикации: задайте дату начала и завершения для размещения статьи
- Опции статьи: Управляйте отображением вашей заметки.
- Конфигурациия настроек редактора: Выбирает что пользователи могут видеть при редактировании статьи на главной странице.
- Внутренние параметры метаданных: добавление мета-описания (description) и многое другое.
- Доступы к статье: контроль доступа и возможность редактирования.
Для просмотра и упорядочивания статей на вашем сайте, закройте статью, которую вы редактировали и нажмите на Content (Контент), а затем на Управление Статьями.
Вы увидите текст записи в главной области.
На левой боковой панели вы можете использовать фильтры, развернуть его и найти искомый текст заметки.
Шаблоны для Joomla
Дизайн вашего сайта контролируется шаблонами. В панели инструментов на главной странице переходите в Расширения (Extensions), а затем в Управление Шаблонами (Template Manager).
Кликните на «Мой стиль по умолчанию» (My Default style) и зайдите на вкладку Опции (Options).
Вы можете поменять цвет текста, фон вашего макета, загрузить новый логотип, .
Главные особенности в Joomla мы называем Компонентами (Components). Они имеют свои собственные ссылки в главном инструментарии админки.
3 из них наиболее полезные:
- Контакты: Позволяют создавать
- Обновления Joomla: самая свежая версия движка и «ядра» в один клик
- Метки: Организация тегов, добавляемых к статьям.
Добавляя любой другой компонент в Джумлу, он сразу же будет доступен в этом списке.
Мы уже увидели, что наш сайт на Joomla имеет боковую колонку, полную возможностей для блоггинга. Наша система использует модули слов для этих пунктов в сайдбаре.
Нажмите на Расширения, затем Диспетчер Модулей (Module Manager) и там вы увидите список функций для блога: старые заметки, блог рол, самые популярные статьи и другие.
Вы их заметите сразу, они находятся в положении – position 7
Теперь, наконец-то давайте взглянет на то, как контролировать колонками в сайдбаре.
Идем в Расширения – Менеджер Шаблонов – Опции (Options) в верхней части экрана.
Устанавливаем модуль Preview (Просмотр) в режим включено (Enabled).
Теперь добавляйте к урлу следующий префикс — ? tp = 1
У вас должно получиться следующее – http : //vash-domen.ru/?tp=1
После этого вы сможете просмотреть названия всех областей, которые вы разместили на сайте. Глядя на модули по умолчанию, вы можете подтвердить, что многие из них действительно находятся в положении position-7
Расширения Joomla.org
В этом уроке по созданию сайтов на Joomla мы затронули лишь вершину айсберга. На самом деле этих опций 1000.
Есть место где вы все их можете найти – это площадка extensions.joomla.org
Этот каталог был запущен в 2006 году и в настоящее время имеет свыше 9000 самых разнообразных и полезных дополнений в категориях от «Доступ и безопасность» до «Дизайн и Стиль». Полное его название – Joomla Extension Directory или сокращенно JED. Давайте называть его Джидда для простоты и ясности 🙂
Одним из основных отличий JED категории Джумлы от Вордпресс в том, что любое расширение может быть перечислено, не важно, является оно платным или представлено бесплатно.
Картинка ниже взята из раздела «Доступ и безопасность» по ссылке — http://extensions.joomla.org/category/access-a-security
Пробежавшись глазами по порядку каждого расширения вы будете приятно удивлены количеством комментариев. Самые популярные и трастовые (вызывающие доверие) будут находиться в самом верху.
На скрине ниже вы можете просмотреть основные сведение об этом плагине для Джумла:
- Имя расширения
- Кнопка скачивания
- Детализированное описание
Joomla - система управления содержимым. Предназначена для тех кому лень заморачиваться с изучение css, html, php, либо просто нет необходимости в этом. Ведь если вам нужно создать всего, допустим, один сайт, то вполне понятно что тратить уйму времени на их изучение просто не логично.И тут нам поможет CMS. Хотя чтобы создать более менее хороший сайт, Вам все же немного придется углубиться в css, html (а может и не придется).
Вообщем Joomla классная штука, которая позволяет без каких либо технических знаний создавать сайты, а если еще и пользоваться дополнительными программами, типа Artisteer (генератор шаблонов для сайта, он в принципе и заменяет необходимые знания по CSS, HTML, но создает излишний код, что влияет на скорость загрузки сайта , но сейчас трудно найти кого-либо с медленным интернетом, поэтому это не так критично), то Вы кроме многофункциональных сайтов сможете создавать еще и сайты с оригинальным дизайном .
Да, кстати, изначально Joomla не такая уж и функциональная , всего один язык и только самые необходимые компоненты, плагины. Но это все легко изменить потратив немного времени на их поиск и установку. Сейчас уже множество версий данной программы, я пользуюсь 2.5 (кстати большинство шаблонов для 1.7 прекрасно подходят для 2.5), как по мне очень даже стабильная версия. На 3.0 пока не решился перейти. Работать с Joomla достаточно просто , хотя некоторые говорят что WordPress легче, врать не буду - не пробовал, сразу выбрал Джумлу, наверное опираясь на различные рейтинги и голосовалки, в которых обычно именно эта ЦМС занимает лидирующие позиции. И знаете, не пожалел. И Вы скорее всего не пожалеете.
Административная панель Joomla устроена очень удобно, все под рукой. Создавать материалы проще простого, тоже самое что уметь пользоваться Вордом. Кстати, в Джумле "Создать материал" расположен на первой позиции не случайно, именно с него стоит начинать свою работу над сайтом.
Для удобства стоит создать категории , они необходимы для того, чтобы сортировать статьи т.к. некоторые плагины работают именно с материалами привязанными к конкретной категории. Ну и естественно вам самим будет удобнее ориентироваться в материалах, если они будут сортированы.
"Медиа-менеджер" служит для загрузки фото, видео, различных архивов, которые в последующем будут, а может и не будут доступны для скачивания с вашего сайта. По умолчанию там стоит лимит и загружать вы можете файлы только до 20 мегабайт, лимит вы можете изменить воспользовавшись кнопкой "Настройки" в правой верхней части административной панели. Повторюсь, я использую Joomla 2.5, поэтому в других версиях могут быть несоответствия.
Менеджер расширений предназначен для загрузки на сайт различных расширений, которые вы без проблем найдете немного погуглив. Главное устанавливать компоненты которые соответствуют именно вашей версии Джумлы.
В Менеджере шаблонов вы найдете три стандартных шаблона для сайта и пару для административной панели, установить новые вы можете воспользовавшись все тем же Менеджером расширений, предварительно скачав их из интернета. Опять же, убедитесь, что версии шаблона и ЦМС совпадают (исключением могут быть 1.7 и 2.5).
Самое основное мы рассмотрели, остальное лучше изучать самостоятельно методом проб.
Очень рекомендую скачать Artisteer , я конечно чуток помучался в поисках нормальной рабочей версии, очень уж много нерабочих программ желающие подзаработать на файлообменниках выложили в сеть. Но я уверен что вы найдете и оцените по достоинству этот полезный веб-мастеру софт. Главное не ведитесь на рабочую версию Artisteer 4.0.0.58475 с кряком , ее просто напросто еще нету.
В рамках интернет-собеседования на вакансию «Специалист службы технической поддержки», мне предложили пройти тестовое задание, целью которого было написание инструкции о том, как установить окружение для joomla и как развернуть саму систему joomla на локальном компьютере. Также в инструкции было необходимо описать процесс установки на сайт готового шаблона joomla.
В ходе выполнения задания я решил, что было бы неплохо опубликовать данный материал для всеобщего обозрения – вдруг кому-нибудь пригодится. Материал получился довольно увесистым, поэтому для удобства я реализовал небольшое навигационное меню, которое позволит быстро найти нужную информацию.
Как скачать Denwer
Для установки joomla на локальном компьютере понадобится виртуальный сервер. Чаще всего для этих целей используют программную оболочку под названием «Denwer», которую необходимо скачать из интернета, предпочтительно с официального сайта denwer.ru .
После перехода на сайт, вы увидите большую оранжевую кнопку с надписью: «Скачать Денвер 3», а после клика по ней, вам будет предложено скачать программу для более новой версии PHP 5.3 или для старой версии PHP 5.2 которая включает в себя больше различных модулей и специальную утилиту Zend Optimizer.
Остановимся на PHP 5.3. После выбора версии, нажимаем кнопку «Скачать».
На следующем этапе вам предстоит указать свои имя, фамилию и действующий электронный адрес, на который будет отправлена персональная ссылка для скачивания программы Denwer. После заполнения всех полей, нажимаем «Получить ссылку на скачивание» и если всё заполнено правильно перед вами появится сообщение:
Проверьте почту
На Ваш E-mail "*****@gmail.com" выслана ссылка для скачивания Денвера.
Письмо обычно приходит в течение нескольких минут.
Если письма так и нет, проверьте на всякий случай папку Спам.
Перейдите в свой почтовый ящик, и вы найдёте в нём новое письмо с темой «Denwer download link for package Base », внутри которого будет указана ссылка на скачивание программы. Переходим по этой ссылке и сохраняем программу на своём локальном компьютере.
Кстати, установить Joomla можно не только на Denwer но и например на OpenServer.
Установка Denwer
После скачивания программы, в папке с загрузками у вас появится EXE файл «Denwer3_Base», который теперь предстоит установить.
Запускаем установщик и ждём пока он извлечёт нужные файлы. Сразу после этого перед вами в браузере появится окно «Инсталляция Денвера», которое необходимо закрыть.
Когда браузер будет закрыт в окне командной строки на чёрном фоне появится сообщение с текстом «Для продолжения нажмите Enter» - нажимаем Enter на клавиатуре.
На следующем этапе вам предстоит указать полный адрес для папки, в которую вы хотите установить программу «Денвер». По умолчанию эта папка называется «WebSerwers» и расположена на диске «С» - не будем ничего менять и просто нажмём «Enter».
Для того что бы подтвердить это действие, необходимо нажать клавишу «Y» (от англ. - Yes) на клавиатуре и ещё раз нажать Enter.
Теперь установщик создаст виртуальный диск, который необходим для полноценной работы программы. Для продолжения нажмите Enter.
На данном этапе вам предстоит выбрать букву будущего виртуального диска, по умолчанию это буква Z, но при желании её можно заменить на любую свободную букву в системе. Ничего не меняем и в очередной раз нажимаем Enter.
Теперь, осталось скопировать все файлы и настройки в созданную нами директорию C:/WebServers. Для продолжения нажмите Enter.
Дожидаемся завершения переноса файлов.
Программа Denwer может запускаться в двух режимах:
- Виртуальный диск создаётся автоматически при загрузке Windows.
- При загрузке Windows виртуальный диск не создаётся, но на рабочем столе появятся ярлыки для ручного старта и остановки.
Вводим цифру 1 и нажимаем «Ввод» на клавиатуре, после чего подтверждаем создание ярлыков для запуска программы на рабочем столе – вводим «Y» и снова нажимаем Enter.
Если вы всё сделали правильно, после этого перед вами откроется окно браузера с заголовком «Денвер успешно установлен » и здесь же вы можете ознакомиться с первоначальными действиями по использованию программы.
Если вдруг что-то пошло не так, вы можете ознакомиться с официальной инструкцией по установке программы на сайте разработчиков, которая расположена по следующему адресу - denwer.ru/base.html
Прежде всего, чтобы установить систему управления Joomla на локальном компьютере, её необходимо скачать из интернета. Предпочтительно с официального сайта joomla.org .После перехода на сайт, в правой верхней части необходимо перейти по оранжевой кнопке «Download». На следующей странице – странице загрузки, нужно кликнуть по синей кнопке «Download Joomla! 3.6.2 English (UK), 3.6.2 Full Package».
Когда скачивание будет завершено, на компьютере в папке с загрузками появится архив «Joomla_3.6.2-Stable-Full_Package », который необходимо распаковать в директорию локального веб-сервера.
Но прежде чем это сделать, необходимо создать папку с названием вашего будущего сайта. Для этого переходим по следующему адресу C:\WebServers\home\localhost\www\ на вашем компьютере и внутри создаём папку, с названием, например, «mysite.ru ».
Теперь всё что будет находиться внутри этой папки и будет вашим сайтом. Пожалуй, самое время распаковать туда «Джумлу».
Нажимаем на скачанном ранее архиве правой кнопкой мыши и выбираем из появившегося списка пункт «Извлечь файлы».
В следующем окне вам необходимо выбрать расположение недавно созданной папки с вашим будущим сайтом.
Выбрали – нажимаем «OK» и дожидаемся завершения распаковки файлов.
Настройка Joomla
После извлечения необходимых файлов ваш новый сайт почти готов к работе . Теперь осталось настроить подключение к MySQL, распаковать сайт и выбрать для него подходящий шаблон.Прежде всего откройте страницу вашего сайта http://localhost/mysite.ru в браузере и завершите конфигурацию сайта заполнив все необходимые поля. Выберите язык, придумайте название и краткое описание для вашего сайта.
Укажите свой действующий e-mail в качестве электронного адреса администратора, придумайте логин и пароль. Обязательно где-нибудь запишите эти данные и нажмите «Далее» в нижней части страницы.
Следующий этап - это конфигурация MySQL базы данных.
Для того, чтобы создать базу данных для Joomla в браузере необходимо открыть страницу http://localhost/tools/phpmyadmin/ и перейти в соответствующую категорию под названием «Базы данных ».
- На следующей странице указываем имя для новой базы данных – joomla .
- И выбираем кодировку сайта – чаще всего используется utf8_general_ci .
Жмём «Создать». Если всё в порядке, перед вами появится сообщение «База данных joomla была создана».
Далее переходим во вкладку «Пользователи» и кликаем по ссылке «Добавить пользователя ».
В появившемся окне необходимо заполнить информацию для новой учётной записи. Придумайте имя пользователя, пароль и выберите локальный хост. При желании пароль можно сгенерировать. Обязательно где-нибудь запишите все эти данные.
- Имя пользователя: joomla
- Хост: Локальный (localhost)
- Пароль: *********
Заполнили. Теперь опускаемся немного ниже, находим блок «Глобальные привилегии» и выбираем «Отметить всё», чтобы установить для нашего пользователя максимальный набор привилегий.
Всё заполнили, отметили – жмём «Добавить пользователя» и, если всё сделано без ошибок вы сразу же увидите всплывающее сообщение «Был добавлен новый пользователь».
Теперь мы возвращаемся на страницу конфигурации базы данных нашего сайта и указываем недостающих ранее данные – имя пользователя, пароль и имя базы данных, а префикс таблицы оставляем неизменным.
Если вы создаёте свой первый сайт и у вас нет дополнительных баз данных, в поле «Действия с уже имеющимися таблицами» можете смело выбрать пункт «Удалить».
Если вы впервые столкнулись с «Джумлой», в блоке «Установка демо-данных» я рекомендую вам установить галочку напротив интересующего вас инструмента (в зависимости от того, что вы создаёте – сайт визитку, блог или что-то другое) с целью получения дополнительных подсказок, которые будут доступны вам во время работы и изучения данной системы управления.
На всякий случай ещё раз проверьте конфигурацию своего сайта, обратите внимание на результат начальной проверки, рекомендуемые установки и, если всё в порядке, самое время активировать наш сайт. Для этого перейдите по кнопке «Установка».
Через несколько секунд, перед вами появится сообщение «»
Прежде чем приступить к работе с сайтом и панелью администратора, обязательно удалите все установочные файлы, включая папку «INSTALLATION». Для этого просто нажмите по оранжевой кнопке «» и дождитесь сообщения о том, что данная директория успешно удалена.
Готово! Ваш сайт установлен, настроен и готов к работе. Теперь вы можете открыть для просмотра сам сайт и войти в панель управления для редактирования и добавления новых материалов.
Открыть сайт и панель управления вы сможете при помощи соответствующих кнопок.
Как установить русский язык для Joomla
По умолчанию панель управления на английском языке, но изменить его совсем не трудно. Для этого перейдите по вкладке «Extensions» и выберите «Language».
В верхней левой части страницы найдите и перейдите по кнопке «Install Languages».
В строку поиска впишите «ru» и нажмите по иконке поиска. В результатах поиска выделите нужный вариант, посредством установки галочки в соответствующий чекбокс, напротив – Russian.
Теперь нажмите на кнопку «Install», которая расположена в верхней части страницы.
Теперь, когда языковой пакет загружен, остаётся только его изменить. Опять открываем меню «Extensions», наводим на «Language» и выбираем из списка установленные языки – пункт «Installed».
Чуть ниже, в выпадающем списке выбираем пункт «Administrator», выбираем русский язык и нажимаем на кнопку «Switch Language», что переводится как «Изменить язык».
Если всё правильно, сразу после перезагрузки страницы вы увидите сообщение: «Язык административной панели переключен на "Russian"» и все элементы панели управления будут уже на русском языке.
Как установить шаблон для joomla
Отлично, мы проделали огромную работу и теперь, когда наш сайт уже, казалось бы, полностью готов, наверное, было бы неплохо изменить его внешний вид, а для этого нам понадобится скачать из интернета наиболее понравившейся шаблон для «Джумлы».На сегодняшний день существует огромное количество всевозможных шаблонов на разные темы. Это могут быть адаптивные шаблоны, шаблоны для игровых сайтов, шаблоны бизнес сайтов, интернет-магазинов и так далее. Большинство шаблонов распространяется бесплатно, но есть и те, которые скачать бесплатно не получится.
И так, скачать шаблон для joomla можно с разных источников, вот, например, некоторые из них:
- joomla24.com
- joomla3x.ru
- joomla-site.ru
Так же стоит отметить, что существуют универсальные версии шаблонов, которые имеют вид «Joomla 3x Templates», где 3Х означает, что данный шаблон подходит для всех версий Joomla 3.
Предположим вы нашли и скачали понравившийся вам шаблон – что дальше?
Всем привет! В данном посте хочу вновь затронуть тему joomla, а именно как сделать мультиязычный сайт на joomla. Мультиязычность — это одно из достоинств, которым пригляделаcь мне joomla. Мультиязычный сайт создается таким образом, что пользователю необходимо добавлять один и тот же материал на разных языках. Т.е. перевод осуществляется не каким либо автоматическим роботом-переводчиком, а происходит просто переключение с одного языка на другой. Все статьи на разных языках пишутся человеком, как говорится, с чувством, с толком, с расстановкой. Лично по мне, такой подход более серьезен, нежели использование какого либо гугл-переводчика.
В данной статье пошагово разберем, что необходимо сделать, чтобы наш сайт был доступен на разных языках. Я на примерном сайте создам еще два дополнительных языка — английский и немецкий, т.е. у меня сайт будет на трех языках: русский, английский и немецкий. Давайте начнем.
Структура статьи
Мультиязычный сайт на Joomla
Для начала нам необходимо установить файлы локализации необходимых языков. Ну, предполагается, что файлы русской локализации уже у вас установлены. Вы же ведь устанавливали русский язык при ? Если не устанавливали и у вас админка и сайт на английском, то установите. Мы разберем, как установить немецкую локализацию, остальные языки устанавливаются аналогично. Английский язык установлен по умолчанию.
Менеджер языков
Итак, идем в «Расширения» -> «Менеджер языков» . У меня установлено два языка, русский установлен по умолчанию. Так же должно быть и у вас.
Обратите внимание на левую колонку. Вы должны четко понимать, что означает каждый пункт:
Языковые пакеты сайта — задается перевод фронтальной (видимой) части сайта;
Языковые пакеты панели управления — задается перевод панели управления сайта;
Языки контента — языки контента необходимы нам для организации мультиязычного сайта (с которыми мы и будем работать);
Переопределение констант — про я уже писал, можете подробнее почитать.
Давайте установим еще один язык, в моем случае это немецкий язык. Для этого жмем кнопочку «Установить язык» . Далее, в списке языков отмечаем галочкой нужный нам язык. Я отметил German, т.е. немецкий. Если не знаете, как будет ваш язык на английском, то можете воспользоваться гугл-переводчиком .
Язык установлен. Возвращаемся в менеджер языков и убеждаемся, что у нас появился еще один язык для сайта и панели управления.
Следующий шаг — открываем ссылку «Языки контента» в новой вкладке (наводим и жмем на колесико мыши), таким образом у нас будут открыты две вкладки панели управления: вкладка менеджера языков и вкладка языков контента. Сейчас узнаете почему.
Если мы зайдем в языки контента, то увидим, что у нас установлен только один язык контента по умолчанию — английский. Нам необходимо установить еще два: русский и немецкий. Жмем по кнопке «Создать» . Далее заполняем поля примерно вот так.
Давайте разберем каждое поле. Где брать значения?
Заголовок — здесь вводим любой заголовок;
Заголовок на родном языке — здесь вводите название языка на данном языке
Тег языка — берем из колонки «Тег языка» в менеджере языков (для этого мы и сохранили вкладку браузера с языками);
Код языка для URL — здесь вводим суффикс для адреса сайта данного языка (только обязательно латиницей ), например, будет примерно так — site.ru/en/;
Префикс изображения — в выпадающем списке выбираем префикс нужного нам языка. Если выберем правильно рядом должен высветиться флажок данного языка. Вы должны знать как выглядит флаг у добавляемого языка. Если не знаете какой префикс выбрать, то делаем следующее — переходим в корневую директорию сайта и открываем папку — /media/mod_languages/images. Находим свой флаг и смотрим на название файла. Чтобы просмотреть флаги можно воспользоваться стандартным окном windows. Если у вас сайт на хостинге и нет возможности визуально просмотреть медиа-файлы, то можете скачать все файлы флагов на компьютер. Они легкие и много времени это не займет.
Состояние — естественно публикуем
Доступ — всем гостям — Publiс
Описание — можете ввести какое либо описание.
Хочу отметить, что все поля, отмеченные звездочкой обязательны для заполнения.
Во вкладке «Название сайта» можете вписать общее название сайта на родном языке. В некоторых случаях эта опция может быть полезной.
Модуль переключения языков
После того, как все языки контента у нас созданы нам необходимо создать и опубликовать модуль переключения языков. Данный модуль позволит нашим пользователям переключаться на желаемый язык сайта. Для этого идем в «Расширения» -> «Менеджер модулей» и жмем по кнопочке «Создать» . В открывшемся списке выбираем тип модуля «Переключение языков» .
Публикуем модуль в подходящей позиции вашего шаблона. Все настройки я оставляю по умолчанию. Можете пройтись по ним и изучить, используя подсказки при наведении на опции.
Системный плагин
Следующее, что нам необходимо сделать это включить плагин фильтра языков . Для этого идем в «Расширения» -> «Менеджер плагинов» -> «Система — Фильтр языка» .
Давайте не просто его включим, а зайдем и разберем кое-какие настройки. Вообще, я рекомендую оставить настройки по умолчанию, но вдруг кого то не устроит что-либо.
Здесь я не буду разбирать все настройки, а остановлюсь лишь на некоторых. Если навести на заголовок, то высветиться подсказка, можете почитать, если что-то будет непонятно.
Выбор языка для новых посетителей — здесь вы выбираете, как будет определяться язык сайта по умолчанию: из настроек браузера, или будет установлен язык по умолчанию, установленный в менеджере языков (по умолчанию у нас стоит русский). Т.е., здесь выбираете наиболее приемлемый для вас вариант. Я оставлю язык по умолчанию, установленный в менеджере языков.
Следующая опция на которую я хотел обратить ваше внимание это «Удалять префикс языка по умолчанию «. Что это значит? Наверняка на многих сайтах, где имеются несколько языков вы видели, что адреса имеют вид, например, site.ru/en или site.ru/ru, т.е. добавляется суффикс языка к адресу сайта. Так вот данная опция нужная для того, чтобы удалять суффикс из адреса для языка сайта по умолчанию. Мне кажется это логично. По умолчанию данная опция отключена, но я обычно ее включаю и вам рекомендую.
Все, публикуем плагин и сохраняем. Остальные опции оставляем как есть.
Предварительные настройки мы сделали. Теперь нам надо создать структуру нашего сайта: я создам две категории на трех языках, две статьи для каждой категории на трех языках, модуль формы авторизации на трех языках и меню на трех языках + меню по умолчанию для всех языков.
А теперь обо все по порядку.
Контент
Идем в «Материалы» -> «Менеджер категорий» и создаем категорию. В настройках категории присваиваем язык категории. Заметьте, что нам при выборе языка доступны все три созданные нами языка.
Дублируем данную категорию и создаем аналогично на других языках. Содержание категории: заголовок и описание заменяем в соответствии с языком. Аналогично я создам еще одну категорию. У меня их будут две: статьи и новости.
В дальнейшем нам необходимо будет связать категории и статьи с аналогичными на другом языке. Т.е. выставляете столько связей, сколько у вас языков. Но связи категорий и материалов рассмотрим чуть ниже.
Модули
Контент у меня создан. Теперь я создам модуль также на трех языках. Это будет модуль формы авторизации. Здесь также как и для статей создаем модуль на трех языках и присваиваем нужный язык в настройках модуля.
Меню
Теперь давайте перейдем к меню. Нам необходимо проделать следующее: дублируем главное меню столько раз, сколько у нас будет языков, т.е. под каждый язык создается меню и дублируются пункты. Оставляем одно общее меню с одним единственным пунктом — Главная. В моем случае у меня будут четыре меню: одно общее с одним пунктом «Главная» и три меню с пунктами на английском, русском и немецком языках.
Давайте разберем меню по умолчанию. Заходим в пункт «Главная» и выставляем значение главная страница в положение — «Да» и значение языка — «Все» . Присвоив статус пункту «Главная страница» мы делаем его главным (оно будет помечено иконкой домика), а меню становится по умолчанию главным.
Создаем пункты меню в остальных наших меню, заголовки даем на родном языке. Не забываем, что каждому пункту следует присвоить соответствующий язык.
Следует отметить, что пункту меню «Главная» во всех меню следует выставить переключатель «Главная страница»
в положение «Да»
. В результате данных действий у каждого языкового меню в выпадающем меню админки joomla, а также в колонке «Главная»
в списке пунктов меню должна появиться иконка флага.
Я создал все пункты во всех меню и вот что у меня получилось.
У вас должно получиться примерно тоже самое.
Связи
Следующим шагом мы свяжем все пункты языковых меню между собой посредством связей. Для этого заходим в любое языковое меню и последовательно открываем каждый пункт на редактирование. В открывшемся окне настроек пункта меню находим вкладку «Связи» и связываем данным пункт с аналогичным пунктом в других языковых меню.
Вот таким образом проходимся по всем пунктам одного меню и связываем пункты с аналогичными пунктами других меню. Я открыл на редактирование пункты английского меню и связал все пункты.
После того, как вы свяжете все пункты в списке пунктов меню в колонке «Связи» должны появиться пиктограммы связанных языков. Вот как у меня выглядит английское меню. Если щелкнуть по пиктограмме какого либо языка, мы можем открыть на редактирование пункт меню с данным языком. Я считаю это очень удобно.
Вот такие же пиктограммы языков вы можете увидеть и в других меню. Обратите внимание на колонку «Связи» . Если вы зайдете в другое меню и в списке будут такие иконки, то значит мы сделали все правильно.
Теперь давайте таким же образом свяжем наши категории и статьи. Сначала зайдем в категории и откроем категорию на любом языке на редактирование. Находим вкладку «Связи» и также связываем категорию аналогичной ей на другом языке.
В списке категорий, если все сделали правильно вы должны также увидеть пиктограммы языков в колонке «Связи». Здесь также можно отредактировать содержимое языка, щелкнув по пиктограмме.
Таким же образом связываем все материалы друг с другом языками. Открываете материал и во вкладке «Связи» связываете материалы.
Теперь давайте выведем каждое языковое меню в нашем шаблоне посредством модуля. Для этого идем в «Меню» -> «Менеджер меню» и переходим по ссылке «Добавить модуль для данного типа меню». Конечно это можно сделать и через менеджер модулей. В данном случае разницы никакой нет. Все модуля для языковых меню выводим в одной и той же позиции. Я выбрал позицию «position-7» моего шаблона «Protostar» . Не забываем выбрать язык для каждого модуля меню.
Теперь у всех меню есть модуль вывода, в том числе и меню по умолчанию. Вот его как раз можно и удалить, он нам теперь не нужен. Данное меню не выводится на сайте.
Все, теперь перейдите на свой сайт и обновите страницу. У вас должен появиться модуль переключения языков, модуль формы входа и главное меню с пунктами, как у меня.
Попробуйте войти в категорию и переключиться на другой язык. Я вот вошел в категорию «Статьи»
и переключился на английский язык. Вот как выглядит теперь контент моего сайта.
При переключении на другой язык меня никуда не перекинуло, я остался все на той же странице, просто изменился язык сайта. Достигается это как раз посредством связей пунктов меню, категорий и статей, а также посредством включенной опции «Связь элементов» в плагине фильтрации языка.
В адресе сайта видим тот самый суффикс, который мы задали при создании языков контента. Обратите внимание, для языка по умолчанию суффикс языка не выводится. Это как раз за счет того, что мы активировали соответствующую опцию в плагине переключения языков.
Если у вас в адресе присутствует — index.php, то это говорит о том, что у вас не включен ЧПУ (человеко-понятный урл). Чтобы включить ЧПУ необходимо в общих настройках joomla во вкладке «Сайт» в настройках Seo выставить первые три переключателя в положение «Да» , а также переименовать в корневой директории сайта файл — htaccess.txt в .htaccess .
Ну вот и все. Получилась большая инструкция. Я надеюсь ничего не пропустил и у вас вопросов не возникнет, а если и возникнет, то с удовольствием отвечу на них в комментариях.
Всем удачи!
Наиболее часто задаваемые вопросы
1. Не отображаются иконки флагов в переключателе языков и в меню?
Проследите за тем, чтобы каждому пункту «Главная» каждого языка был присвоен статус главной страницы. Если данная опция включена, то пройдитесь по всем настройкам еще раз. Может вы неправильно вписали тег языка? Уверен, сделали что-то неправильно!
2. Что делать, если нет нужного языка в Joomla?
Вам необходимо его создать. Как? Если в краце, то берете любой язык, качаете его к себе на компьютер и переводите на свой язык по аналогии. Далее устанавливаете. Вообще это тема для отдельной статьи. Обязательно ее напишу, а пока вот ссылка на joomlaforum — http://joomlaforum.ru/index.php?topic=320561.0
3. Как изменить порядок отображения языков в модуле переключения языков?
Попробуйте изменить порядок в админке «Языки контента».
Насколько хорошо вы знаете Joomla? Давайте проверим! В данной статье я собрал 10 особенностей этой CMS, о которых знают далеко не все. Прочитайте статью, а затем напишите в комментариях, сколько из пунктов были вам известны, например «6/10». Я уверен, что «10/10» наберут далеко не все. А особенности действительно интересные!
1) Скрытые страницы регистрации и авторизации в Joomla
В Joomla есть страницы, через которые пользователь может зарегистрироваться или авторизоваться на сайте. Именно страницы. Не путайте с модулями авторизации. Адреса этих страниц стандартные и не изменяются по умолчанию от установки к установке.
Главный фокус в том, что даже если вы не показываете пользователям ссылку на страницу регистрации, опытный человек, знакомый с Joomla, сможет попасть на нее. Как? Очень просто:
- php?option=com_users&view=registration – форма регистрации
- php?option=com_users&view=login – форма авторизации
Эта особенность Joomla часто используется нечистыми на руку людьми для рассылки странного вида спама. Спам приходит через форму регистрации. Т.е. через нее робот регистрирует якобы пользователей, подставляя вместо имени спам-текст:
Вот ведь извращение. Но оно имеет место быть. Говорю из практики. Чтобы обезопасить себя от таких «пользователей», либо отключайте на сайте регистрацию, либо ставьте на нее код проверки (капчу).
Если с регистрацией всё просто, то с авторизацией сложнее. Вы можете убрать с сайта модуль ввода логина и пароля, но это не избавит вас от страницы с формой авторизации, описанной выше. Она стандартная, а значит, каждый пользователь может ее открыть и попытаться подобрать логин и пароль администратора. Логин обычно никто не меняет. Остается только подобрать пароль перебором. Если ваш сайт не слишком ценен, то вряд ли кто-то будет морочить себе этим голову. А вот если на сайте есть ценная информация, то злоумышленники могут и поработать с ним.
Как защититься от подбора пароля? Есть несколько вариантов. Самый простой – переопределить макет страницы index. php? option= com_ users& view= login в используемый шаблон Joomla и удалить из него форму ввода логина и пароля. Другой вариант – использовать Wedal Recaptcha Login , который будет показывать капчу после нескольких неудачных попыток авторизации.
Не забывайте про эти стандартные страницы в Joomla.
2) Неизменность файлов. htaccess, robots. txt, web. config. txt и необходимость их ручного обновления
В Joomla есть одна интересная особенность. Когда вы обновляете сайт до новой версии, например, переходите с Joomla 2.5 на Joomla 3, файлы . htaccess , robots. txt , web. config. txt не обновляются вместе со всеми остальными, хотя в них могут быть изменения.
Фокус в том, что в этих файлах могут содержаться ваши личные настройки, которые могут изменяться в зависимости от окружения. Проще говоря, под разные сервера и особенности сайтов настройки в файлах редактируются. Если бы Joomla при каждом обновлении перезаписывала их, то многие сайты просто падали с ошибкой, не говоря уже о других, скрытых проблемах. Поэтому данные файлы не обновляются. Но обновлять их нужно, т.к. в обновленных файлах могут быть важные изменения, относящиеся к самой Joomla. Обновлять файлы можно путем сопоставления. Т.е. открыть новый и старый, посмотреть, что добавилось в новом, добавить это и в старый. Примерно так.
Вообще-то, после установки обновлений Joomla, появляются сообщения с информацией об этих файлах. Но кто читает эти сообщения =)
3) Отдельная страница в Joomla с уникальным макетом/кодом
Моя любимая особенность. Я пользуюсь ей очень часто, и очень часто она сильно выручает.
Многие знают, что в Joomla есть так называемый макет для печати. Это файл component. php , который находится в корне используемого шаблона сайта. Суть этого файла сводится к тому, чтобы показать только выдачу компонента на странице, убрав с нее шаблон и модули (шапку, подвал, колонки, и др., оставив только контент).
Чтобы воспользоваться этим макетом, необходимо добавить к URL «? tmpl= component » или «& tmpl= component », если вопросик уже стоит в URL раньше.
Если стандартная страница выглядела, скажем, так:
То после добавления к URL данной конструкции, будет:
Вообще, фокус с «tmpl=component» довольно известный. Здесь ничего интересного. Но я вот пошел дальше. Кто сказал, что мы должны использовать эту особенность строго по назначению? Следите за руками:
- Копируем файл component. php в корне шаблона Joomla .
- Изменяем его название, на скажем, myscript. php , и размещаем там же, в корне шаблона.
- Пишем в файле myscript. php любой код или верстаем любую страницу, которая нужна нам на сайте, но которая не попадает под стандарт Joomla, например, делаем или вставляем готовый калькулятор чего-либо.
- Открываем любую страницу сайта, добавляя в URL параметр с нашим макетом, например: mysite. ltd/? tmpl= myscript
- Страница загружается и код выполняется. При этом в файле myscript. php будут работать все особенности фреймворка Joomla, будут доступны все позиции модулей и компонент – в общем, всё то, что есть в шаблоне Joomla.
Это очень удобно. В этом файле можно также получать и разбирать параметры URL, не забывая, конечно, фильтровать их на входе. Используя такой подход, вы можете легко интегрировать в Joomla сторонний скрипт, вы можете получать и разбирать любые данные для AJAX-запросов из базы данных, вы можете делать практически всё, что только пожелаете. Главное – не забывайте про безопасность.
4) Собственное меню в админке
А вы знали, что существует возможность создать свое собственное меню в админке Joomla. В нем могут быть любые пункты, а не те, которые есть в стандартном меню. Вы можете заменить им стандартное меню и показывать только то, что действительно необходимо:
А вам слабо? =)
Делается это довольно легко, хотя и со своими тонкостями. Вы можете создать меню администратора в том же менеджере меню, где создаете и все остальные меню, уж простите за тавтологию. Далее – точно также публикуем его в модуле, но только в модуле админки , в позиции «menu ». В результате получаем свое собственное меню.
5) Встроенный менеджер перенаправлений
Про эту особенность вы должны знать, но всё же расскажу. Если вам нужно настроить перенаправление (редирект) с одной страницы на другую, не обязательно лезть в код. В Joomla существует довольно неплохой инструмент, позволяющий создавать редиректы через админку. Он называется «Менеджер перенаправлений » и доступен в админке по умолчанию в «Компоненты –> Перенаправление ». Выглядит он примерно так:
Менеджер перенаправлений Joomla выполняет несколько полезных функций:
- Собирает все запросы к сайту, которые вернули ошибку 404, и показывает, сколько было обращений по каждому такому запросу – так вы можете увидеть, какие страницы были запрошены посетителями, но не были загружены по какой-то причине.
- Позволяет настраивать перенаправления как для страниц, собранных в п.1, так и собственные, уникальные перенаправления.
- Позволяет массово импортировать перенаправления на сайт. Т.е. вы можете создать их в Excel, а затем легко загрузить в менеджер.
Эта очень полезная и удобная функция Joomla. Я часто ей пользуюсь, особенно при миграции сайтов с Joomla 1.5 на свежую версию. Обычно в таких миграциях URL страниц сайта изменяются, но благодаря менеджеру перенаправлений удается сохранить посетителей сайта.
6) Одновременная авторизация фронденд-админка.
Довольно новая «фишка» в Joomla. Позволяет одновременно проходить авторизацию и на сайте и в админке (и наоборот).
По умолчанию в Joomla отдельная авторизация. Т.е. авторизация на сайте отдельно, в админке – отдельно. Если вам это не по душе и хочется вводить логин и пароль только один раз, то это возможно. Перейдите в Общие настройки –> Вкладка «Система» –> Опция «Общие сессии» . Активируйте эту опцию. Авторизовываться и выходить можно будет только один раз для всего сайта.
7) Установка требований к сложности пароля для пользователей при регистрации
Готов поспорить, вы не знали, что это возможно =). Я вот раньше не знал, а оно есть!
Вы можете зайти в общие настройки Joomla, выбрать раздел «Пользователи» , перейти на вкладку «Параметры пароля» и увидеть необходимые настройки:
Задавайте минимальную длину пароля и требования к цифрам, буквам и заглавным буквам в пароле – прямо как на крупных популярных сайтах.
8) Изменение пути к каталогу с изображениями в медиа-менеджере
По умолчанию все изображения в Joomla хранятся в папке images , расположенной в корне сайта. Эта же папка открывается в медиа-менеджере, когда вы хотите выбрать или загрузить изображение. Вроде бы всё хорошо, но мир неидеален.
Бывает, что эта особенность прямо очень сильно мешает. Когда? Тогда, когда нужное вам изображение лежит, например, в папке images шаблона сайта, или же изображения хранятся где-то в стороннем компоненте, разработчики которого как-то не сообразили хранить их там, где нужно. Бывает? Бывает. Что делать в этом случае?
Всё просто. Переходим в Общие настройки Joomla , открываем раздел «Медиа-менеджер» и видим в нем настройки. Здесь нас интересуют две опции:
- Путь к каталогу с файлами
- Путь к каталогу с изображениями
Заменяем их значения на «/ »:
После этого видим в медиа-менеджере все каталоги:
Хочу напомнить об очевидном: если у вас есть пользователи, которые могут работать с редактором и медиа-менеджером, и которым вы не доверяете, не делайте то, что написано в этом пункте! Выполнять его допустимо только когда доступ к редактору и медиа-менеджеру имеет только доверенный круг лиц, а лучше – только Вы.
9) Сбор статистики поиска в Joomla
Обычно на сайте используется форма поиска. Иногда очень интересно узнать, что же всё-таки люди в ней ищут. Стандартный поиск Joomla дает такую возможность. Вы можете собирать статистику всех запросов в форме поиска на сайте, а затем анализировать ее. Для этого переходим в Общие настройки Joomla , раздел «Поиск » и активируем опцию «Собирать статистику поиска ». После этого нужно зайти в «Компоненты –> Поиск », где вы увидите собранную статистику:
10) Полное кэширование страниц Joomla + браузерное кэширование
Думаю, многие уже знают про эту особенность, но есть в ней и кое-что новое.
В Joomla есть система кэширования. Увидеть настройки кэширования вы можете в общих настройках Joomla. Это хорошее кэширование, но оно не кэширует страницу целиком. Это логично, поскольку на странице обычно есть динамические элементы, которые кэшировать нельзя. Например, те же комментарии. Если их полностью кэшировать, то обновляться они будут с большой задержкой.
Ок. Но что, если у вас сайт-визитка в пять страниц, и без какого бы то дополнительного функционала? Для вас главное – скорость загрузки. Для таких ситуаций в Joomla есть плагин Система – Кэш . Вы можете найти его в менеджере плагинов Joomla. Он позволяет кэшировать страницу целиком. По умолчанию он выключен. Если вы включите его, то все страницы сайта будут кэшироваться полностью. Что это значит? Это значит, что ваш сайт будет отдавать пользователям уже готовые html-страницы, не тратя время на их повторную генерацию. Это может значительно ускорить загрузку страниц, особенно, если используется медленный хостинг. Другим плюсом станет снижение нагрузки на хостинг – ведь генерировать ничего не требуется.
