RSS

Шаблоны в Joomla

Вход в админку joomla. Как установить шаблон Joomla?
Мы обозначили наши задачи, приступим к их решению.

Как войти в админку joomla? Просто припишите к названию сайта слово administrator (то есть, окончательный адрес админки joomla http://localhost/site/administrator/ для сайта на локальном компьютере), и перед вами вход в админку Joomla.

Имя пользователя admin. Пароль, я надеюсь, вы помните – вы его выбирали во время установки. Нажимаем ВОЙТИ и оказываемся в админке joomla. Иллюстрации здесь излишни. Вы сами после установки сможете полюбоваться всласть :)

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

Первая наша задача – сменить шаблон joomla. Вы уже подобрали шаблон по вашему вкусу? Нет? Тогда отправляйтесь, например, http://www.joomla24.com/ , подберите шаблон и скачайте себе на компьютер. Из-за того, что первое название, которое мне пришло в голову – Рыбный проект, пришлось выбрать вот этот шаблон.

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

Ну, что ж, давайте установим шаблон. Для начала идем в пункт РАСШИРЕНИЯ, и нажимаем УСТАНОВИТЬ/УДАЛИТЬ. Откроется МЕНЕДЖЕР РАСШИРЕНИЙ. Нажмите кнопочку ВЫБЕРИТЕ ФАЙЛ, а после того как файл будет выбран нажмите ЗАГРУЗИТЬ ФАЙЛ И УСТАНОВИТЬ.Если вы увидели надпись о том, что шаблон установлен удачно, значит все ОК. Теперь отправляемся в РАСШИРЕНИЯ – МЕНЕДЖЕР ШАБЛОНОВ. Здесь мы видим список установленных шаблонов. При наведении курсора на название шаблона мы видим его миниатюру. Находим нужный, устанавливаем переключатель на нужный нам шаблон и нажимаем на кнопку ПО УМОЛЧАНИЮ, которая находится в правом верхнем углу.

Открываем наш сайт, желательно в новой вкладке, и видим установленный шаблон. Сразу мы можем посмотреть, где в данном шаблоне может находиться меню. Чтобы это узнать, нам нужно посмотреть позиции модулей joomla.Для этого мы прибавляем к названию нашего сайта ?tp=1 (то есть полностью это получается http://localhost/site/?tp=1), нажимаем ENTER, и видим так называемые позиции.

В моем случае их три. У вас может оказаться и больше. Может и меньше, но это редкость. Позиции показывают нам, где могут находиться так называемые модули. В частности меню имеет свой модуль вывода. Но начинать в joomla надо не с добавления меню, а с добавления материалов, лишь потом переходя к меню. Итак, давайте добавим какой-нибудь текст-наполнитель. Идем мы в меню МАТЕРИАЛЫ – МЕНЕДЖЕР МАТЕРИАЛОВ. Там нажимаем в правом верхнем углу кнопку СОЗДАТЬ.

После этого мы попадаем в текстовый редактор joomla. Здесь мы видим панель для визуального редактирования текста. Если вы работали с любым текстовым редактором типа WORD, то для вас не представит никакой сложности разобраться с панелью редактирования. Единственный элемент, который вы вряд ли встретите в текстовом редакторе – это редактор исходного кода, подчеркнутый на рисунке. Он позволяет пользоваться HTML для форматирования текста. Но если вы не желаете изучать HTML – воля ваша. Пользуйтесь визуальным редактором.

Ладно, продолжим. Я добавил сначала наполнитель для главной страницы сайта. Поэтому поставил переключатель в соответствующее положение. Не забудьте поставить также. Хотя это можно изменить в любой момент в МЕНЕДЖЕРЕ МАТЕРИАЛОВ. В пунктах РАЗДЕЛ и КАТЕГОРИЯ выбираем НЕ УКАЗАНО.

Проверим, как встал на главную наш текст. Текст появился. Но на главной нам совершенно не нужен заголовок над текстом. Да и иконка распечатки тоже не нужна.

Как убрать заголовки и иконки с главной страницы? Это можно сделать в Joomla следующими способами. Если вы собираетесь все материалы добавлять без заголовков и без иконок распечатки, то отправляемся в МЕНЕДЖЕР МАТЕРИАЛОВ, там, в правом верхнем углу нажимаем ПАРАМЕТРЫ. Перед нами появляется список глобальных настроек для статей. То есть эти настройки будут действовать на все статьи, если для нее конкретно не настроены отдельные параметры.

Я поставил в настройках скрытие практически всего, что можно скрыть:) Однако текст заголовка скрывать не стал. Его надо скрыть только на главной странице, на остальных оставить, поэтому это лучше сделать в локальных параметрах статьи. Переходим к редактированию статьи, которая находится на главной. Для этого выбираем МАТЕРИАЛЫ – МЕНЕДЖЕР МАТЕРИАЛОВ, и нажимаем на названии статьи. Когда статья открылась, справа от редактируемого текста мы видим несколько разворачивающихся списков с настройками. Нам нужен список под названием ПАРАМЕТРЫ — РАСШИРЕННЫЕ. Здесь мы видим тот же самый список настроек, который есть в глобальных параметрах, но эти настройки действуют конкретно на эту статью. В моем случае нужно убрать текст заголовка, что я и делаю.

