Перейти к содержимому

Реферальная программа Мегаплана

Партнерская программа Kredov

Создание сайта на Joomla

#1 NightHawk

NightHawk
  • Пользователь
  • 46 сообщений
  • Репутация: 5
1

Отправлено 29 Октябрь 2012 - 23:40

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

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

Содержание:

1. Установка Joomla на хостинг.
2. Общие настройки Joomla. Основные настройки SEO
3. Структура контента Joomla 1.5. Создание раздела, категории и добавление материала.
4. Создание пункта меню.
5. Параметры материалов
6. Пользователи Joomla.
7. Расширения Joomla. Модули, компоненты, плагины, шаблоны. Установка и удаление.
8. Создание нового меню.
9. Улучшим SEO Joomla.

  • Установка Joomla на хостинг.
Надеюсь, у вас уже есть связь между доменом и папкой на хостинге, а также вы создали новую БД. Если нет, то проделываем все эти действия и переходим к установке CMS.

Качаем joomla 1.5.25 c офф. сайта вместе с патчем до 1.5.26. Оба архива распаковываем в необходимую папку на хостинге и в строке браузера вводим имя вашего домена – появляется окно установки Joomla. Установка включает в себя несколько шагов:
Шаг 1 – Выбираем язык и жмем далее.
Шаг 2 – убеждаемся, что Joomla может быть использовано на данном хостинге - все «да».
Шаг 3 – знакомимся с лицензией и нажимаем далее.
Шаг 4 – производим настройку базы данных. Вводим созданные вами имя пользователя, базы данных и пароль. Если это локальный сервер, то имя пользователя будет «root».
Изображение
На 5 шаге ftp можно и не создавать, ведь всегда можно получить доступ к папкам, используя ftp хостинга, поэтому проверяем, что стоит «нет» и идем дальше.
Шаг 6 – пишем имя сайта, e-mail и пароль администратора, и больше ни чего не вводим и не делаем, поэтому при нажатии далее нам нужно будет кликнуть по «ок», подтверждая таким образом, что демо-данные мы устанавливать не хотим.
На последнем, 7 этапе, нам необходимо удалить из папки с нашей Joomla, папку INSTALLATION.

Проделав это, мы можем увидеть наш сайт, нажав на соответствующую кнопку на последнем шаге установки, или перейдя на наш домен в строке браузера. Как видно, он абсолютно пуст и имеет стандартный шаблон, поэтому перейдем в админ панель Joomla для дальнейшей настройки сайта. Для этого, к домену дописываем «administrator» и нажимаем enter. В появившемся входе в админ панель, вводим пароль, который вы создали на 6 шаге установки, а в поле логин пишем «admin» и нажимаем кнопку «войти».

2. Общие настройки Joomla. Основные настройки SEO

Во всех настройках, используя всплывающие подсказки, без труда можно разобраться самостоятельно. В принципе, они и так годны к работе. На начальном этапе лишь обязательно провести SEO Joomla в надлежащий вид, чтобы у нас где-нибудь в поиске не появились дубли страниц, были нормальные meta теги и работали ЧПУ. Именно по этой причине, после установки CMS, мы переходим в «Общие настройки» нажав на соответствующую кнопку на панели.
В настройках метаданных заполняем описание и ключевые слова нашего сайта, а также соглашаемся использовать мета-теги title и author из нашего материала. В последующем, мы будем иметь возможность настроить описание и ключевые слова для каждой из страниц нашего сайта, поэтому фактически, написанные данные в общих настройках, будут работать лишь для главной.

Заполнив метаданные, перейдем к установкам Search Engine Optimization.

Изначально, ссылка на наш материал будет выглядеть примерно таким образом: _http://сайт.ru/ index.php?option=com_content&view=article&id=5:obzor-black-ops&catid=3:obzory-actions&Itemid=6, что, естественно, нас не устраивает, поэтому везде ставим «да», и в папке с сайтом переименовываем htaccess.txt в .htaccess, о чем, в пункте «Использовать mod_rewrite» гласит восклицательный знак. После этого, ссылки приобретают ЧПУ вид.
Изображение
«Включить SEO» - отвечает за ЧПУ
«Использовать mod_rewrite» - убирает из строки index.php
«Добавить суффикс к URL» - к окончанию урла припиcывает .html

