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

Руководство редактора

Данное руководство не является переводом официального текста на английском языке, или какого-либо другого. Оно создано для текущей на момент написания версии TYPO3 7 LTS и частично может быть использовано для более ранних версий с учетом отличий. Руководство будет пополняться или редактироваться в дальнейшем по мере необходимости с учетом пожеланий и замечаний редакторов сайтов.

Содержание:

1. Вход в систему управления

2. Создание новой страницы

3. Контекстное меню для страницы

4. Изменение параметров страницы

   4.1 Общие параметры

   4.2 Параметры доступа к странице

   4.3 Метаданные страницы

   4.4 Оформление страницы

   4.5 Поведение страницы

   4.6 Ресурсы

5. Создание контента

6. Типы данных контента

    6.1 Типовое содержимое страницы

    6.2 Специальные элементы

    6.3 Элементы формы

    6.4 Дополнения

    6.5 Bootstrap

7. Редактор текста

8. Работа с новостями

    8.1 Создание категории

    8.2 Создание новостной записи

1. Вход в систему управления

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

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

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

Работа редактора сайта на основе TYPO3 достаточно проста, но некоторый навык потребуется. Взглянем на внешний вид административной панели:

В левой части экрана расположено меню функций, в основном окне - их краткое описание. Большую часть времени будут использоваться Страница, Список, Функции, News Administration, реже Шаблон. Остальными вы, возможно, никогда не воспользуетесь.  Кроме того, на изображении полный набор функций, доступный в режиме администратора. Для редактора, в зависимости от настроек, доступных функций может быть значительно меньше. Например, если редактор занимается только новостями (а в большой компании такое возможно), то ему достаточно иметь доступ к функции News Administration.

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

Как видим, между меню функций и основным окном появилась новая вкладка. Это структура страниц сайта. Для каждого сайта она будет отличаться и редактор может менять ее по своему усмотрению, добавляя, удаляя, перемещая страницы или делая их неактивными. В данном примере присутствует четыре вида элементов: обычная страница, ссылка, системная папка и разделитель меню. Последний элемент, разделитель, не имеет никакой функциональности, он просто для визуального оформления, в данном случае выделена группа страниц, не отображаемых в меню сайта. Системные папки, по сути, обеспечивают доступ к записям базы данных и никак не отображаются в видимой части сайта. В нашем примере, в папке News хранятся новости и категории новостей, а в папке Users and groups - информация о пользователях, зарегистрировавшихся на сайте. Ссылки (страницы Главная и О компании) сами контента не содержат, а отображают его со страницы, на котоую ссылка указывает. Это сделано для создания более удобного меню сайта. К перечисленным типам страниц мы еще вернемся и рассмотрим их подробнее. Самый верхний элемент - это корень установки TYPO3. Чуть ниже, с глобусом слева - это корневая страница сайта. Одна установка TYPO3 может содержать любое количество сайтов, каждый из них будет начинаться со своей корневой страницы.

2. Создание новой страницы

Итак, создадим новую страницу. Допустим, мы хотим создать страницу "Сотрудники" в разделе "О компании". Ранее мы выбрали пункт Функции в левом меню. Выберем в структуре страниц элемент "О компании". В главном окне увидим следующее:

Данная форма позволяет создать сразу несколько новых страниц (по умолчанию пять, но их количество можно увеличить нажатием на кнопку "Добавить строки" внизу страницы). В поле для Страницы 1 укажем наименование "Сотрудники", тип страницы (поле справа) оставим без изменения - "Стандарт". Отметим пункт "Поместить новые страницы после существующих", и нажмем кнопку "Создать страницы". В структуре страниц появится новый элемент.

Создать новую страницу можно и другим способом. В структуре страниц сверху слева есть кнопка с плюсом. Нажмем на нее, ниже появится строка с иконками для типов страниц. Выбираем самую левую, для стандартной страницы, нажатием левой кнопки мыши. При этом вид курсора изменится. Удерживая кнопку, перемещаем курсор в нужное место структуры страниц, там кнопку отпускаем. Новая страница создана, в поле наименования пишем "Сотрудники". При данном способе вновь созданные страницы будут неактивными (слева от наименования на это указывает соответствующий значек). Такие страницы не отображаются в видимой части сайта и не присутствуют в меню. Т.е. для посетителей сайта страница не существует.