После этого нажимаю СОХРАНИТЬ, и отправляюсь на главную страницу сайта, проверить, как это все теперь выглядит. После этого аналогично добавляем несколько статей. В первую очередь, это материал, который соответствует пункту О НАС. Кроме того, можно добавить пару информационных статей. Например, часто на сайты добавляют пункты типа сравнения с конкурентами, история развития отрасли, и т.д. Я добавил следующий материал для примера.

При этом я собираюсь организовать вывод материалов всех материалов в левое меню, а организационного характера (последние три пункта меню) – продублировать в верхнее меню. Ну ладно, далее нам предстоит узнать, как сделать меню joomla.

Чтобы создать меню в joomla отправляемся ВСЕ МЕНЮ – МЕНЕДЖЕР МЕНЮ. Здесь вы можете увидеть ваши пункты меню категорий. Как мы видим у меня здесь только одно меню. Хотя, как мы увидели при установке шаблона joomla, у нас были позиции для трех меню. Поэтому меню надо будет создать. Но сначала я добавлю пункты в уже существующее у меня ГЛАВНОЕ МЕНЮ. Кстати, если у вас оно также есть, но называется по другому, вы всегда можете изменить название, просто щелкнув по заголовку.

Чтобы добавить пункты, щелкаем по значку ПУНКТЫ МЕНЮ (подчеркнуто на рисунке выше красным), и видим список меню. У меня есть только ГЛАВНАЯ, но это, впрочем, видно и на самом сайте. Как и раньше нажимаем кнопку СОЗДАТЬ в правом верхнем углу, и видим диалог создания пункта меню. В нашем случае мы имеем дело с сайтом-визиткой, и пункты меню ведут просто на статьи, поэтому выбираем ВНУТРЕННЯЯ ССЫЛКА – МАТЕРИАЛЫ – СТАНДАРТНЫЙ ШАБЛОН МАТЕРИАЛА. В появившемся окне заполняем ЗАГОЛОВОК, предназначенное для системы и необязательное поле ПСЕВДОНИМ.

После этого привязываем к пункту меню собственно материал. Для этого справа от настроек нажимаем кнопку ВЫБРАТЬ. И в появившемся окне щелкаем по нужному нам материалу. Далее нажимаем СОХРАНИТЬ и можем проверять работоспособность пункта меню на сайте. Аналогичным образом создаем остальные пункты меню и тестируем их на самом сайте.

Теперь можем переходить к созданию верхнего меню. Чтобы сделать верхнее меню, снова переходи ВСЕ МЕНЮ – МЕНЕДЖЕР МЕНЮ. Нажимаем СОЗДАТЬ. В появившемся диалоге вводим для меню системное имя (используем латиницу), заголовок, описание и заголовок модуля. Нажимаем СОХРАНИТЬ.

Аналогично с прошлым меню нажимаем пиктограмму ПУНКТЫ МЕНЮ, и точно также добавляем в него пункты ГЛАВНАЯ, НАШИ РАСЦЕНКИ, О НАС. Позже мы добавим сюда еще КОНТАКТЫ и ПОРТФОЛИО. Теперь нам надо включить и настроить отображение меню. За это отвечает модуль меню. Отправляемся РАСШИРЕНИЯ – МЕНЕДЖЕР МОДУЛЕЙ.

