Пишем пару статей на сайт под друпал. 8.

Помните начальные уроки? Наши знания поядобятся. Напишем два материала на сайт. Текстовый и картинку.

Зашли на сайт и видим "добавить содержимое". Лучше это делать через меню: "Материалы" (содержимое) - "Добавление материала" (добавить содержимое). Пункты одинаковые, а перевод разный в разных версиях.

Выбираем "Статья" (Article).

1. Пишем заголовок. "Первый текстовый материал".

2. Тег. Это то, что будет объединять статьи по меню. Назовем это "Первые опыты".

3. В теле (body) пишем "Привет!" и сохраняем.

Теперь тоже самое, только материал назовем "Первая картинка". Тот же тег. И в тело вставим нашу картинку из первых занятий, которая лежит в папке сайта. Было в уроке 5:

<p>Привет!</p><br>
<p align="right">по правому привет!</p><br>
<p align="center">по центру привет!</p><br>
 
Сохранили. Обновили. Посмотрели.
 
Добавим картинку.
1. Находим картинку и кладем её рядом с файлом index.html
2. Для удобства назовем её "picture.jpg"
Внесем изменения в код добавив:
<p align="center"><img src="picture.jpg" alt="Картинка"></p>
 
Вставили. Сохранили. Смотрим. Картинки нет? да?
Открываем материал на редактирование. Входим в материал и нажимаем "правка".
Заменим формат ввода на "Full HTML". А так? И так нет...
Произошло потому, что из оболочки не видно путь к картинке. Добавим полный путь до картинки. У меня он выглядит теперь так:
<p align="center"><img src="http://drboglav.myjino.ru/picture.jpg" alt="Картинка"></p>

УРА!

 

Итак, что мы сделали.

1. Создали 2 статьи.

2. Объединили их под один тег.

 

Теперь создадим еще одну статью. Назовем ее "О сайте". И пропишем тег "О сайте". Содержимое произволно внесите. Сохраняйте.

 

Получили 3 материала. Два с одним тегом и один с другим. Давайте сделаем в меню ссылки по этим тегам. Как:

1. Подводим к нашему тегу внизу материала и копируем адрес ссылки. (правая кнопка мыши).

2. Структура - Меню - Главное меню (main menu).

- Добавить ссылку.

- Пишем как будет называться пункт меню.

- В адрес вставляем ссылку из буфера.

- Сохраняем.

Те же операции повторяем для второго тега.

Получили меню из трех пунктов: Главная (Home), По тегу 1 (первые опыты), По тегу 2 (о сайте). Попереключайтесь между ними. Все правильно сделали, то увидите как привязались материалы и теперь доступны через меню, а не только листая главную страницу.

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

 

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

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


Поддержите развитие сайта рассказав о нем