В Joomla практически каждый шаблон можно изменить до неузнаваемости не только внешне (к примеру, если изменять цветовую гамму или некоторые элементы дизайна, такие как фон или шапку), но и менять их структуру (расположение модулей и блоков). Это позволяет сделать сайт максимально удобным для пользователей. Если компоненты отображаются в центральной части сайта (вместе с основным контентом или вместо него), то для модулей существуют отдельные позиции, так как они выполняют лишь вспомогательную функцию и служат для того, чтобы выводить дополнительную информацию по различным компонентам.
Существуют так же сторонние модули, которые не имеют совершенно никакого отношения к компонентам Вашего сайта. Это могут быть различные модули погоды, курсы валют, счётчики и прочее. Но, тем не менее, они являются так же вспомогательными. Изменить расположение блоков на сайте Вы можете в любое время через административную панель сайта. Каждый шаблон имеет несколько позиций модулей joomla . Как правило, сайт делится на несколько частей: верхняя часть (шапка сайта), левая и правая колонки, средняя часть для контента и футер (дно сайта). Конечно, на разных шаблонах всё может быть по разному, так что скачивайте , устанавливайте и изучайте. В этой статье я покажу Вам, как узнать и поменять расположение модулей в шаблоне joomla .
Как узнать расположение модуля в Joomla?
В качестве примера Вам нужно включить только что созданный сайт (после установки joomla и denwer). Вы увидите практически пустой сайт с одним модулем. Этот единственный модуль имеет название "Главное меню ". Он находится в левой части сайт. Эта позиция, как правило, называется "left". Но лучше не гадать, а сразу же проверить правильность нашего предположения. Для того, чтобы посмотреть расположение модулей joomla наберите после имени сайта /?tp=1 (Если Ваш сайт ещё находится на локальном хостинге, то должно получиться так _http://localhost/sayt/?tp=1. А если Вы уже перенесли сайт на виртуальный хостинг , то Вам нужно ввести такое название _http://sayt.ru/?tp=1). Только не пугайтесь, так как некоторые позиции Вашего сайта могут съехать со своих мест или просто исказиться. Это лишь временный эффект, который не удастся избежать. Зато в этом режиме Вы сможете подробно изучить функционал шаблона, который Вы используете для своего сайта. И Вам сразу же станет понятно, подойдёт ли данный шаблон для Ваших целей или нет. Вот как выглядят позиции модулей в стандартном шаблоне для Joomla 1.5:
Шаблон, конечно, не блещет функционалом, но для выполнения стандартных задач или для нашей с Вами тренировки вполне подойдёт. Давайте рассмотрим некоторые его позиции:
- top - самая верхняя позиция. Туда можно вставить модуль с описанием сайта или блоком рекламы;
- user3 - этот модуль отлично подойдёт для отображения меню сайта или списка категорий;
- user4 - обычно эту позицию используют для отображения поиска по сайту ;
- breadcrump - эта позиция модуля просто идеальна для хлебных крошек ;
- user1 и user2 - позиции для отображения каких-нибудь вспомогательных модулей, типа последних новостей или самых популярных материалов ;
- left и right - позиции для расположения левых и правых блоков;
- footer - сюда обычно помещают модуль с авторскими правами или копирайтом;
- syndicate - вспомогательный модуль для подписок, различных ссылок, карты сайта и прочего;
- debug - самая нижняя позиция в этом шаблоне. Туда можно вставить счётчики сайта или что-то другое, чтобы не было полезно для пользователей и не несло смысловой нагрузки. Так как пользователи всё равно этот блок, скорее всего, не увидят.
Обращаю Ваше внимание, что в разных шаблонах позиции модулей и их названия могут отличаться. Иногда отличие идёт небольшое (например, breadcrumb или breadcrumps), а иногда может отличаться вовсе название. Кстати, в каждую позицию можно вставить сколько угодно модулей, главное, чтобы они не испортили дизайн и гармонично сочитались со всем сайтом в целом. И ещё я советую Вам не ставить на сайте десятки различных модулей, чтобы сильно не тормозить работу и не нагружать сервер. Так же Вы можете выставить очерёдность модулей в менеджере расширений в графе "Модули", чтобы поднять какие-нибудь модули выше, а другие опустить вниз.
Кстати, не обязательно стараться использовать сразу все позиции модулей в шаблоне joomla. На работоспособности сайта это никак не отразится. Напротив, лучше не забивать лишний раз сайт не нужными элементами просто для вида. Старайтесь оставлять только по настоящему нужные модули, которые будут помогать пользователям сориентироваться на сайте.
Смена позиции модуля в Joomla
Можно спокойно просмотреть и запомнить все возможные позиции, чтобы сразу определиться, в каком месте Вы будете устанавливать определённые модули. Для примера, давайте перенесём модуль "Главное меню" в позицию "user3". Для этого заходим в "Админ панель" >> "Расширения" >> "Менеджер модулей". Выбираем модуль "Главное меню". Видим надпись "позиция", как показано на скриншоте:
Позиция "left" означает, что этот модуль находится на данный момент в левой части сайта. Так же можно установить порядок отображения модулей (какой будет находится выше, а какой ниже). Выбираем позицию "user3", нажимаем "Применить" или "Сохранить" и видим, что главное меню переместилось наверх:
С перемещением модулей в разные позиции мы разобрались. Тут всё ограничено только Вашей фантазией и "вкусом". Попробуйте поэкспериментировать с несколькими модулями, чтобы сразу выбрать для себя понравившиеся позиции. В дальнейшем Вам будет намного проще сориентироваться а шаблоне.
Следующие статьи:
- Настройка модулей Joomla. Суффикс класса модуля - 29/03/2011
- Создание модулей для отображения дополнительного меню или списка категорий на сайте Joomla. Создание нового меню на сайте - 11/03/2011
- Перенос сайта на Joomla с локального сервера на хостинг двумя способами: копированием файлов сайта и базы данных вручную или с помощью компонента Akeeba Backup - 09/03/2011
Главная страница сайта Joomla, открывается по основному адресу сайта, его домену . Можно сказать, что через главную страницу посетители заходят на сайт. Именно поэтому, главную страницу в среде оптимизаторов, называют «дорвей» (doorway-входная дверь), а в российской среде, «морда» или «хомяк» (home page).
Будучи «лицом сайта», главная страница сайта имеет повышенное значение в удержании посетителя на сайте и продуманного направления посетителя по сайту (навигации по сайту).
Как создается главная страница Joomla
На сайте Joomla инструментарий для создания главной страницы продуман очень хорошо. Инструменты понятны, не имеют сложных настроек и максимально упрощены. Общий принцип создания главной страницы сайта таков:
На сайте должен быть создан хотя бы один материал;
- Создаем меню и пункт меню нужного типа (Вкладка «Менеджер меню»);
- При создании пункта меню, назначаем его «Главной страницей» или «Home» или как угодно;
- Всё! Главная страница сайта, в самом простом её исполнении, создана.
Как пересоздается главная страница
Общий принцип пересоздания главной страницы сайта таков:
Вариант 1
Если у вас несколько пунктов меню, и вы решили поменять главную страницу сайта. Для этого в списке пунктов меню, активируем новую главную страницу Joomla кнопкой «Звезда» или чекбоксом «Главная».
После этого, система автоматически пересоздаст главную страницу сайта. После очистки кэша сайта (если включено его использование), изменения перейдут на пользовательскую часть (фронтэнд) сайта.
Вариант 2
При создании или редактировании пункта меню, просто включите кнопку «Главная страница».
Динамическая главная страница «Избранные материалы»
На сайте есть инструмент «Избранные материалы». Это группа материалов, для которой можно создать отдельный пункт меню, типа «Избранные материалы». Если можно создать пункт меню, то можно этот пункт меню назначить главной страницей.
Очень часто, используя группу «Избранные материалы», создают главную страницу сайта Joomla в виде блога избранных материалов. То есть, получаем динамическую (постоянно обновляемую) главную страницу сайта. Для сравнения, на сайтах WordPress, это аналог страницы последних публикаций.
Статическая главная страница сайта Joomla
Если вы используете CMS Joomla, не для информационного, а коммерческого сайта (интернет магазин, корпоративный сайт), то вполне разумно сделать главную страницу в виде своеобразной витрины: расширенной информации о товарах магазина или услугах фирмы.
Создается такая страница по аналогичному алгоритму:
- Сначала нужно создать страницу с материалом в текстовом редакторе. Материал нужно красочно и главное, информативно, оформить;
- Потом создается пункт меню по типу «Отдельный материал». При выборе материала для этого пункта меню выбирается созданная страница;
- Этот пункт меню назначается главной страницей.
В результате по открытию домена, пользователь увидит важный информационный материал, обвешанный информационными модулями, показом которых можно управлять.
Модули на главной странице
Показ информационных модулей на главной странице можно и нужно регулировать. Для этого есть все необходимые инструменты. При создании модуля есть вкладка «Видимость». На этой вкладке можно указать, показывать модуль только на главной странице или наоборот, удалить модуль с главной страницы.
Используя именно этот инструмент, можно создать главную страницу самого различного вида:
- В виде отдельных модулей с минимальным содержанием;
- В виде большого материала о сайте с навигацией без боковых колонок;
- В виде страницы регистрации;
- В виде страницы контактов и т.д.
Именно так создаются лейдинг пейдж на CMS Joomla.
Как обновлять статическую главную страницу
Главная страница сайта это начало не только просмотра сайта, но и начало обхода сайта поисковиками. Поисковики должны видеть обновление «морды» и именно по этому, главная страница должна постоянно обновляться. Для обновления можно использовать следующие модули , поместив их на главную страницу:
- Модуль «Последние записи»;
- Модуль «RSS ленты», включая RSS ленты своих постоянно обновляемых новостей или RSS ленту блога «Избранных материалов».
Лендинг пейдж
Стоит кратко отметить (подробно будет отдельный материал), что CMS Joomla позволяет быстро и легко создавать красочные лендинг пейдж сайта. Для этого используют, инструментарий главной страницы сайта и возможность использования двух шаблонов на сайте : общий шаблон для основного сайта и одностраничный шаблон для лендинг пейдж.
Дополнение
В интернет магазинах созданных на Joomla, вопрос настройки внешнего вида главной страницы определяется настройками расширения для магазина. Это может быть витрина товаров или списки товаров по разделам или отдельная страница. Однако, все эти настройки основываются на общий инструментарий базовой Joomla и назначение главной страницы мало чем отличается от действий описанных в той статье.
Давайте сначала разберемся в самой структуре построения контента (статьи, фото, видео, музыка) в joomla. Думаю что такое материал и категория все знают? Для тех, кто не знает, что такое материал — материал это статья, если это статейный сайт; материал — видео, если это сайт-видеохостинг (например, как youtube.com); материал — фото, если это фото-сайт или сайт портфолио. В общем надеюсь понятно, что подразумевается под словом — материал (в дальнейшем мы будем называть именно так, т.е. просто материал, поэтому запомните это). Категория — это некая папка, которая объединяет в себе схожие материалы, т.е. это примерно так, как мы создаем папку у себя на компьютере и складываем туда определенные файлы.
Стоит запомнить одну вещь — все материалы обязательно должны лежать в определенной категории. Иными словами материал не может существовать сам по себе, он обязательно должен относиться к определенной категории. Категории в свою очередь могут иметь вложенные подкатегории и такая вложенность может быть бесконечно множественной. Материал может лежать, как во вложенной категории, так и в дочерней. Именно такой логики придерживаются многие расширения для joomla. По умолчанию при установке joomla создается одна категория — uncategories . Обычно в данную категорию добавляют статьи, которые не имеют категории. Например, такие страницы, как Биография или О нас, ну и т.д.
Структура статьи
Включение ЧПУ в joomla
Обращу ваше внимание на один немаловажный момент — включение ЧПУ. Что такое ЧПУ? ЧПУ расшифровывается, как человоко понятный урл, т.е. адреса страниц становятся более дружелюбными к поисковым системам и выглядят более красиво. По умолчанию адреса в joomla имеют следующий вид, например, http://site.ru/index.php/novosti/mir-novostei-zhivonogo-mira. В принципе это и есть уже дружелюбный адрес, но смущает только вставка — index.php, и еще хотелось бы, чтобы адреса заканчивались на.html, как и должно быть по сути.
Чтобы реализовать задуманное выполним несколько несложных действий. Идем в общие настройки joomla — системное меню Сайт -> Общие настройки и в правой части окна находим блок «Настройки SEO «. Далее выставляем первые три переключатели в положение «Да», а именно: Включить SEF (ЧПУ), Перенаправление URL, Добавлять суффикс к URL.
- Включить SEF (ЧПУ) — активирует ЧПУ,
- Перенаправление URL — избавляет нас от вставки index.php,
- Добавлять суффикс к URL — добавляет в конец адреса суффикс — .html.
- Алиасы в Unicode оставляем в положении «Нет», иначе могут быть проблемы с адресами.
Создание материала в Joomla: добавление категории
Прежде чем приступать к созданию категорий и статей подготовьте структуру вашего контента, можно расписать все это на бумаге. Вы должны сразу определиться какие у вас будут на сайте категории и пункты меню (о пунктах меню поговорим чуть позже). Joomla так устроена, что данному шагу при построении контента следует уделить особое внимание и перестраивать структуру в дальнейшем не желательно, т.к. это может повлечь за собой смену адресов, в следствии чего сайт может потерять свои позиции в поисковых системах, а также ТИЦ и PR.
Добавление материала советую начать с создания категорий. Заходим в панель управления сайтом и идем в системное меню Материалы -> Менеджер категорий -> Создать категорию. Либо переходим в менеджер категорий и там далее жмем по желтой кнопочке «Создать». Перед нами открывается форма добавления категории.
Заголовок (помечен звездочкой, это означает, что данное поле обязательно к заполнению) — вводим заголовок категории. Следите за тем, чтобы ваши заголовки были не слишком длинными, иначе это будет некрасиво.
Алиас — можно не заполнять, он сгенерируется автоматически. Алиасы формируют адреса страниц, но здесь есть некоторые тонкости. Если категорию привязать к пункту меню, в адрес подставится алиас пункта меню, а алиас категории будет проигнорирован. Если же к пункту меню привязана родительская категория, то адреса дочерних категорий будут формироваться из данного поля Алиас. Желательно вводить алиасы вручную и следить за тем, чтобы они были не слишком длинные, т.к. длинные адреса это не есть хорошо.
Родитель — здесь выбираем родительскую категорию, если данная категория у вас будет верхнего уровня, то ничего не трогаем.
Состояние — здесь нам доступны следующие опции: опубликовано; не опубликовано; в архиве (можно поместить всю категорию в архив); в корзине (можно удалить категорию, переместив ее в корзину)
Доступ — здесь мы может выбрать какой группе пользователей будет доступна наша категория (оставляем как есть по умолчанию). О группах пользователей и правах мы поговорим в других статьях.
Права — устанавливает выбранной группе определенные права
Язык — выбираем язык сайт (только для мультиязычных сайтов). Оставляем как есть.
Описание — сюда вводим описание нашей категории. Желательно написать два, три абзаца описания. т.к. это очень полезно для сео-оптимизации сайта.
Теперь давайте взглянем на правую колонку. Здесь нам доступны следующие вкладки: Параметры публикации, Основные параметры, Метаданные.
Параметры публикации — в данной вкладке нам предлагается выбрать автора категории. Мы можем выбрать любого зарегистрированного пользователя, щелкнув по кнопочке «Выбрать пользователя».
Основные параметры — здесь мы можем выбрать альтернативный макет (альтернативный макет это тема для отдельной статьи, поэтому оставляем как есть), изображение для описания категории и ввести какое либо примечание.
Метаданные — вводим краткое описание и ключевые слова. Также вводим имя автора и выбираем мета-тег Robots (с помощью данной опции может разрешить или запретить данную категорию к индексации), но его советую оставить по умолчанию.
Когда я создаю категории в большинстве случаев я заполняю лишь: Заголовок, Родитель, Описание, Метаданные. Все остальное оставляю по умолчанию. Но, сайты бывают разные, так все остальное на ваше усмотрение, если нужно заполняйте или отмечайте.
После всех действий жмем по одной из трех кнопочек — Сохранить, Сохранить и Закрыть, Сохранить и создать. Все они сохраняют материал. Надеюсь каждую кнопку комментировать не нужно. Из названий должно быть понятно предназначение каждой из них.
Создание материала (статьи)
Категории мы создавать научились, теперь давайте перейдем к публикации материала, а именно статьи. Прежде всего, чтобы нам было удобно работать с нашим визуальным редактором нам необходимо переключить его в расширенную версию. Делается это следующим образом — Расширения -> Менеджер плагинов -> Редактор — TinyMCE, открываем и в правой колонке в самом вверху переключаем режим редактора на расширенный. После этого жмем «Сохранить и закрыть». Теперь идем в Материалы -> Менеджер материалов -> Создать Материал. Открывается похожая нам форма добавления материала, но здесь она более расширенная.
Здесь заполняем знакомые нам поля, все тоже самое, что и при добавлении категории, ничего сложного нет. Единственное обратим внимание на переключатель «Избранные». С помощью данного переключателя мы можем пометить любой материал как избранный. Для чего это нужно? Мы можем, к примеру, отметить важные статьи данным переключателем и вывести их на главную страницу. Можем также с помощью модулей вывести на внутренних страницах только избранные материалы. Одним словом «Избранные» это просто отметка для материала и все.
Будем считать, что заголовок вы ввели, категорию выбрали теперь необходимо вставить текст и картинки. Хочу обратить ваше внимание на то, что текст как обычно копировать-вставить здесь не желательно. Т.е. текст вы копируете в буфер как обычно — ctrl+c, а вот вставлять нужно через кнопочку на панели инструментов. Данным действием мы вставляем только текст, отбрасывая все ненужные теги. Дело в том, что копируя текст с Microsoft Word или с какого либо сайта мы вместе с текстом копируем в буфер очень много ненужных символов, которые нам абсолютно не нужны. Обязательно запомните данный момент. Вообще, на эту тему я записал видеоурок — как правильно добавлять статьи на сайт . Советую вам посмотреть.
Обратите внимание на кнопки, которые идут под визуальным редактором. Первая из них — Материал . Для чего она? С помощью данной кнопки мы можем вставить ссылку на любую созданную нами статью. Поставьте курсор в нужное место в статье и нажмите по кнопочке. В списке выберите заголовок необходимой статьи.
Теперь давайте вставим изображение в статью с помощью кнопочки «Изображение». Чтобы картинка присутствовала и в анонсе статьи поставим курсор в самое начало текста, т.е. перед первой буквой и нажмем на кнопочку «Изображение» . В открывшемся модальном окне нам откроется директория images нашего сайта. Здесь будут храниться все изображения нашего сайта, вернее наших материалов. Желательно распределить все изображения по папочкам. По умолчанию здесь уже созданы две папки — banners и sampledata. Папки создаются через медиаменеджер, оттуда же можно и загружать и вообще управлять медиа-материалами. Ну, усложнять не будем сейчас. Вы можете загрузить изображение пока в корень папки images, либо в одну из двух папок. В папке sampledata уже есть демо-изображения, советую воспользоваться пока ими.
Выбирая изображение у нас в поле «Адрес изображения» автоматически подставляется путь до изображения. Нам остается только заполнить поля — Описание изображения и Заголовок изображения. Эти поля являются не обязательными, но заполнять их все же советую. Выравниваем изображение — влево или вправо и после всего жмем по кнопке «Вставить».
Начиная с версии joomla 2.5 появилась возможность задать общую картинку материалу, как для анонса, так и для полного описания. Конечно задать картинку к статье мы можем и выше приведенным методом, но все же данный метод будет правильнее. Чтобы задать картинку ищем в правой колонке вкладку «Изображения и ссылки». Здесь вы можете задать картинку анонсу материала и полному описанию.
Чтобы загрузить или выбрать загруженное изображение, нажмите на кнопку «Выбрать», ну а далее откроется вам знакомое окошко в модальном окне. Следите, чтобы размеры изображения были не слишком большими. Для тизера (краткое описание) добавьте изображение поменьше, а для полного описания можно побольше. Можете также выбрать обтекание текста — слева или справа, либо по центру (но это зависит от шаблона, т.е. данные стили должны быть заложены в шаблоне).
Давайте рассмотрим такую кнопочку под редактором, как «Разрыв страницы». Для чего она? Данной кнопкой можно разбить большую статью на несколько частей. Сверху статьи появятся ссылки на все части, а также ссылка на полную статью. Иногда это будет очень полезным, например, когда пишете большие обзоры. Здесь опять таки ставим курсор в нужное место и жмем по кнопке «Разрыв страницы». В открывшемся модальном окне вводим заголовок части статьи и названии страницы в содержании.
После заполнения полей жмем по кнопке «Вставить разрыв страницы» после чего у нас появится серая разделительная черта, а на сайте статья разобьется на части. Сверху статьи вы можете увидеть ссылки на все части материала.
Двигаемся далее и теперь давайте отделим основной текст от анонса. Для этого вставим курсор в конец первого абзаца и нажмем по кнопочке «Подробнее» . Сразу после абзаца вставится красная разделительная черта. Она как раз и будет отделять анонс от полного содержания.
Кнопочка «Выключить редактор» — данной кнопочкой можно выключить визуальный редактор, если по каким либо причинам он вам мешает.
И последнее, что нам понадобиться заполнить это поля метаданных Description и Keywords. Хотя, говорят, что данные поля для ранжирования сайтов в поисковой выдаче уже не так работают как раньше, но все же лучше их заполнить. В правой части окна добавления материала находим последнюю вкладочку «Метаданные» . Обычно в поле «Мета-тег Description» я вставляю несколько предложений из первого абзаца с вхождением ключевого запроса. В поле «Мета-тег Keywords» вставляем ключевые слова, характеризующую статью. От 5 до 10 слов будет думаю достаточно. Не забываем про ключевые запросы.
Помимо вкладки «Метаданные» я думаю вы уже заметили, что есть еще и другие вкладки с настройками, но о них мы поговорим в другой статье, т.к. статья итак получилась довольно объемной. Ну вот, после всех проделанных действий жмем по одной из трех кнопочек: Сохранить, Сохранить и закрыть и Сохранить и создать.
Советую на первых порах сохранять материал через кнопочку «Сохранить», материал сохранится, но не закроется и в случае ошибок можно быстро поправить.
А на этом данную статью я заканчиваю. Будут еще статьи по созданию сайта на joomla, ждите. До скорых встреч!
