Понедельник, Сентябрь 14, 2015

     Как создать свой сайт на Joomla

 
Базовый курс для "чайников"

Напоминание: наш Базовый курс создания сайта основан на изучении Joomla 1.5

Редактировать статью сайта
Создание и администрирование содержимого сайта на базе Joomla! может выполняться двумя способами:

1. Редактирование со стороны внутреннего интерфейса (админки) - в этом случае статьи администрируются с помощью Менеджера материалов;

2. Редактирование со стороны внешнего интерфейса (лицевой панели) - в этом случае статьи администрируются прямо на тех страни­цах, где эти статьи присутствуют.

Начнём работать со стороны внешнего интерфейса, то есть лицевой панели сайта.

Администрирование статей со стороны лицевой панели

Шаг 1. Открываем в браузере главную страницу Демо-сайта: http://localhost/demo

Шаг 2. Авторизуемся на сайте, как обычные зарегистрированные пользователи. Логин и пароль, естественно, используем те же самые, что и при входе в админку. Но до того, как вы нажмёте на кнопку "Войти", обратите внимание на значки, которые стоят в начале каждой статьи. Сейчас их везде по три:
Иллюстрация 1

Шаг 3. После авторизации к трём значкам добавится четвертый в виде карандаша. Если к нему подвести мышку, появится подсказка: "Редактировать элемент". Нажмите на карандаш в самой верхней статье "Joomla! Community Portal" :
Иллюстрация 2

Шаг 4. Статья появилась в открывшемся Редакторе :
Иллюстрация 3

Давайте отредактируем её заголовок : сотрём английский вариант и напишем "Портал сообщества Joomla!", после чего нажмём на кнопку "Сохранить" :
Иллюстрация 4

Шаг 5. Любуемся на то, что у нас получилось: на синей полоске мы видим сообщение о том, что материал успешно сохранён, и, как подтверждение этого - появившийся новый заголовок :
Иллюстрация 5

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

Администрирование статей со стороны админки

Шаг 1. С помощью логина и пароля входим в административную панель (админку).

Шаг 2. Для работы с материалами предусмотрено отдельное меню, которое так и называется : "Материалы".
Если вы хотите написать новую статью, то попасть в редактор можно в один клик с помощью иконки "Добавить материал".
Если же вы намерены редактировать уже готовую статью, то её надо сначала найти в Менеджере материалов: Материалы>>Менеджер материалов.

Мы сейчас будем вносить изменения в ту же статью, в которой уже изменили заголовок. Поскольку она расположена на главной странице сайта, то искать её легче через меню Материалы>> Менеджер Главной страницы:
Иллюстрация 6

Шаг 3. В Менеджере Главной страницы мы видим список из заголовков статей, и среди них нужная нам "Портал сообщества Joomla!". Чтобы открыть её для редактирования, нужно просто нажать на заголовок:
Иллюстрация 7

Шаг 4. Сейчас мы находимся на странице "Материал: (изменить)".

Для наглядности я разделила страницу на пять блоков:
Иллюстрация 8

Блок 1. Это общие сведения о материале:

  • заголовок статьи - можно изменить, стерев старое и вписав новое название;
  • псевдоним заголовка - можно оставить поле пустым, Joomla! заполнит его автоматически ;
  • классификация, т.е. к какому разделу и какой категории относится статья. Можно изменить это состояние, выбрав из выпадающих списков другие раздел и категорию. Можно также сделать статью неклассифицированной, т. е. не относящейся ни к каким категориям и разделам, - в этом случае надо в списках выбрать "Не указано-Не указано";
  • опубликована или нет - можно запретить публикацию с помощью радио-кнопки;
  • опубликована или нет на Главной странице - если включить кнопку "Нет", то статья не будет показана на Главной странице.

Блок 2. Верхняя панель визуального редактора. С помощью нужных кнопок мы преображаем текст: делаем подчеркивания, различные выделения, вставляем таблицы, медиафайлы и т.д. и т.д.

Блок 3. Нижняя панель визуального редактора. Здесь находятся три стандартные кнопки:

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

Нижняя панель может быть расширена после установки расширений Joomla!, в параметрах которых предусмотрен вывод подобных кнопок в нижнюю панель редактора. Например, я установила плагин для подсчета количества слов в статье, и его кнопка "Word Counter" автоматически появилась в нижней панели.

Блок 4. Текстовое поле. В нём вы или набираете, или вставляете в него уже подготовленный в Блокноте текст статьи. Тексты, набранные в Wordе, лучше сначала скопировать в Блокнот, который "чистит" ненужные коды, и только после этого переносить их в текстовое поле.

