Как работать с джумлой. Пособие по работе с Joomla CMS для начинающих

Доброго времени суток, друзья! Сегодня я хочу поговорить о том, как сделать сайт Joomla с нуля. Думаю, многих начинающих сайтостроителей волнует данная тема. Конечно же, в интернете этот вопрос уже освещался и не единожды, но так как я опубликовал множество постов связанных с CMS Joomla, было бы ошибочно не воспользоваться всеми накопленными знаниями, подытожив их в одном месте.

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

Несчетное количество как платных, так и бесплатных расширений.

Возможность создания как самой простенькой интернет страницы, так и объемного портала либо интернет-магазина.

Стабильное обновления движка и всех его компонентов.

Серьезная поддержка, базирующаяся на множестве форумов.

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

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

А теперь давайте о наболевшем. Как же все-таки создать сайт самому, да еще и бесплатно?

Как создать сайт на Joomla - пошаговая инструкция

    Создание пунктов меню Joomla . Для отображения какого-либо материала на страницах сайта материал необходимо привязать к категории, которая в свою очередь будет привязана к меню. CMS Joomla позволяет создать сайт бесплатно с самыми различными пунктами меню. К примеру, можно привязать определенное меню к корневому пункту, которое в свою очередь будет вложено в еще одно меню и т.п.

Всем привет! В данном посте хочу вновь затронуть тему joomla, а именно как сделать мультиязычный сайт на joomla. Мультиязычность — это одно из достоинств, которым пригляделаcь мне joomla. Мультиязычный сайт создается таким образом, что пользователю необходимо добавлять один и тот же материал на разных языках. Т.е. перевод осуществляется не каким либо автоматическим роботом-переводчиком, а происходит просто переключение с одного языка на другой. Все статьи на разных языках пишутся человеком, как говорится, с чувством, с толком, с расстановкой. Лично по мне, такой подход более серьезен, нежели использование какого либо гугл-переводчика.

В данной статье пошагово разберем, что необходимо сделать, чтобы наш сайт был доступен на разных языках. Я на примерном сайте создам еще два дополнительных языка — английский и немецкий, т.е. у меня сайт будет на трех языках: русский, английский и немецкий. Давайте начнем.

Структура статьи

Мультиязычный сайт на Joomla

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

Менеджер языков

Итак, идем в «Расширения» -> «Менеджер языков» . У меня установлено два языка, русский установлен по умолчанию. Так же должно быть и у вас.

Обратите внимание на левую колонку. Вы должны четко понимать, что означает каждый пункт:

Языковые пакеты сайта — задается перевод фронтальной (видимой) части сайта;

Языковые пакеты панели управления — задается перевод панели управления сайта;

Языки контента — языки контента необходимы нам для организации мультиязычного сайта (с которыми мы и будем работать);

Переопределение констант — про я уже писал, можете подробнее почитать.

Давайте установим еще один язык, в моем случае это немецкий язык. Для этого жмем кнопочку «Установить язык» . Далее, в списке языков отмечаем галочкой нужный нам язык. Я отметил German, т.е. немецкий. Если не знаете, как будет ваш язык на английском, то можете воспользоваться гугл-переводчиком .

Язык установлен. Возвращаемся в менеджер языков и убеждаемся, что у нас появился еще один язык для сайта и панели управления.

Код языка для URL — здесь вводим суффикс для адреса сайта данного языка (только обязательно латиницей ), например, будет примерно так — site.ru/en/;

Префикс изображения — в выпадающем списке выбираем префикс нужного нам языка. Если выберем правильно рядом должен высветиться флажок данного языка. Вы должны знать как выглядит флаг у добавляемого языка. Если не знаете какой префикс выбрать, то делаем следующее — переходим в корневую директорию сайта и открываем папку — /media/mod_languages/images. Находим свой флаг и смотрим на название файла. Чтобы просмотреть флаги можно воспользоваться стандартным окном windows. Если у вас сайт на хостинге и нет возможности визуально просмотреть медиа-файлы, то можете скачать все файлы флагов на компьютер. Они легкие и много времени это не займет.

Состояние — естественно публикуем

Доступ — всем гостям — Publiс

