ВозможностиВОЗМОЖНОСТИ

image

Нужная информация

Здесь вы найдете только полезную информацию без воды.
 
image

Бесплатно

Все уроки, рекомендации и советы абсолютно бесплатны.

Выбор хостинга

46 уроков

SEO блог

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

Урок 12: как настроить отображение нового шаблона?

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

Все модули, которые были расположены в позиции position-7 (справа) предыдущего шаблона, на нашем сайте в новом шаблоне не отображены. Давайте перенесем все эти модули на позицию sidebar нового шаблона. Заходим в менеджер модулей, ставим чек-боксы напротив модулей, стоящих на позиции position-7 и нажимаем на кнопку Пакетная обработка:

 

Обратите внимание, что нужно выбрать позицию sidebar именно шаблона GK_Publisher (нашего нового шаблона).

Модуль «Поиск на сайте» давайте также перенесем с позиции position 1 на позицию sidebar. Кроме того, модуль Мое местоположение давайте перенесем на позицию breadcrumbs шаблона GK_Publisher. Давайте также зайдем в этот модуль и на вкладке Привязка к пунктам меню выберем Только на указанных страницах и снимем чек-бокс напротив Главная, так как этот модуль абсолютно бесполезен на главной странице, при этом он будет отображаться на всех остальных страницах сайта. нажимаем Сохранить и закрыть.

Новое меню давайте выключим, в нем нет необходимости, всё равно оно дублирует главное меню. Для этого нажмите на зеленый чек-бокс в менеджере модулей напротив Новое меню.

Теперь добавим на верхушку сайта большую картинку, я ее заранее подготовил и положил в папку mypictures на денвере. Для этого создаем новый модуль HTML-код, называем его, например, Топ баннер. Выключаем отображение заголовка и выставляем позицию Top1. В самом редакторе нажимаем на Изображение и добавляем нашу картинку. Нажимаем Сохранить и закрыть. Наш сайт после вышеперечисленных манипуляций теперь выглядит так:

Теперь давайте поменяем очередность всех модулей на позиции sidebar (с помощью колонки порядок в менеджере модулей): сначала Поиск на сайте, затем Main Menu (кстати, давайте его переименуем на Главное меню), затем рекламный баннер, затем Авторизация на сайте и Наиболее популярное. А модуль последние статьи давайте перенесем на позицию Mainbody Bottom.

Справа вверху осталось слово Login, принадлежащее шаблону - давайте его уберем, ведь у нас уже есть в сайдбаре форма авторизации. Для этого идем в Расширения => Менеджер шаблонов => Стили и нажимаем на наш шаблон GK_Publisher. На вкладке Features нажимаем Disabled напротив Register Link и нажимаем Сохранить:

Как видите слово Login справа вверху после обновления страницы сайта исчезло.

Логотип сайта

На этой же вкладке Features можно добавить текст (в поле Logo text) и слоган (в поле Logo slogan) логотипа, если в поле Logo type выбрать Text. Или же вы можете добавить логотип-картинку, выбрав в поле Logo type - Image. Давайте выберем вариант с текстовым логотипов и введем в поле Logo text "SiteTest", а в поле Logo slogan - "Сделай сайт сам!". Нажимаем Сохранить.

Иконка сайта favicon и поле Copyright

Давайте научимся создавать/менять иконку сайта favicon. Иконка – это картинка 16х16 или 24x24, которая отображается на вкладке сайта и возле адресной строки:

Также поисковая система Яндекс использует иконку сайта при отображении результатов поисковой выдачи. Итак, чтобы найти необходимую иконку лучше всего воспользоваться сайтом www.iconfinder.com. Заходим на этот сайт, здесь перед вами откроется форма поиска иконок. Так как тематика нашего шаблона связана с автомобилями, то давайте в поиск введем «car» и нажмем «Enter». Прошу заметить, что вводить надо названия на английском языке, так как этот сайт американский. Русские аналоги весьма слабы по сравнению с ним.

Среди предложенных вариантов выбираем себе иконку и нажимаем на нее (предварительно убедившись, что она бесплатна). Теперь выбираем размер 16х16 или 24x24 и нажимаем под размером на «ICO», так как нам нужен именно формат «ico». После того, как картинка сохранится у вас на компьютер, ее следует закачать на сайт, а именно в папку нашего шаблона. Т.е. переходим в папку «templates», заходим в наш шаблон «GK_Publisher» и сюда копируем иконку. Осталось ее переименовать на «favicon», но при этом оставить формат «ico». Если у вас уже был в шаблоне такой файл, то его просто надо заменить нашим.

Также на вкладке Features в настройках шаблона давайте выключим Framework logo at the bottom и пропишем поле copyright. Напишем здесь что-то вроде «Copyright © 2012-2016. Тестовый сайт. Все права защищены.». Обычно это строка предназначена для предупреждения пользователя о том, что с вашего сайта нельзя копировать материалы без ссылки на источник. Нажимаем «Сохранить и закрыть».

Обновив страницу, вы увидите все изменения, как в логотипе сайта, среди модулей, так и в футере сайта.

И последнее, давайте на главной странице скроем отображение автора, даты и иконок печати. В админпанеле сайта переходим на вкладку «Материалы» и выбираем «Избранные материалы» (именно здесь находится статья, которая отображается у нас на главной странице). Здесь нажимаем на эту статью (помечена оранжевой звездочкой) и переходим на вкладку Отображение. «Автор», «Дата публикации», «Категория», «Кол-во просмотров», «Иконка печати», «Иконка электронной почты» – для всех этих параметров выбираем «Скрыть».

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

Что хотелось бы сказать, так это то, что этот созданный нами сайт - лишь для примера, я показал лишь базовые функции. На самом деле Joomla 3.x достаточно гибкая, поэтому многие функции вы будете узнавать самостоятельно либо со временем и по мере получения опыта.

ПРИМЕЧАНИЕ. Действительно отличный результат можно получить, если на этапе установки Joomla на Денвер вы сразу установить шаблон, включающий и файлы стандартной джумлы. Например, в архиве с шаблоном, который вы скачали на этом сайте, есть второй архив "gk_publisher_quickstart_J!30.zip". Просто вы такой архив распакуйте, как архив с обычной джумлой и далее следуйте урокам этого сайта.

Главным отличием будет то, что в таком случае у вас будут установлены демо-данные скачанного шаблона. А значит, что вам не надо будет создавать модули с нуля, а надо будет лишь заменить текст и картинки на свои + немного поднастроить шаблон под себя, используя гибкую функциональность Joomla. Более подробно, как это сделать, будет рассмотрено в отдельной статье. 

Вот с разделом «Создание сайта» в принципе и всё. Далее уроки будут продолжаться в разделе «Сайт в Интернете». Хочу обратить ваше внимание на то, что все материалы, картинки и шаблоны, использованные в этом разделе, были взяты только в качестве примера. Вы же при создании собственного сайта можете выбирать все составляющие самостоятельно в соответствии с вашим вкусом и необходимостью. В данном разделе изложены основные возможности Joomla. Дополнительную информацию вы можете получить в разделе «SEO блог» и подразделе «Расширения Joomla».

Вы можете перейти к следующему уроку или вернуться к предыдущему.

Рекомендуется

  • Хостинг - домен бесплатно
  • Купить статьи для сайта
  • Купить-продать ссылки
  • Купить-продать вечные ссылки