Блок 5. Он разбит на три части:

  • "Параметры - статьи" : если автор - Администратор, то ему можно придумать псевдоним, например, Пупкин; указать доступ, т.е. кто может читать эту статью - либо все посетители сайта, либо только зарегистрированные, либо специальные, например, администраторы; дату создания можно менять на своё усмотрение. Если вы хотите,чтобы статья появилась не сегодня, а в какой-то конкретный день, то укажите именно этот день и забудьте про публикацию, - статья появится на сайте в установленное время:
    Иллюстрация 9

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

  • "Мета данные"- очень важная часть настроек, связанная с поисковой оптимизацией. Более подробно мы будем останавливаться на этом в отдельной статье, здесь я лишь показываю внешний вид поля:
    Иллюстрация 11


Теперь, когда вы получили общее представление о параметрах страницы "Материал: (изменить)", давайте поработаем с текстом, т.е. перейдём в Блок 4.

Шаг 5. В поле редактора мы видим текст статьи, состоящий из двух абзацев. Если у вас они обведены пунктирными рамками, то для удобства в работе уберите их, нажав на кнопку в верхней панели редактора (на Ил.8 на кнопку указывает красная стрелка).

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

Шаг 6. Перед нами открылось окно с обзором содержимого папки "stories". Как видите, в ней есть две папки и несколько картинок. Давайте выберем для вставки в статью первую попавшую, например, изображение циферблата. Для этого нажмём на неё, и адрес картинки пропишется в строчке "Адрес (URL) картинки". Теперь нажмём на кнопку "Вставить" :
Иллюстрация 13

Шаг 7. Картинка появилась в редакторе :
Иллюстрация 14

Отредактируем её местоположение. Для этого нажмём на картинку - вокруг неё образуется контур, а затем нажмём на указанную красной стрелкой на Рис.15 иконку:
Иллюстрация 15

Шаг 8. Открылось окно Менеджера изображений. В строке URL уже прописан адрес картинки, а вот остальное заполняем сами. Для примера я сделала следующее:

- в строке Alternate Text (альтернативный текст) назвала картинку "Часы". Это название появится на месте изображения, если пользователь отключит показ картинок;

- уменьшила размер изображения, прописав в строке Dimensions цифру 100 (поскольку в окне Proportional стоит галочка, то произойдёт пропорциональное уменьшение сторон);

- в строке Выравнивание выбрала из выпадающего списка положение Left, т.е. слева ;

- в строке Margin прописала отступы по 5 справа и снизу картинки.

После этого прокрутила окно вниз и нажала на зеленую кнопку "Update" (обновить) :
Иллюстрация 16

Шаг 9. Картинку мы вставили, давайте добавим для полного счастья вставку "Подробнее" . Делается это так: после последней буквы первого абзаца в тексте щелкаем курсором, а затем нажимаем на кнопку "Подробнее" в нижней панели редактора. В тексте появится сплошная линия, указывающая на то, что вставка сделана. Сначала линия будет просто в виде черты, но, после того, как вы нажмете на кнопку "Применить" в верхнем правом углу экрана, черта превратится в серую полоску:
Иллюстрация 17

Эта полоска - знак того, что установлен режим "Подробнее". Захотите его убрать - просто щелкните по полоске мышкой и затем нажмите на клавиатуре кнопку Delete. Но пока мы ничего удалять не будем, а перейдём во вкладку с главной страницей сайта - если, конечно, вы уже нажали на кнопку "Применить" !!!. Я рекомендую нажимать именно на неё, потому что окно админки не закроется И, если надо будет что-то ещё исправить в статье, то вы просто вернетесь во вкладку с админпанелью и продолжите работу. А уж только после того, как решите, что всё сделано, нажмёте на кнопку "Сохранить".

Итак, вот что у нас получилось:
Иллюстрация 18

Произошли изменения: показаны названия раздела и категории, псевдоним автора, другая дата, а вместо "Подробнее" написано "Читать подробнее". Исчезла также иконка "PDF". Произошедшие изменения во внешнем отражении статьи явились результатом установки новых параметров настроек (см. на Иллюстрации 10).

Теперь нажимаем на кнопку "Сохранить".

Как видите, ничего сложного в работе с текстом нет. Постепенно мы освоим и другие возможности визуального редактора, а пока - тренируйтесь, друзья мои, набивайте руку, что называется. Убирайте тексты на английском, ставьте свои. Создавайте новые материалы, уже полностью свои собственные. Не бойтесь запутаться или что-либо испортить. Больше практики - больше профессионализма.

Успехов!

 

Комментировать материал через:

  • Joomlalessons.ru
  • Вконтакте

Поделиться:

META тэг "Robots"

image


No index, no follow = не индексировать ни текст ни ссылки;
Index, Follow = индексировать текст и ссылки;
No index, follow = не индексировать текст, но индексировать ссылки;
Index, No follow = индексировать текст, но не индексировать ссылки.