Описание — можете ввести какое либо описание.

Хочу отметить, что все поля, отмеченные звездочкой обязательны для заполнения.

Во вкладке «Название сайта» можете вписать общее название сайта на родном языке. В некоторых случаях эта опция может быть полезной.

Модуль переключения языков

После того, как все языки контента у нас созданы нам необходимо создать и опубликовать модуль переключения языков. Данный модуль позволит нашим пользователям переключаться на желаемый язык сайта. Для этого идем в «Расширения» -> «Менеджер модулей» и жмем по кнопочке «Создать» . В открывшемся списке выбираем тип модуля «Переключение языков» .

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

Системный плагин

Следующее, что нам необходимо сделать это включить плагин фильтра языков . Для этого идем в «Расширения» -> «Менеджер плагинов» -> «Система — Фильтр языка» .

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

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

Выбор языка для новых посетителей — здесь вы выбираете, как будет определяться язык сайта по умолчанию: из настроек браузера, или будет установлен язык по умолчанию, установленный в менеджере языков (по умолчанию у нас стоит русский). Т.е., здесь выбираете наиболее приемлемый для вас вариант. Я оставлю язык по умолчанию, установленный в менеджере языков.

Следующая опция на которую я хотел обратить ваше внимание это «Удалять префикс языка по умолчанию «. Что это значит? Наверняка на многих сайтах, где имеются несколько языков вы видели, что адреса имеют вид, например, site.ru/en или site.ru/ru, т.е. добавляется суффикс языка к адресу сайта. Так вот данная опция нужная для того, чтобы удалять суффикс из адреса для языка сайта по умолчанию. Мне кажется это логично. По умолчанию данная опция отключена, но я обычно ее включаю и вам рекомендую.

Все, публикуем плагин и сохраняем. Остальные опции оставляем как есть.

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

А теперь обо все по порядку.

Контент

Идем в «Материалы» -> «Менеджер категорий» и создаем категорию. В настройках категории присваиваем язык категории. Заметьте, что нам при выборе языка доступны все три созданные нами языка.

Дублируем данную категорию и создаем аналогично на других языках. Содержание категории: заголовок и описание заменяем в соответствии с языком. Аналогично я создам еще одну категорию. У меня их будут две: статьи и новости.

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

Модули

Контент у меня создан. Теперь я создам модуль также на трех языках. Это будет модуль формы авторизации. Здесь также как и для статей создаем модуль на трех языках и присваиваем нужный язык в настройках модуля.

Меню

Теперь давайте перейдем к меню. Нам необходимо проделать следующее: дублируем главное меню столько раз, сколько у нас будет языков, т.е. под каждый язык создается меню и дублируются пункты. Оставляем одно общее меню с одним единственным пунктом — Главная. В моем случае у меня будут четыре меню: одно общее с одним пунктом «Главная» и три меню с пунктами на английском, русском и немецком языках.

Давайте разберем меню по умолчанию. Заходим в пункт «Главная» и выставляем значение главная страница в положение — «Да» и значение языка — «Все» . Присвоив статус пункту «Главная страница» мы делаем его главным (оно будет помечено иконкой домика), а меню становится по умолчанию главным.

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

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

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

2. Что делать, если нет нужного языка в Joomla?

Вам необходимо его создать. Как? Если в краце, то берете любой язык, качаете его к себе на компьютер и переводите на свой язык по аналогии. Далее устанавливаете. Вообще это тема для отдельной статьи. Обязательно ее напишу, а пока вот ссылка на joomlaforum — http://joomlaforum.ru/index.php?topic=320561.0

3. Как изменить порядок отображения языков в модуле переключения языков?

Попробуйте изменить порядок в админке «Языки контента».

Руководство по Joomla! для начинающих

Хотя можно потратить всю жизнь на изучение Joomla!, однако, если вы освоите основы, вы сможете создать очень удобный и полезный простой сайт в очень короткое время без специальных технических навыков. Вы хотитете начать работу в Joomla!, но вы не знаете с чего можно начать? Если Вы положительно ответили на этот вопрос, то Вы попали именно туда куда нужно.

Установка Joomla!