Мы попадаем в МЕНЕДЖЕР МОДУЛЕЙ. Здесь модули, доступные для вывода. Нам нужен модуль, который мы создали совместно с меню. Как мы видим, он выключен. Переходим к настройке модуля ВЕРХНЕЕ МЕНЮ нажав на него. Нам необходимо отключить заголовок, включить сам модуль и выбрать позицию. Как мы помним с того времени, когда устанавливали шаблон (если не помним, то набираем http://localhost/site/?tp=1), верхняя позиция обозначена как user3. Именно ее и выбираем из списка. Кроме того, в правой части экрана изменим параметры модуля. Выберем горизонтальный стиль меню. Нажимаем сохранить, и проверяем. У меня появилось почти где надо. Хотя мне не очень нравится, как выглядит это меню, но доводкой дизайна займемся в последнюю очередь.

Сейчас же займемся следующим пунктом меню – пунктом КОНТАКТЫ. Для реализации этого пункта мы воспользуемся одним из встроенных расширений joomla, которое так и называется – КОНТАКТЫ.

Типичный пункт меню на сайтах-визитках – это пункт КОНТАКТЫ или ОБРАТНАЯ СВЯЗЬЧтобы создать форму обратной связи, для начала отправляемся в КОМПОНЕНТЫ – КОНТАКТЫ. Выбираем подпункт КАТЕГОРИИ, так как для того, чтобы создать контакт, необходимо создать категорию, к которой он будет относиться. Нажав привычную кнопку СОЗДАТЬ, попадаем в диалог создания категории контактов. Заполняем на свое усмотрение. Нажимаем СОХРАНИТЬ, переходим во вкладку КОНТАКТЫ.

Кнопкой СОЗДАТЬ открываем диалог создания уже конкретного контакта, который и будет выводиться на странице ФОРМА ОБРАТНОЙ СВЯЗИ. Заполняем, то, что сочтем нужным. А еще я заполню самое нижнее текстовое поле – поле ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ, чтобы было понятно, зачем вообще нужна эта страница. Справа вы можете выбрать информацию, которая будет показываться пользователю. Если вы, к примеру, какой-то пункт, например адрес, заполнили, но не хотите, чтобы пользователь его видел, то здесь можете его скрыть. Когда все готово – нажимаем СОХРАНИТЬ.

Теперь идем ВСЕ МЕНЮ – МЕНЕДЖЕР МЕНЮ. Здесь для выбранного меню нажимаем пиктограмму ПУНКТЫ МЕНЮ, в открывшемся окне обзора пунктов меню нажимаем СОЗДАТЬ. Здесь отличие – выбираем не МАТЕРИАЛЫ, а КОНТАКТЫ – СТАНДАРТНЫЙ ШАБЛОН КОНТАКТА. В левой части окна, точно также как и в случае с материалами, заполняем ЗАГОЛОВОК. В правой выбираем из списка, в котором должен быть лишь один пункт, нужный контакт. Жмем СОХРАНИТЬ, и идем смотреть на сайт, что получилось.

Обновив сайт, я вижу новый пункт меню КОНТАКТЫ, нажимаю на него, и передо мной форма обратной связи на joomla:). Теперь все, что человек напишет в этой форме, не забыв, конечно, нажать при этом кнопочку ОТПРАВИТЬ, будет доставлено вам на электронную почту, адрес которой вы указали при установке joomla. Вы можете ее в любой момент изменить, перейдя САЙТ – ПОЛЬЗОВАТЕЛИ.

В этом разделе ПАНЕЛИ УПРАВЛЕНИЯ содержится информация обо всех пользователях сайта. И вы, как администратор, можете изменить информацию о любом из них. Еще можно было добавить фотографию в КОНТАКТ, например менеджера. Это довольно редко делается, но все же. Для начала надо загрузить в систему соответствующую картинку.

Идем в САЙТ – МЕДИА МЕНЕДЖЕР. Здесь хранятся все картинки, которые были в joomla изначально, и которые вы в нее позднее загрузили. Здесь перейдем в STORIES. Здесь joomla хранит картинки для статей, и для подобных нужд тоже. Чтобы загрузить картинку, в форме ниже жмем ВЫБЕРИТЕ ФАЙЛ, выбираем его у нас на компьютере, и нажимаем ЗАГРУЗИТЬ. Хотя пока наш сайт находится на локальном компьютере, проще было попросту пойти в папку X:\home\localhost\www\site\images\stories и скопировать картинку туда напрямую. Но это вы давно умеете:) Теперь у нас есть картинка. Отправляемся КОМПОНЕНТЫ – КОНТАКТЫ – КОНТАКТЫ, и нажимаем на нужный контакт. Внизу формы выбираем название загруженной картинки из выпадающего списка. Кроме того, в правом поле с параметрами контактов не забываем установить переключатель в поле ИЗОБРАЖЕНИЕ КОНТАКТА в положение ПОКАЗАТЬ. Нажимаем сохранить. Проверяем на сайте.online фото

Добавить комментарий

 
Powered by SH CMS (www.shchms.ru)