.

.

Урок № 6 - Joomla. Заполняем главную страницу.

 

Урок № 6. Joomla – заполняем главную страницу.


Здравствуйте, дорогие читатели блога zuit.ru! Сегодня мы научимся создавать статьи и размещать материалы на главной странице, а также сделаем несколько пунктов меню.


Если вы хотите создать свой сайт на движке joomla и занимаетесь вместе с нами, то у вас на сайте уже появился раздел и несколько категорий.

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

 

На вашем компьютере должна быть подготовлена папка, в которой есть несколько коротких статей и фотографии.

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


Первое, что нам надо сделать, – это запустить наш виртуальный сервер. Для этого нажимаем на рабочем столе на ярлык Start Denwer, после чего запускается программа.

Набираем в строке браузера адрес нашего сайта (http://mysite/administrator/) и попадаем в панель администратора. Пароль и логин вы уже знаете, пишем их в соответствующих полях и заходим на сайт.


 

Сейчас мы начнем создавать первый материал, он будет располагаться на главной странице (макет сайта можно посмотреть в уроке № 2).

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


Заходим в пункт меню «Менеджер материалов», нажимаем на кнопку «создать» и попадаем непосредственно в форму добавления статьи.

Пишем заголовок «Дельфины» (только без кавычек), псевдоним можно не писать, потому что статья находится на главной странице. Но если вы потом этот материал захотите куда-нибудь переместить, как это часто делают вебмастера на блогах, то ссылку надо поставить.

 

Как правильно писать тексты ссылок, мы будем разбирать в отдельной статье по оптимизации.

Пишем текст этой ссылки английскими буквами такой: delfini



 

 

В окне «Раздел» выставляем «не указано», в окне категории тоже ставим «не указано». Для публикации выбираем главную страницу.

 


 

 

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


Порядок такой: заходим на своем компьютере в папку, где хранится текст, открываем документ и весь текст выделяем. Затем нажимаем правой мышкой «копировать», переходим на сайт и ставим курсор в поле статьи. Но просто вставить текст у нас не получится. Клавиатура должна быть настроена на английский язык, поэтому нажимаем две клавиши Ctrl+V.

После этого текст появляется в поле для статьи.



 

Теперь с текстом можно поработать, как вам нужно. Например, сделать заголовок жирным или подчеркнуть слова. Выставить по центру какое-то предложение или выделить его курсивом.

Есть специальное окно, в котором вы сами выбираете шрифт и его размер. Для того чтобы изменить шрифт, текст предварительно надо выделить.


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



 

Автором по умолчанию является администратор, если вы хотите указывать свое имя и фамилию, то заполняете форму «псевдоним». Как это сделала я для примера.

Доступ выбираете сами, есть некоторые статьи, которые вы хотите показать только зарегистрированным пользователям.  Тогда вы это обязательно должны указать.

 


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


Теперь я вам покажу, как вставлять изображение. В нужном месте вашей статьи ставим курсор, после этого нажимаем на кнопку внизу, которая так и называется «изображение».

Открываются все картинки, которые в данный момент есть, нам только надо выбрать любую картинку, а потом нажать «вставить».



 

 

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

Я, например, нажала на часы, и вот что получилось.




 

 

А что делать, если картинка находится на вашем компьютере в папке? Ее сначала нужно загрузить на сайт. Если вы хотите разместить свои фотографии  в статье, то предварительно требуется загрузка в специальную папку, потому что простое копирование в этом случае у вас не получится.


Как это сделать? Пока мы работаем на локальном сервере, это не составит труда.

Сначала давайте определим, что это за папка и где она находится. Ее мы найдем в папке с нашим сайтом. Идем: мой компьютер- диск Z –home – mysite - www

(Если вы правильно нашли эту папку, в строке сверху у вас будет написано:  Z:\home\mysite\www\images\stories).


Среди всех документов, что здесь находятся, надо найти папку images.

Открываем ее, ищем название stories  и заходим. Именно здесь хранятся все те изображения, которые вы видели, когда мы размещали картинку в нашей статье.

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


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

 


Если ваша картинка слишком большая, ее легко уменьшить в программе Paint. В этом случае идете «Пуск» - Paint, далее в меню находите «Рисунок» - растянуть/наклонить – ставите проценты (например, 50% или 10%).

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



 

 

Не забывайте название писать английскими буквами.

Чтобы материал был опубликован на главной странице, надо проверить, чтобы при создании материала было выставлено следующее:  опубликовано – «да», на главной – «да».


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



 

 

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

У вас должен быть на сайте один раздел «Африка», а в нем четыре категории: слоны, бегемоты, крокодилы, птицы.


Две последние категории вам надо было сделать самостоятельно. Поэтому считаем, что они у вас уже есть.

Если зайти в предварительный просмотр, то никаких изменений пока мы не увидим. Дело в том, что нам необходимо поработать с модулями, что это такое, вы уже знаете из урока № 1.


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


Заходим «менеджер материалов» - «создать» и пишем название - «Слоны», псевдоним набираем английскими буквами. Выбираем раздел «Африка» и категорию «слоны», после чего вставляем текст и картинку.

 


 

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


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


Теперь на эти категории мы сделаем ссылки.

Заходим «Все меню» - «Главное меню» - «создать». Нам предлагается выбрать тип меню, поэтому нажимаем «материалы» - «шаблон блога категории» и заполняем следующую форму.



 

 

Заголовок - «Слоны», пишем английскими буквами название ссылки - sloni  и справа в основных параметрах выставляем нужную нам категорию.

 



 

 

Сохраняем все изменения.

Точно так же делаем ссылку на вторую категорию, которая называется «Бегемоты».

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



 

 

Нажимаем на эти ссылки и просматриваем наши статьи, в которых должны быть картинки, если вы все правильно сделали.

Например, я зашла в статью про бегемотов. Около картинки написан ее автор.



 

 

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

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


P.S. Понравилась статья? Не забудьте подписаться на обновления и получать свежие новости на e-mail, чтобы не пропустить ценную информацию.

 


Советуем вам прочитать другие интересные статьи:


Joomla – простой движок для создания сайтов

Разбираем структуру сайта

Как создать блог самому и совершенно бесплатно?

Как организовать на сайте автоматически наполняемую ленту новостей

Как правильно написать статью? Небольшой мастер-класс

Что такое правильная мотивация? Конкретный пример!

 


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


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

подписаться на новости блога 

Введите Ваш e-mail адрес:

Delivered by FeedBurner

Компьютерная графика 

Начинающему вебмастеру 

Рассылка