Прежде чем Вы начнете использовать Joomla! вам понадобится работающая версия Joomla! Если вы хотите, чтобы ваш сайт был доступен в Интернете , убедитесь, что у вас есть учетная запись на веб-сервере. Для большинства пользователей это означает подписание договора с хостинговой компании и покупке домена, который будет служить основным адресом вашего сайта.

  • Желаете бесплатно создать веб-сайт на системе Joomla? Веб-сайт joomla.com является самым новым сервисом [проекта] Joomla!, который позволяет Вам начать, построить и поддерживать неограниченное время полностью бесплатный сайт на под-домене joomla.com. Программное обеспечение этого веб-сайта предоставляет весь стандартный функционал системы Joomla!, который делает создание сайта легким и гибким.
  • Вы уже вибрали фирму предоставляющюю хостинг? Joomla! поддерживается большинством хостинг-компаниями в рамках "один клик устанавливает " (также называемые автоматические установщики) для своих клиентов. "Одним щелчком мыши" (one clilck) - это способ "мгновенной" установки ЦМС Joomla!, при этом быстро и легко. Для этого следуйте инструкциям вашего хостинг-провайдера.
  • Использовать обычный метод установки. Для этого необходимо скопировать на Joomla! zip файл в Вашу учетную запись на хостинге, распаковать его, создать базу данных, а затем запустить инсталлятор. Подробные инструкции можно найти на Установка Joomla . Более подробную информацию можно найти на Ресурсы по установке Joomla! .
  • Установить Joomla! на свой собственный компьютер (без доступа к Вашему сайту через интернет), вы можете с помощью пакета XAMPP . Установите XAMPP и затем используйте "обычный способ" [установки Joomla!], чтобы получить ваш рабочий тестовый Joomla! сайт.

Научись использовать Joomla!

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

  • Чтобы освоить терминологию Joomla! стоит обратиться к Глоссарию .
  • Начинаем работать с Joomla! это Учебное пособие из серии практических указаний по использованию Joomla! для людей, которые никогда еще ее не использовали. В нем объясняются этапы шаг за шагом, используя скриншоты.

"Получение Поддержки"

  • "Для получения помощи по установке, вы можете обратиться с вопросами в Joomla! форум по установке ."
  • "Поскольку Вы изучаете Joomla! есть возможность получить помощь на NewJoomla! форумах. Используйте Новый на Joomla! 2.5 или на форуме Новое в Joomla! 3.х форум."

Перед тем как Вы начнете создавать Ваш сайт в Joomla!

Перед тем как Вы начнете создавать свои собственные статьи, категории, теги, веб-ссылки, контакты, баннеры и новостные ленты, Вам стоит ознакомится со статьей планирование Вашего веб-сайта . Есть много аспектов создания веб-сайта, на которые стоит обратить свое внимание. Например, решить хотите ли Вы включить дружественную поисковую систему URL-адресов , а также как включение или отключение такой поисковой системы дружественных URL-адресов в последствии может привести к потере рейтинга ваших страниц, приобретенных с поисковых систем таких как Google, MSN и Yahoo.

Возможно, у вас уже есть сайт. Тогда Вам стоит прочитать " преобразование существующего сайта в Joomla! веб-сайт " либо узнать больше о преобразовании вашего статического сайта.

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

  • Как [].

Наконец, Вы можете захотеть добавить одно или несколько из тысячи расширений на Joomla! .Список большинства Joomla! расширений Вы найдете по этой ссылке: the official Joomla! Extensions Directory (JED) . Как только вы нашли расширение, которое хотели бы установить, вам стотит следовать процедуре установки Joomla! расширений .

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

Получение помощи на Joomla! Форумах