3. Контекстное меню для страницы

Щелкнем правой кнопкой мыши по вновь созданному элементу "Сотрудники" в структуре страниц. Откроется контекстное меню, как на изображении справа.

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

Пункт "Просмотр", как следует из названия, предназначен для предварительного просмотра страницы.

"История/Отмена" позволяет отследить последовательность изменения страницы во времени, и, при необходимости, вернуться к предыдущему состоянию, которое было до внесения тех или иных изменений, например, если что-либо было сделано ошибочно.

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

  "Действия для страницы" содержит дополнительное меню из четырех пунктов, предназначенных для создания новой страницы рядом с выбранной (да-да, еще один способ создания новой страницы), удаления страницы, а также копирования и вырезания, позволяя, при необходимости дублировать или переместить страницу).

 "Действия для ветви" рассмотрим позже, а сейчас подробно остановимся на пункте "Правка", который предназначен для изменения параметров страницы.

4. Изменение параметров страницы

Рассмотрим, как изменить параметры страницы. Выберем пункт "Правка" в контекстном меню и увидим следующее:

4.1 Общие параметры

Содержимое вкладки "Общее" соответствует названию. Здесь мы можем изменить тип страницы, ее заголовок (то, что будет отображено в самом верху отображаемой страницы крупным шрифтом, не путать с наименованием страницы).

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

Ниже содержатся параметры так называемого "человекопонятного URL". Попросту говоря, это такая ссылка на страницу, которая в себе несет некоторую понятную информацию о ее содержании.  Например, в нашем случае ссылка на страницу "Сотрудники" будет выглядеть примерно так: www.igrix.ru/o-kompanii/sotrudniki/.

Мы можем изменить эту ссылку, например, таким образом www.igrix.ru/o-kompanii/workers/, указав "workers" в поле "Понятный сегмент адреса URL".

Переключатель "Исключить из понятного URL" предназначен для отображения страницы по ее номеру, например www.igrix.ru/index.php?id=30. Это, конечно, менее информативно и полезно разве что для целей отладки сайта.

С общими параметрами мы закончили, переходим к вкладке "Доступ".

4.2 Параметры доступа к странице

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

"Дата публикации" и "Срок истечения" позволяют настроить отображение страницы на ограниченный промежуток времени, а переключатель "Extend to subpages" дает возможность распространить эти настройки на все страницы, расположенные уровнем ниже.

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

Например, это могут быть сотрудники организации.

Следующая вкладка - "Метаданные".

4.3 Метаданные страницы

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

Поле "Абстрактный"содержит произвольное описание страницы, однако обычно эта информация не попадает в заголовок страницы. Но может быть использована при создании файла Sitemap для поисковых систем.

"Ключевые слова" - набор ключевых слов или очень коротких фраз, описывающих страницу. Каждое слово или фраза отделяются друг от друга запятой. Они активно используются поисковыми роботами при индексации. В конечном итоге эти слова обязательно учитываются при выдаче результатов поиска и при грамотном применении способствуют повышению рейтинга. В заголовке страницы отображаются как: <meta name="keywords" content="">, где content содержит указанные нами ключевые слова.

 Поле "Описание" также имеет большое значение, поскольку информация, содержащаяся именно в нем выводится в результатах поиска, выдаваемых поисковыми системами в ответ на запрос пользователя.

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

  • URL документа (ссылка на страницу);
  • название страницы (содержимое <title>...</title>);
  • описание документа, то есть содержание поля "Описание" или несколько сотен байт от начала документа, если описание отсутствует. В первом случае пользователь получает краткое, но емкое и понятное описание документа (если редактор или автор составили его именно таким), во втором же случае информация о странице может быть бесполезной, т.к. это может быть бессмысленный набор слов или несколько первых предложений, которые, возможно, никак не относятся к общей теме страницы и, как следствие, никак его не характеризуют;
  • рейтинг (коэффициент соответствия документа запросу пользователя).

В заголовке страницы поле "Описание" является значением параметра content соответствующего мета-тэга (<meta name="description" content="">).

Поля, объединенные в группу передовица, не так полезны, как вышеперечисленные. Поле "Имя автора" в заголовке страницы отображается как содержимое мета-тэга <meta name="author" content="">, остальные поля в заголовок не попадают.

4.4 Оформление страницы

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