3. Структура контента Joomla 1.5. Создание раздела, категории и добавление материала.

Для того чтобы материалы нашего сайта были структурированы, в joomla используются разделы и категории. Материал сохраняется в определенную категорию, а она в свою очередь принадлежит к определенному разделу. Например, у нас игровой сайт, и мы хотим публиковать на нем обзоры игр, разделив их по жанрам. Тогда мы создадим раздел «Обзоры игр», и добавим в него категории: «обзоры экшенов», «обзоры РПГ» и др. Таким образом, структура нашего сайта будет достаточно логична, и к тому же, у нас будет возможность вывести на сайт все «обзоры игр», и вывести их по отдельным жанрам. Исходя из этого, прежде чем создавать сайт, всегда нужно продумать подобную структуру, чтобы впоследствии не возникло ряда проблем, например таких, как мертвые страницы сайта, ведь, если вы перенесите материал, измениться и ссылка на него. К тому же, если вам нужны более глубокие вложения, например «книги» - «романы» - «Л.Н. Толстой», то по средствам Joomla 1.5 вам это сделать не удастся, и не обходимо будет задуматься о стороннем компоненте, предназначенном для более широкого управления контентом, так как в стандартном функционале Joomla 1.5 максимальный путь до материала: «Раздел» - «Категория» - «сама статья».

Создание Раздела и Категории

Перейдем непосредственно к созданию раздела. Для этого, в верхнем меню «Материалы», выберем «Менеджер разделов» и нажмем на кнопку создать. Здесь нам необходимо написать название нашего раздела, указать его псевдоним, использую латиницу и разделяя слова дефисами, и заняться описанием. Это не обязательное поле, но если вы хотите вывести все материалы данного раздела на сайт, это позволит вам оставить над вашими материалами уникальный текст для страницы, с возможностью употребить в нем ключевые слова, по которым данная страница будет раскручиваться.
Изображение
Я не стал писать много текста в описании, с правильным употреблением в нем ключевых слов, суть, я думаю, вы уловили.
Категория создается в «Материалы – Менеджер Категорий – Создать», и не чем особо не отличается от создания раздела, лишь за исключением того, что необходимо выбрать, к какому из разделов будет относиться данная категория.

Добавление материала

Вот мы и подошли к добавлению материала на наш сайт. Для этого, заходим в «Менеджер материалов» и жмем «Создать». Заголовок - пишем название материала, он будет и заголовком и титлом нашей страницы, так как мы установили данную функцию в настройках сайта. Псевдоним – используется в url’e страницы, заполняется поле латиницей, слова разделяются дефисом. Не забываем, что красивый url достаточно важен, поэтому используем правильный транслит. Если оставить поле пустым, Joomla заполнит его автоматически, используя английские слова из заголовка или подставляя дату созданию, при отсутствии таковых. Если у нас русский сайт, то такое не приемлемо, поэтому не ленимся заполнять данное поле. Не забываем также выбрать раздел и категорию, к которому у нас будет принадлежать данная статья.

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

Вернемся же к добавлению материала, и посмотрим на функции располагающие под текстовым полем.
Изображение
Изображение – позволяет добавить картинки в нашу статью. Их можно загружать при помощи этой же кнопки, нажав обзор, а затем загрузить. Можно для загрузки использовать специально предназначенный для этих целей Медиа менеджер, добавляя изображения в папку stories («верхнее меню – сайт – медиа менеджер»), или использовать ftp, добавив папку с нашими картинками в директорию images/stories/. Название файлов, как и папок, должны быть написаны латиницей, а слова разделяться нижним подчеркиванием, иначе могут возникнуть проблемы с добавлением картинки в статью.
Разрыв страницы. Если у нас большой материал, то для удобства чтения, можно разбить его на несколько страниц при помощи этой функции.
Подробнее – это черта разделяет анонс нашего материала от всего содержания. Выбираем ту часть, которую мы хотим отобразить на странице с материалами, ставим в конце её курсор и нажимаем эту кнопку.
Теперь рассмотрим параметры нашего материала, которые располагаются в правой колонке.
Изображение
Параметры – Статьи. Выбираем автора, которому принадлежит данный материал, при надобности указываем ему псевдоним. Если вы хотите, чтобы материал опубликовался в определенный момент, или имел свой срок действия, то устанавливаем необходимую дату и время.

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