The Joomla! forums are the among the busiest (and most friendly) support forums in the world, and they are a great place to get help and meet other Joomla! users.

  • Before posting, check the Frequently Asked Questions (FAQs) on the docs wiki.
  • Please make certain you search the Forum post first before posting a question. Nine times out of ten someone else had the same issue that you had.
  • Make sure you are posting in the right forum for your topic.
  • Be clear and specific in your request for help. Entries like “Help! It doesn’t work!” tend to get ignored. Try to explain everything that led up to your problem. Try to explain what your problem is. Be clear about what you want to happen. And, thank those who bother to help!
  • Use the Forum Post Assistant to help you provide more information and better explain your problem.
  • If your question/problem was solved, mark your thread as solved by editing the first post you made in that thread and changing the topic icon to the green check mark with a circle. You can also add to your topic title. By doing this you allow other members who are doing searches to easily differentiate between solved and unsolved issues. This also saves the volunteers" time of having to open up solved topics.
  • As soon as you know things, start answering questions. Answering questions is one of the best ways to learn.
  • If someone helps you, say thank you and pay it forward by answering a question yourself.

Всего 14 уроков, немного внимания и терпения, и вот вы уже умеете пользоваться одной из самых гибких систем управления контентом - Joomla. Это на самом деле универсальный движок, который подходит для всех проектов .

  • 1 Знакомство с Joomla

    Небольшая вводная часть: о возможностях, об истории, о внешнем виде - вы будете понимать, с чем предстоит иметь дело.

  • 2 Установка Joomla на localhost

    Многие веб-мастера начинают работу над сайтом, не выкладывая его в Интернет, а размещая на локальном хостинге. О том, как установить CMS на него и пойдёт речь в этой статье.

  • 3 Установка Joomla на хостинг

    Пошаговая инструкция, при помощи которой любой пользователь сможет проинсталлировать Joomla на хостинг, чтобы его сайт работал именно на этой CMS.

  • 4 Знакомство с админкой и базовые настройки

    В статье вы найдёте очень много полезной информации на тему настройки своего ресурса. Начиная с того, как войти в панель администратора и освоиться в ней, заканчивая тем, как изменить время сессии, найти справку и удалить некоторые демо-данные.

  • 5 Установка шаблона на Joomla

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

  • 6 Создание страниц и пункта меню

    О том, как добавить на сайт страницу, а потом поместить на неё ссылку, чтобы каждый посетитель мог её прочесть. Урок научит настраивать страницы и добавлять пункты в навигационное меню.

  • 7 Создание категорий
  • 8 Типы меню в Joomla

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

  • 9 Создание формы обратной связи

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

  • 10 Модули, плагины, компоненты

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

  • 11 Создание фотогалереи

    Картинки на сайте - это всегда важно, но не воспользоваться возможностями, которые предлагают расширения Joomla - большое упущение. В статье рассматривается компонент Phoca Gallery - самое популярное и наиболее функциональное из бесплатных решений.

  • 12 Создание шаблона на Joomla

    Чтобы не пользоваться сторонними разработками, можно адаптировать под Joomla собственный (или любой другой) HTML-шаблон. Как именно это делать, в уроке показано на наглядном примере. Раскрывается структура тем оформления, правильный подход к архивации и настройке файла templateDetails.xml.

  • 13 Перенос сайта с локального хостинга на сервер

    Инструкция, рассказывающая об алгоритме и шагах переноса сайта с домашнего хостинга на настоящий. Всё проиллюстрировано, всё описано поэтапно.

  • 14 Интернет-магазин на Joomla

    Создание наполненного товарами, корзинами и способами оплат интернет-проекта на основе Joomla с использованием известного расширения VirtueMart. Прочтите, и вы будете иметь понятие, с чего начать создание интернет-магазина и как вообще строится этот процесс.

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

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

Начало начал

Все начинающие веб-мастера начинают делать сайты практически с "нуля " (в их числе был и я). Тоесть, открывают блокнот, и начинают писать код вручную. Но рано или поздно приходит тот момент когда люди задумываются - «А нет ли такой программы с которой было бы всё проще». Конечно для опытных веб-мастеров больше подойдет какой нибудь фреймворк, т.к. возможностей у него больше, но для начинающего программиста больше подойдет движок, а именно Joomla CMS .

Установка Joomla CMS