"Шаблон Фронтэнд", т.е. шаблон для внешнего отображения в нашем случае остается неизменным для всех вариантов оформления.  Внешний вид будет зависеть от следующих настроек.

Шаблон бэкэнда (только эта страница) - вариант разметки страницы, каким его видит редактор сайта. Эта же разметка будет применена и при внешнем отображении для посетителей сайта. Если в данном поле ничего не указано, разметка наследуется со страницы более высокого уровня, где наивысшим уровнем является корневая страница сайта.

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

Для всех вариантов неизменным является наличие области контента внизу страницы, состоящей из трех столбцов. Контент там может и отсутствовать, в этом случае будет отображена пустая область, но с соответствующим фоновым цветом. В этой части страницы также отображается копирайт, и, если на сайте используется более, чем один язык, меню для выбора языка для контента.

Сверху в некоторых вариантах имеется прямоугольная область, обычно там располагают какое-нибудь изображение или, например, элемент "Carousel", который прокручивает набор изображений, сопровождаемых текстом. Чаще всего используется на главной странице сайта.

Остальные элементы разметки делят страницу на вертикальные сегменты, один из которых (самый левый или самый правый) может содержать меню сайта (или меню для страниц, начиная с некоторого уровня).

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

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

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

4.5 Поведение страницы

Параметры на данной вкладке интересны более администратору, чем редактору, но рассмотрим их, на всякий случай.

"URL псевдоним" - уникальная строка идентификации страницы. Можно использовать эту строку вместо идентификационного номера, для ссылки на страницу. Отметим, что данный функционал обычно обеспечивает расширение "realurl", которое автоматически формирует строки идентификации на основе наименования страниц. Поэтому, обычно, данный параметр не используется.

Параметр "Ссылка на:" - HTML цель для элементов меню, связанных с этой страницей. Также может использоваться для открытия страниц во всплывающем окне. На практике используется редко.

