- -=Создание нового документа=-
- -=Оформление статей=-
- -=Создание ссылок=-
- -=Добавление картинок=-
- -=Итоги=-
Сейчас мы разберём, как добавлять красивые статьи с картинками на сайт Горизонта. Всё достаточно просто - похоже на добавление большого поста на форум. Для примера добавлю на сайт статью Димки Мамонтова "Как я пробежал 'Сотку'" о прохождении Одесской Сотки-2006.
Создание нового документа
Итак, заходим в менеджер сайта по адресу /manager. Пароль и логин для входа можно получить у Вадика Инвиза, Димы Мамонтова и Макса Романченко.
После успешного входа вы увидите окно оболочки ModX: слева показана структура сайта, вверху - меню, а всё остальное - рабочее поле.
Структура сайта должна быть вам знакома: под названием разделов находятся так называемые "дочерние документы", которые при просмотре сайта показываются, как отдельные статьи.
Для начала кликаем на нужный нам раздел правой кнопкой и в появившемся меню выбираем "Дочерний документ". Это создаст новую страницу, которая в структуре сайта будет находится в выбранном нами разделе. В принципе потом, после создания, статью можно будет перемещать в любой другой раздел сайта.
Итак, прежде, чем вставлять текст статьи, нужно настроить её параметры.
Давайте разберём все поля появившейся формы:
Заголовок - Тут вы вводите название вашей статьи или отчёта. Оно автоматически будет добавляться перед началом статьи красивым оранжевым шрифтом, когда пользователи будут смотреть статью на сайте.
Расширенный заголовок - можно написать то же, что и в заголовке, только немного подробнее. Этот тект будет ссылкой на статью в соответствующем разделе на сайте.
Описание - Описание статьи в одно предложение. Будет отображаться рядом с основным названием, поэтому должно раскрывать суть статьи.
Псевдоним - это имя документа, которое будет показано в адресной строке браузера, например: /odesskaya_sotka_2006.html. Постарайтесь дать статье небольшое понятное имя, чтоб, например, просматривая результаты поиска в Гугле пользователь увидел /odesskaya_sotka_2006.html, а не /interesnyj_rasskaz_dmitrija_mamontova_o_prohozdenii_odesskoj_sotki_v_2006_godu_8_9_aprelia.html. Вариант /odsotk06_mamontov.html тоже не приветствуется.
Псевдоним пишется латиницей.
Атрибуты ссылки - оставляем пустым.
Аннотация - оставляем пустым.
Шаблон - из списка шаблонов выбираем "Страницы", жмём "ОК" на появившемся предупреждении.
Пункт меню - не трогаем.
...........................
Содержимое документа
...........................
Автор (В самом низу страницы): Тут смело ставите своё имя, или имена всех авторов отчёта/статьи. Автора автоматически вставляются в статью при просмотре с сойта Горизонта, сразу под заголовком статьи.
Оформление текста статьи.
Саму статью нужно писать и оформлять в поле "Содержимое документа".
Интерфейс окна чем-то похож на привычный редактор Word, только с меньшим набором функций. Перед написанием статьи посмотрите на них внимательно: при наведении на них появляются всплывающие подсказки, и проблем с выравниванием текста или с созданием курсива/жирного/подчёркнутого возникнуть не должно.
Поэтому подробно остановлюсь только на самых главных задачах:
Добавление ссылок:
Выделяем нужный текст, кликаем по нему правой кнопкой, и выбираем "Добавить/изменить ссылку". В появившемся окошке нас интересует только вкладка "общие", которая перед нами и открывается:
URL: тут вводим адрес, куда ссылка нас отправит. Например, на страничку про препарат парацетамол.
Перечень ссылок: список ссылок на документы Горизонта. Лучше не трогайте.
Якоря: тут можно выбрать т.н. якоря, которые вы разместили в документе с помощью команды "Добавить якорь" (значок якоря на панели инструментов). Это нужно для того, чтоб сделать навигацию внутри документа. С помощью якорей удобно делать меню в начале статьи - тогда кликнув по ссылке вы переместитесь сразу в нужный раздел или к нужному участку статьи, не пролистывая весь текст в поисках нужной инфо. Якоря делайте латиницей.
Открыть в... : тут можно выбрать, где откроется новый документ - в новом окне или в этом же. Для всех ссылки на другие сайты указывайте "в новом окне".
Подсказка: это текст, который будет "всплывать" около курсора при наведении на ссылку. Полезно для того, чтоб подсказать пользователю, куда ссылка его приведёт.
Класс: не трогаем.
Добавление картинок:
Перед написанием статьи подготовьте картинки, которые вы будете выкладывать. Для того, чтоб статья не была ими перегружена, соблюбайте следующие рекомендации:
Количество: до 20-30 штук;
Размер в пикселах: 800 по длинной стороне;
Формат: JPG, GIF, PNG
Качество: меньше 100% (оптимально - 85%).
Обычно картинки добавляются после того, как сделана основная разметка текста, выделены абзацы, главы, и т.п. Но можно добавлять и походу пьесы.
Для добавления картинки устанавливаем курсор в нужном месте текста (или, например, перед абзацем) и нажимаем иконку с картинкой на панели инструментов. Появляется окошко добавления изображения.
Первое поле - URL. Если картинка хранится не на сайте Горизонта, то можно указать ссылку, покоторой она расположена. Но для полноты картины я опишу процесс добавления картинок "с нуля" с заливанием их на наш сайт.
Действуем по схеме: кликаем значок после поля URL, и к нас открывается структура папок с изображениями. Там нужно создать свою папку и дать ей какое-нибудь понятное название (например, foto_sotka_2006). Затем с помощью кнопок "Выбрать файл" и "Upload" закачиваете по одной все фотографии в новую директорию, - если файлы уменьшены до рекомендованых размеров, то процесс происходит оччччень быстро. Внутри папки можно дополнительно переименовать картинки и немного их подредактировать - под каждым изображением есть соответствующие значки.
Кликаем мышкой по нужной картинке в папке, и ссылка на фото автоматически появляется в поле URL.
Теперь нужно настроить, как будет выглядеть картинка на странице сайта.
Для этого нужно заполнить поля "Описание" и "Подсказка" (тут кратко указать описание картинки для тех, у кого отключён показ изображений в браузере), и перейти на вкладку "Отображение".
Выравнивание: выбирайте "справа" или "слева" - тогда текст будет обтекать изображение.
Размеры: это размеры превьюшки на сайте, кликнув на которую пользователь увидит полную картинку. Оптимальный размер - от 200 до 300 пикселов по длинной стороне. Можно и больше - экспериментируйте.(ВНИМАНИЕ: как сделать из картинки ссылку, смотрите дальше по ходу!)
Вертикальный и горизонтальный отступ: это расстояние между картинкой и обтекающим текстом.
Рамка: рамка вокруг изображения. Старайтесь не делать слишком толстой или яркой - отвлекает внимание.
Если после добавления изображения вы решили что-то поменять в его оформлении, то выделите его в тексте статьи и нажмите иконку "Добавить/изменить изображение" на панели инструментов.
Итак, подведём итоги:
- -Сначала напишите текст статьи на своём компьютере и сохраните его;
- -Перечитайте то, что Вы наваяли;
- -Исправьте ошибки;
- -Подберите ДО 20-30 фоток, ужмите их до 800px по длинной стороне;
- -Создайте статью на сайте;
- -проверьте оформление, линки;
- -Ждите апплодисментов.