Мета-данные. Это персональные метаданные нашей новой страницы, указываем описание и ключевые слова статьи. Если вы хотите, чтобы не индексировались ссылки и текст страницы в «Параметрах Robots» указываем «noindex,nofollow», по умолчанию, индексация активна, если вы конечно не запретили её в robots.txt, поэтому «index,follow» писать не стоит и можно оставить это поле пустым.
Смотрим, чтобы статья была опубликована, выбираем отображать на главной или нет, и сохраняем.

4. Создание пункта меню.

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

Материал – это содержимое нашего сайта, поэтому относится к внутренней ссылке. Перейдем «Внутренняя ссылка – материал», и рассмотрим варианты его отображения:

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

У меня уже есть раздел «Обзоры игр» с категорией «Обзоры actions», также добавлена одна статья. Поэтому для примера и рассмотрения настроек, создадим соответствующие пункты меню. Как я уже и говорил, я хочу выводить все «обзоры игр» и также конкретно «обзоры actions», то есть фактически «Обзоры actions» будут являться нашим под пунктом. Для того чтобы вывести все материалы данного раздела я выберу «Шаблон блога раздела».
Изображение
Заголовок, псевдоним – тут все понятно.
Ссылку не трогаем, на сайте она у нас будет отображаться ЧПУ.
Показать в – у нас пока одно меню – главное, поэтому будет отображаться лишь в нем.
Родительский элемент – отвечает за создание подпункта меню, у нас главный пункт, поэтому оставляем активной «верх».

Параметры – основные. Здесь выбираем раздел, блог которого будет отображать данный пункт меню. Показываем или скрываем описание и картинку нашего раздела (текст, который мы писали при его создании). Также настраиваем варианты отображения наших анонсов. Можно сделать так, чтобы часть их («Вступление») отображалась в нескольких колонок («колонки»), а часть в полную ширину («во всю ширину»). Также можно установить, чтобы после всех анонсов шли ссылки на следующие материалы данного раздела («ссылки»). Я не стал использовать колонки и ссылки, и установил материалы лишь в полную ширину, в количестве 10, если материалов будет больше, автоматически произойдет разбиение блога раздела на страницы.

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

Параметры – компонент. Персональные настройки нашей страницы на подобии тех, что мы видели при создании материала («Параметры – Расширенные»). Интуитивно понятны, но более подробно рассмотрим на примере глобальных настроек чуть позже.

Параметры – система. Здесь мы можем выбрать использовать или нет заголовок страницы, а также изменить его название, написав в строку «Заголовок».
Теперь мы создали шаблон блога раздела и можно нажать сохранить. Также я хотел сделать подпункт «Обзоры actions», это у нас категория, поэтому при создании выбираем «шаблон блога категории». Настройки не особо отличаются от рассмотренных выше, но я хотел сделать его подпунктом, поэтому в «Родительский элемент» поставил активным «Обзоры игр».

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

5. Параметры материалов.

Мы уже упоминали о них в «Параметры-компонент» при создании шаблона блога раздела. Там они у нас значатся как «использовать глобальные», поэтому именно глобальные настройки мы и проделаем. Найти их можно в «Менеджер материалов – параметры». Устанавливаем, как нам больше нравится, в случаи надобности настраиваем фильтры, сохраняем и проверяем.
Изображение

6. Пользователи Joomla.

Система пользователей Joomla не очень функциональна, поэтому зачастую, если планируются какой-либо портал, на неё устанавливают специально предназначенные для этого компоненты. Но, рассмотреть группы пользователей, пожалуй, стоит. Все созданные аккаунты можно увидеть в «Сайт-Пользователи». Здесь же, мы можем создать нового пользователя, назначив ему определенную группу, которая будет несколько расширять его права, или же изменить права уже созданному юзеру.

