"Бизнес в интернете KZ"

Блог Юрия Каталевич

Форма регистрации

Полезные ссылки:

Последние комментарии:

1 1 1 1 1 1 1 1 1 1 Рейтинг 5.00 [4 Голоса (ов)]

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

Настройка шаблона по умолчанию

Шаблон - это готовая оболочка, позволяющая с легкостью изменять дизайн как пользовательской части сайта, так и панели администратора. "Из коробки" CMS Джумла содержит несколько вариантов оформления внешнего вида. По умолчанию дизайн сайта в Joomla 3.5 выглядит так:


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


Для переназначения темы сайта отметьте звездочкой другой вариант.

Дизайн тут же изменится:

Вернувшись на вкладку управления расширениями, вы можете менять настройки шаблона на свое усмотрение. Покажем, как изменить основные параметры на примере темы Beez3 не владея навыками работы с кодом HTML и CSS.

1. Кликнув по названию шаблона, выберите вкладку Дополнительные параметры.

2. Настройте предложенные поля: загрузите логотип, создайте описание, выберите цвет фона, изображение шапки.

Для загрузки картинок используйте встроенный браузер файлов.

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

3. Сохраните изменения.

Установка новых шаблонов

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

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

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

Установка из панели управления

Добавление улучшений в Джумла происходит через Менеджер расширений.

1. Не распаковывая архив, скопируйте загруженный файл темы в папку templates, находящуюся в корневой папке сайта.

2. На вкладке "Установить" Менеджера расширений воспользуйтесь кнопкой обзора и загрузите файл темы.

3. Дождавшись окончания установки, активируйте новое оформление в Менеджере шаблонов и задайте первоначальные настройки. Так выглядит не настроенная бесплатная тема Jsn Ares 2.1:

Ручная установка

При возникновении ошибок во время установки темы из административной панели: 1. Скопируйте название шаблона.
2. В папке templates создайте подпапку с точным названием темы.
3. Распакуйте архив с шаблоном.
4. Скопируйте файлы из архива в созданную подпапку.
5. Активируйте тему в Менеджере шаблонов.

Позиции модулей в шаблоне

Модули - это наборы функций, выполняющие те или иные задачи. Модули обеспечивают работу меню, системы комментирования, счетчиков, других элементов в составе сайта. Среди самых популярных - 3D облако тегов, Perfect Ajax Popup Contact Form, галерея изображений Ignite.

В разных шаблонах позиции модулей различны. Вы можете посмотреть их, включив отображение позиций в настройках Менеджера шаблонов, а затем добавив к адресу вашего сайта код ?tp=1.

Доступные позиции модулей в шаблоне Beez3:

Если вас не устраивает местоположение компонентов, заданное автором темы, с помощью Менеджера модулей, при наличии базовых знаний HTML и CSS, вы можете создать собственную позицию.

Код добавления новой позиции отличается с учетом выбранного места расположения. Общий принцип действий сводится к следующему: 1. Определение места внесения изменений. Например, вы хотите разместить функцию поиска в шапке, где изначально не предусмотрено отдельной позиции. Для этого из контекстного меню в нужной области страницы сайта выберите "Просмотр кода элемента" (для Chrome) или "Исследовать элемент" (для Firefox) и посмотрите, из чего она состоит.

На примере выше видим, что выбранный блок содержит только заголовок H1. Вы можете добавить позицию до или после заголовка. 2. Редактирование файла индексного шаблона. В папке активной темы при помощи WordPad или специализированной программы открываем документ index.php, а затем прописываем перед или после закрывающего тега заголовка конструкцию вида , где "myposition" - любое осмысленное название. Сохраняем документ.

3. Редактирование xml-файла. Перед тегом файла templateDetails.xml прописываем:

4. Проверка результата. Добавляем перед адресом сайта код ?tp=1 и видим, что позиция успешно добавлена.

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

Создание категорий и материалов

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

Создание категорий

1. На вкладке Материалы выбираем Менеджер материалов. Через мгновение оказываемся на новой странице.


2. В меню слева нажимаем "Категории", а затем - кнопку "Создать".


3. Прописываем имя категории и сохраняем изменения. По желанию добавьте описание.

Нововведение тут же отобразится в Менеджере материалов:

Теперь можно обновить сайт интересной статьей - приступаем к созданию материалов.

Создание материалов

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

Создание меню

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

1. Из верхнего меню панели управления выбираем "Менеджер меню" и нажимаем ссылку создания нового меню.
2. В открывшемся окне заполняем предложенные поля.


3. После сохранения изменений возвращаемся на предыдущую страницу.


4. Кликаем по названию нового меню, чтобы добавить пункт.
5. Придумываем название и выбираем тип пункта.

Подключение модуля для нового меню

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

1. Идем в Менеджер модулей. Найти его можно на вкладке Расширения.


2. Нажимаем кнопку создания и из предложенного списка выбираем "Меню".


3. Изменяем настройки и выбираем позицию размещения модуля.

На этом все! Открыв сайт, вы увидите результат. Main Menu, которое включено в Joomla по умолчанию, можно удалить или, если хотите, просто отключите соответствующий модуль.

 

Комментарии  

profile
0 #1 profile 01.11.2018 12:26
Need cheap hosting? Try webhosting1st, just $10 for an year.

Цитировать

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


Защитный код
Обновить

Мой хостер

Подписка на Курсы

Последняя версия
Joomla! — 3.6.5

СКАЧАТЬ






Яндекс.Метрика