Главная » 2011 » Октябрь » 5 » Урок 3 - устанавливаем шаблон, добавляем материалы, формируем главное меню
19:40
Урок 3 - устанавливаем шаблон, добавляем материалы, формируем главное меню

Урок 3 - устанавливаем шаблон, добавляем материалы, формируем главное меню

Ну вот мы и подошли непосредственно к созданию сайта-визитки.

Мне было очень лень выдумывать тексты (контент), поэтому я решил скопировать один из сайтов, которые нашел в интернете. Скопировать только контент (тексты), а дизайном займемся отдельно. Вот этот сайт-визитка. Мы сейчас его быстренько создадим с Вами, абсолютно бесплатно, а его владельцы, между прочим, отдали за него 700 грн. (87,5 $). Не верите? Вот сайт конторы, которая его создала, он находится у них в портфолио. Ну или по крайней мере находился, я не знаю, как долго он будет поддерживаться.

Итак, поехали сайт-визитка одной из гостинниц в Симферополе.

Для начала, скачиваем себе на компьютер этот шаблон. Извлекаем его из архива, копируем его в папку: 
X:\home\localhost\www\project\templates\ То есть у Вас получится так. Красным отмечена папка с шаблоном, который вы скопировали и путь к ней.

Теперь открываем браузер и вводим в нем адрес: http://localhost/project/ - это и есть наш сайт на локальном сервере. Да, кстати, Денвер должен быть запущен!

У нас загружается стандартный шаблон Joomla. Но это мы скоро исправим. Открываем новую вкладку в браузере и вводим там следующий адрес http://localhost/project/administrator/ - это адрес нашей администраторской панели. Заходим в эту панель (вводим логин - admin и пароль - который Вы указывали при установке Joomla). И нажимаем "войти". Загружается панель администратора. Выбираем пункт в верхнем меню "расширения" - "менеджер шаблонов". Далее выбираем наш шаблон siteground-j15-76 (ставим галочку-точку напротив него). И нажимаем "по умолчанию". У нас напротив нашего шаблона появится звездочка - 
Далее перезагружаем страницу с нашим сайтом-визиткой http://localhost/project/ и смотрим, что получилось. А появился шаблон, с которым мы дальше и будем работать 

Контент я подготовил, скачайте этот архив себе на компьютер.

Возвращаемся в панель администратора, находим в верхнем меню пункт "материалы" - "менеджер материалов". Здесь нас интересует пункт "создать" Его и нажимаем.

Появляется окно ввода текста. 
В заголовок вводим "Гостиница в Симферополе";
Опубликовано - да;
На главной - да;
Раздел - не указано;
Категория - не указано;
В поле ввода текста копируем текст из документа "Главная" (из того архива, что Вы скачали себе на компьютер);
Нажимаем "сохранить".


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

Точно также добавляем оставшиеся два материала "Услуги" и "Номера". Там все то же самое, только в поле "На главной" ставим "нет". Ну и соответственно заголовки вводим свои. Это Вам небольшая самостоятельная работа.

Итак, добавили, теперь наш менеджер материалов (напомню путь к нему: материалы - менеджер материалов, в верхнем меню) 

Теперь нам нужно создать меню и связать его с нашими материалами. Заходим в админпанели в верхнем меню: "Все меню" - "Меню". И нажимаем мышкой там на значек, обозначающий редактирование пунктов меню 

Здесь мы будем добавлять новые пункты в наше меню. Находим "Создать", и нажимаем на него -

Выбираем "Материалы" - "Стандартный шаблон материала". 
Нажимаем на него.

В появившемся окне редакции пункта меню вводим заголовок меню - "Услуги";
Опубликовано - да;
В меню "Параметры" нажимаем кнопку "Выбрать". 
В появившемся окне выбора материала, выбираем наш материал - "Услуги"  и кликаем на него.

Все, все настройки введены, нажимаем "Сохранить" 

Перезагружаем нашу главную страницу, и смотрим, что получилось. А получилось у нас левое меню уже из двух пунктов.

Еще одна самостоятельная работа - добавьте третий пункт в меню - пункт "Номера".
Действуйте по аналогии с описанным мною предыдущим пунктом меню "Услуги". 
А я покажу уже результат - 

Если Вы все сделали правильно, у Вас должно уже быть меню, состоящее из трех пунктов.

Если что-то не получилось, обязательно посмотрите видео этого урока:

УРОК 4

Просмотров: 473 | Добавил: muradkurshumov | Теги: Урок 3 joomla | Рейтинг: 0.0/0
Всего комментариев: 0
Движок: uCoz
Адаптация by © AID