Группы расположены в иерархическом порядке, при этом, благодаря разделителям, видно, какие группы имеют доступ лишь к сайту - «лицевая панель», а каким так же доступна админ панель.
Зарегистрированный – получает права и возможности, которые не доступны для обычных посетителей.
Автор – может добавлять и редактировать свои статьи, используя «Шаблон отправки материала».
Редактор и управляющий имеют возможность редактировать любые статьи.
Менеджер, Администратор и Суперадминистратор имеют права доступа в админ панель и чем выше их статус, тем больше прав.

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

7. Расширения Joomla. Модули, компоненты, плагины, шаблоны. Установка и удаление.

Модули Joomla

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

Посмотреть модули, доступные в стандартном функционале joomla, можно нажав кнопку «Создать». У каждого из них есть свои собственные настройки, мы же, рассмотрим общие для всех, создав модуль авторизации. Для этого из списка выберем модуль «Войти».
Изображение
Внимания заслуживает «Позиция» и «Назначение меню».
Позиция отвечает за место, в котором будет выводиться наш модуль. Если вы не знаете, где какая позиция в вашем шаблоне, то вы можете к имени вашего домена дописать «?tp=1» и посмотреть их.
При помощи «Назначение меню» настраиваются пункты меню, в которых будет отображаться ваш модуль. Если, допустим, вы хотите расположить модуль авторизации только на главной, то жмете на «Выбрать из списка» и ставите главная.

Компоненты Joomla

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

Плагины Joomla

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

Менеджер шаблонов

Находится в «верхнее меню – расширения - менеджер шаблонов», с его помощи вы можете выбрать другой шаблон или отредактировать существующий. В некоторых крупных шаблонов есть свои специфические настройки. Устанавливается новый шаблон аналогично другим расширениям.
Установка и удаления расширений Joomla.

Панель установки и удаления расширений можно найти в «Расширения – установить/удалить». Будьте внимательны, если вы устанавливаете плагин, то зачастую, после установки, его необходимо включить, воспользовавшись «Менеджером Плагинов» и активировав соответствующий плагин.

8. Создание нового меню.

Мы уже говорили о том, как добавить новый пункт меню, но не упомянули о том, как создать новое меню, ведь на сайте их может быть несколько, например верхнее и левое. Я не упомянул об этом лишь потому, что стоило для начала понять принцип модулей, с помощью которых происходит вывод меню на сайт. Надеюсь, вы немного с этим разобрались, поэтому можем перейти к созданию нового меню: «Все меню-менеджер меню - создать».
Изображение
Как вы видите, в самой нижней строчке нужно ввести имя модуля, отвечающего за отображения данного меню. Вводим необходимую информацию, сохраняем и переходим в «Менеджер модулей», где настройках нового модуля, появившегося после создания меню, включаем его и выбираем необходимую позицию. Также, при надобности, проделываем другие настройки (например, отключаем показ заголовка).

9. Улучшим SEO Joomla.

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

Качаем, устанавливаем, включаем соответствующий плагин и заходим в «Расширения-Tag Meta-Items» и жмем создать. Если у вас ссылка на страницу, где нужно изменить описание, вида _http://сайт.ru/mobile.html, то в строке URL пишем mobile.html/*$ и проводим необходимые дальнейшие настройки.
На самом деле, существует несколько компонентов улучшающих стандартное SEO данной CMS, но считается, они оказываются существенную нагрузку на сайт, поэтому многие использовать их не рекомендуют. К тому же, по средствам стандартного функционала и Tag Meta мы пришли и так к не плохому результату.

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

При поддержке: SeoPult - система автоматизированного продвижения сайтов и управления контекстной рекламой. Обсудить на форуме.

 

 

  • 0

#2 merfo

merfo
  • Пользователь
  • 55 сообщений
  • Репутация: 6

Отправлено 30 Октябрь 2012 - 15:33

я бы посоветовал сделать между абзацами промежутки, а то не очень читабельно
  • 1

#3 NightHawk

NightHawk
    Topic Starter
  • Пользователь
  • 46 сообщений
  • Репутация: 5

Отправлено 30 Октябрь 2012 - 16:58

Спасибо! Постарался разделить, где это действительно необходимо.
  • 0

#4 Balto

Balto
  • Пользователь
  • 5 сообщений
  • Репутация: 0

Отправлено 17 Ноябрь 2012 - 21:16

Хороший мануал.
  • 0


Оформление форума – IPBSkins.ru