Поле "Использовать протокол" служит для определения, по какому протоколу будет обращение к странице - обычному (http://) или защищенному (https://).

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

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

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

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

Обычно все страницы доступны при поиске по сайту, установка "Выключить" параметра "Включить в Поиск" исключает страницу из поиска.

"Может редактироваться только Админами." - если включено, параметры и контент этой страницы смогут редактировать только администраторы. Также остальные пользователи, т.е. редакторы, не смогут создавать новые записи и подстраницы для текущей страницы. Однако, редакторам будет доступно редактирование уже созданных подстраниц.

Если "Stop Page Tree" включено, то эта страница будет завершающей для структуры страниц, к которой принадлежит.

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

4.6 Ресурсы

На этой вкладке совсем мало настроек.

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

Что же касается конфигурации TypoScript (встроенной системы конфигурирования TYPO3), то это выходит за пределы компетенции редактора сайта, а часто и компетенции администратора, поскольку требует наличия уже специальных знаний. Как правило, все подобные настройки производятся разработчиками сайта и в дальнейшем изменения в них производятся ими же, и только при необходимости, если такая возникнет.

Следующую и последнюю вкладку в параметрах страницы - "Категории" рассматривать не будем, к категориям мы вернемся, когда будем описывать работу с новостями, реализованную с использованием расширения "News".

На этом рассмотрение настроек страницы мы закончим и перейдем, наконец, к самому интересному для редактора - созданию контента.

5. Создание контента

Итак, у нас есть вновь созданная нами страница "Сотрудники". Если мы сделали ее активной, то она присутствует в меню сайта, но она пуста. Почти пуста. Мы видим на ней логотип, меню сайта, внизу копирайт, и, возможно, что-то еще. Но этого явно недостаточно, не для этого мы ее создавали.

Поэтому сделаем ее полезной, добавив контент.

В левой части выберем функцию "Страницы", в структуре страниц выберем элемент "Сотрудники". Основное окно изменилось следующим образом:

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

На этой странице нам предлагают выбрать тип элемента содержимого (или же контента). На рассмотрении типов останавливаться сейчас не будем. Мы планируем разместить на странице текст и изображения. Поэтому элемент Text & Media - это именно то, что нам нужно. Выбираем его.

На открывшейся странице находим параметр "Type" (на изображении выше указан стрелкой) и из списка выбираем тип элемента Text & Images. Страница обновится и приобретет следующий вид:

Дальше все просто. В поле "Header" пишем заголовок страницы, например, "Наши сотрудники".

В поле "Text" - соответственно текст. Поле для ввода текста представляет собой этакий мини-редактор, его возможностей  вполне хватает для того, чтобы отформатировать текст нужным образом. Работа с ним достаточно понятна любому, кто хоть раз использовал Word или Openoffice. Однако, мы все же рассмотрим работу с ним подробнее чуть позже.

Остальные поля на этой странице можно не трогать, они не обязательны.

Теперь нужно добавить изображение. Переходим на вкладку "Images" (она вверху страницы). Там единственная кнопка - "Add Image" (добавить изображение). Нажимаем. Появляется отдельное окошко для выбора изображения.

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

Пользовательские файлы сайта хранятся в подкаталогах специального каталога "fileadmin". В нашем случае мы видим, что изображения хранятся в подкаталоге "images", полный путь к изображениям будет <имя сайта>/fileadmin/files/images/, где "имя сайта" - адрес вашего сайта.

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

Выбираем файл, щелкнув мышкой либо по его имени, либо по значку "+" справа от него.

В результате нужный нам файл должен прикрепиться к странице.

Теперь настроим положение изображения на странице. Для этого переходим на вкладку "Appearance", там параметру "Position and Alignment" устанавливаем значение "In text, right", т.е. расположение справа, внутри текста, а параметру "Number of Columns" даем значение 1 (у нас только одно изображение и одна колонка для него). Остальные параметры можно не трогать. Должно получиться так:

А теперь самое главное - в самом верху основного окна находим кнопку "Сохранить документ" и нажимаем ее. Это важно. Иначе все, что мы сделали не будет сохранено.

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

6. Типы данных контента

Вкратце рассмотрим доступные элементы контента. Некоторые из них, наиболее интересные, позже применим на практике. Отметим, что на странице может содержаться любое количество элементов контента в любом сочетании.

6.1 Типовое содержимое страницы

 Первая вкладка списка элементов - "Типовое содержимое страницы" (изображение справа).

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

"Только изображения" - удобен для создания галереи изображений, например. Можно настроить расположение изображений на странице, установить количество столбцов. Размер изображений будет автоматически подстраиваться под размеры экрана устройства, с которого просматривается сайт.

"Маркированный список" - ненумерованный перечень строк.

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

"Text & Media" мы уже использовали при создании страницы, точнее его разновидность "Text & Images". Это наиболее востребованный и универсальный элемент, большинство страниц любого сайта будут созданы с его использованием. Этот элемент может выполнять функции любого из вышеперечисленных. Так, если при использовании этого элемента не указывать изображений, он будет выглядеть как другой вариант этого элемента - "Text".

Элемент "Ссылки на файлы" - собственно список ссылок на файлы и есть.

В завершение обзора этой вкладки отметим следующее - все рассмотренные элементы можно заменить одним "Text & Images". Он содержит в себе заголовок, а таблицу, маркированный список (а также нумерованный), ссылки на файлы можно создать используя встроенный редактор текста.

6.2 Специальные элементы

 Элемент "Специальные меню" предназначен создания списков выбранных страниц (варианты для выбора на правом изображении) со ссылками на них.

Наиболее применимым вариантом является "Sitemap", т.е. карта сайта. Содержит упорядоченный перечень ссылок на все видимые страницы сайта.

Остальные разновидности более специфичны и могут применяться по мере необходимости.

"Чистый HTML" - вставка на страницу собственного HTML фрагмента. Полезно, если при использовании встроенных элементов нужное реализовать нельзя. Но от редактора потребуется, как минимум, базовое знание HTML.

"Разделитель" применяется (при необходимости) для отделения элементов контента на странице друг от друга.

"Добавить запись" - отобразить на данной странице элемент содержимого, уже созданный ранее на какой-либо другой странице.

6.3 Элементы формы

"Форма авторизации" размещается на странице для предоставления возможности зарегистрированным пользователям получить доступ к скрытым страницам сайта при помощи имени и пароля.

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

6.4 Дополнения

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

В нашем примере мы видим следующие дополнения:

  • Новости - система для создания, редактирования и отображения новостного контента;
  • Feuser register - дополнение для регистрации пользователей на сайте при помощи настраиваемой формы, а также для просмотра и редактирования зарегистрированными пользователями своей персональной информации. Кроме того, имеет дополнительный модуль для управления пользователями из административной панели ("Frontend Users" в меню функций).
  • Indexed Search - встроенная в ядро поисковая система по сайту.
  • Многогранный поиск - альтернативная поисковая система. Имеет некоторые преимущества по сравнению с предыдущей.

Дополнений может быть любое количество, в зависимости от того, какой функционал должен обеспечиваться сайтом.

6.5 Bootstrap

На этой вкладке представлены элементы, предоставляемые еще одним расширением - "bootstrap_package".

Carousel - прокручивает с заданной периодичностью заданный набор изображений с сопровождающим текстом. Применяется, как правило, на главной странице сайта, но можно расположить на любой странице, если это к месту. Размещается в поле шаблона "Border", а не "Normal", как большинство элементов. В таком случае он будет отображен вверху страницы, сразу после меню сайта, но выше остальных элементов. Кроме того, он будет занимать всю ширину окна браузера, без полей слева и справа.

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

Text & Icon  - простой элемент, позволяющий выбрать и разместить на странице иконку из предоставляемого набора и сопроводить ее произвольным текстом.

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

Panel - текст отображается на странице внутри отдельно выделенного рамкой блока.

List Group - похоже на простую одноколоночную таблицу, где строки отделены руг от друга рамкой. Каждый абзац текста расположен в отдельной строке таблицы.

External Media - полезный элемент, предоставляет возможность вставить ссылку на видео, размещенное на YouTube или Vimeo. На странице видео отображается очень удобно, на всю ширину области контента, полноэкранный режим также доступен.

7. Редактор текста

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

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

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

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

Наберем некоторый текст, применим к нему различные функции редактора, создадим и настроим таблицу. То, что получилось на изображении 7.2. На странице сайта отображаться это будет аналогично, но оформление будет симпатичнее.

Текст "А это текст" выделен, поэтому активных кнопок мы видим больше.

Итак, что мы сделали с текстом. К первой строке, заголовку, применили формат блока "Заголовок 3". Для этого текст нужно выделить и из самого левого верхнего списка выбрать нужный формат (изображение 7.3).

Чуть правее расположено меню для выбора стиля (изображение 7.4). Варианты:

  • Text: Center - расположить текст по центру страницы;
  • Text: Justify - выравнивание по левой и правой границе;
  • Text: Left - текст расположен слева (по умолчанию);
  • Text: right - текст справа;
  • Text: Lead - текст отображается выделенным (более крупный).

К тексту, расположенному справа, применен стиль Text: right. Кроме того, он заключен в тэг <span></span>, для которого установлены стили для цвета текста и фона (изображение 7.5).

Фрагмент "Это выделенный текст" выделен с помощью свойства "Bold" (жирный текст). Кнопка расположена слева в первом ряду кнопок.

Цитата оформлена с помощью соответствующей кнопки, предпоследняя в первом ряду иконок (синие кавычки).

Таблица создается при помощи самой левой кнопки в последнем ряду. В этом же ряду расположены кнопки для настройки строк, столбцов и ячеек таблицы, а также всей таблицы в целом.

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

 Еще часто используются кнопки установить/удалить ссылку. В качестве целевого объекта для ссылки можно выбрать страницу сайта или элемент контента, файл, папку, внешний адрес или e-mail.

8. Работа с новостями

Все действия с новостями будем осуществлять с использованием расширения "news". Для этого в меню функций выберем "News Administration", в структуре страниц системную папку "News", где хранятся все записи, относящиеся к новостям и их категориям. Вид главного окна при этом будет как на изображении 8.1.

Для создания новостной записи, метки или категории предназначены кнопки в верхней части экрана. Список созданных записей - в нижней.

8.1 Создание категории

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

На этой же вкладке можно выбрать язык для создаваемой категории (если их больше одного), и скрыть категорию.

На вкладке "Параметры" (изображение 8.3) можно установить необязательные свойства для категории:

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

8.2 Создание новостной записи

Нажмем на кнопку для создания новостной статьи и увидим вкладку "Общее" (изображение 8.4).

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

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

 На вкладке "Связи" (изображение 8.5) можно выбрать изображение для новости (так же, как мы делали это при создании контента для страницы), добавить связанные файлы и ссылки, выбрать из числа уже существующих новостные статьи, которые хотим связать с создаваемой (обычно сходные по тематике). Список уже связанных статей отображается в поле ниже.

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