Прежде всего нужно скачать движок с официального сайта: www.joomla.org
Скачали? Замечательно, теперь нужно открыть скачанный архив и извлечь все файлы и папки из архива в корневую директорию домена (или виртуального сервера вроде Denwer-а)
Теперь, вы должны установить движок. Для того чтобы это сделать нужно зайди на сайт (www.ваш-сайт.ru, или 127.0.0.1 если у вас виртуальный сервер)
Перед вами открылось окно установки (в зависимости от версии оно может отличаться), Там все предельно просто, если выбрать Русский язык. Нужно вписать все данные которые там указаны, а именно данные базы данных (логин, пароль), название сайта, meta-данные сайта (для его дальнейшей раскрутки в SEO), логин и пароль от панели администрации сайта. Всё, установка окончена, можно приступать к самой работе с движком.

Что же дальше делать?

Дальше я могу вам дать только основные детали работы с движком, т.к. имея базовые знания можно собрать сайт любой сложности на данном движке.
Движок имеет модульную систему, тоесть вы можете в прямом смысле слова собирать сайт. Модуль это как бы определенная часть сайта, например: Главное меню, боковое меню, картинка сбоку, логотип, баннер и т.д. Работать с модулями просто, нужно указать тип модуля (HTML код, меню и т.п.), Название самого модуля, позицию модуля на сайте, и сам контент модуля. И все это у вас займет максимум 5 минут, движок предельно прост для начинающего пользователя.
Далее, вам нужно создать меню? Не проблема, в главном меню панели администратора есть пункт «Menu», там вы можете выбрать: Редактирование уже существующего меню или создание нового, в создании нового меню нет ничего особенного. Нужно указать название меню и всё. Мы рассмотрим редактирование меню, т.к. это наверное одна из важнейших частей создания сайта на Joomla CMS. Редактирование меню подразумевает под собой создание пунктов меню, удаление пунктов меню, и их редактирование. Создать пункт меню можно нажав на соответствующюю кнопку (Рекомендую скачать русификатор для вашей версии движка, но об этом чуть позже). Создание пункта меню - значит создать новую страницу на сайте, многие новички не понимали - «Как создать новую страницу на сайте». Я тоже не понимал, но покопавшись в движке до меня дошло, что движок сам создает страницы при создании пунка меню.
И так, вы нажали на кнопку создания пункта меню. Открылась новая страничка, вам нужно указать тип страницы которую вы хотите создать, это могут быть избранные статьи, показ одной единственной статьи и т.д. (Кстати, устанавливая расширения такие как VirtueMart, страницу каталога нужно создать этим же способом). Далее нужно указать статью которую вы создадите чуть позже, рекомендую вам прочитать часть с созданием статьи, и уже потом читать эту часть. Теперь, нужно указать название пункта меню, не пишите слишком длинное название т.к. это вызовет некоторые проблемы с показом меню и вообще с дизайном сайта. Далее, нужно указать алиас страницы (www.vashsait.ru/glavnaya - слово «glavnaya» это и есть алиас). Всё, на этом создание меню окончено, вы так же можете добавить и другие пункты меню если вам это понадобится.

Как создать статью для добавления текста на страницы сайта?

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

Расширения, шаблоны, русификация - как установить?

Чтобы установить расширения, шаблоны, языковые пакеты создатели Joomla создали специальный менеджер расширений.
Зайти в него можно через главное меню панели администрации, нажав на пункт «Расширения» и выбрав там пункт «Менеджер расшираний». Далее нужно выбрать скачанный архив с нужным расширением и нажать на кнопку «Загрузить и установить». Всё, дополнение установлено. Как пользоваться тем или иным расширением здесь я не смогу написать т.к. расширений очень много и методов их использования тоже не мало. Я вам лучше расскажу как поставить на сайт установленный шаблон. Это тоже очень просто, нужно нажать на пункт меню «Расширения» и там выбрать пункт «Менеджер шаблонов». Далее нужно найти установленный вами шаблон, нашли? Идем дальше, нужно поставить галочку слева от названия шаблона и нажать на большую желтую кнопку сверху «Использовать по умолчанию». Всё, шаблон установлен! Кстати, вместе с шаблоном меняются и позиции модулей на сайте, если на шаблоне нету позиции к примеру «left» для модуля, то модуль не будет отображаться на сайте, по этому ищите на сайте, откуда вы скачали шаблон, картинку с позициями для модулей.

На этом все, с вами был Nxdt!

Теги: пособие для чайников, joomla, начинание