OJS: внешний вид (настройка темы)


Необходимо отметить, что система управления контентом Open Journal Systems изначально предназначена для весьма серьезного дела — публикации научных журналов в сети Интернет, поэтому ее разработчики не стали уделять особого внимания оформлению внешнего вида. OJS в плане оформления весьма скромен.

После установки системы тема будет отсутствовать, и ваш сайт будет иметь приблизительно такой вид:

themes_01

Чтобы поменять тему, вам нужно перейти: Страница пользователя —> Управляющий журнала —> Установка

ojs-customization_1_01

После этого выбираем последний 5-й пункт «Внешний вид журнала (верхний колонтитул главной страницы, контент, колонтитулы журнала, панель навигации и таблица стилей)».

ojs-customization_1_02

Далее необходимо перейти к п. 5.6. «Макет журнала» и выбрать в выпадающем списке «Темы для журнала» одну из тем, которую разработчики добавили в базовый комплект системы. Если вы знакомы с программированием каскадных таблиц стилей, можете сделать свой уникальный стиль и загрузить его в формате *.css. Здесь же вы можете управлять различными элементами в боковых колонках вашего сайта: переносить налево или направо, убирать, менять местами внутри одной из колонок.

ojs-customization_1_03

Стандартные темы в OJS имеют практически одинаковое оформление. Различия у них минимальны. Ознакомиться со скриншотами тем:

[widgetkit id=1610]

Внимание! Любую из выбранных тем можно усовершенствовать до бесконечности путем редактирования исходного кода в *.css файлах, которые лежат на FTP-сервере. Если вы не знаете, как это сделать, можете обратиться к разработчикам сайта или знакомым программистам. Для редактирования файлов вам также понадобится доступ на FTP-сервер, который вы можете узнать у разработчиков вашего сайта.

Насколько может быть усовершенствован шаблон OJS, можете посмотреть, например, на сайте OpenJournalSystems.com. Цена премиум шаблонов составляет $350.

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

ojs-customization_1_04

Для того, чтобы отладить цветовые изменения на сайте после выбора «модуль тем», нам нужно перейти: Страница пользователя —> Управляющий журнала —> Системные плагины —> Плагины тем

ojs-customization_1_05

В списке с нашими стандартными темами находим «Модуль тем» и нажимаем «настройки».

ojs-customization_1_06

Вам будут предоставлены всего 4 настройки:

  • Заголовок — фон шапки сайта, основная подложка, на которой располагаются или текстовые или графические элементы (название и пр.). Заголовок отделяется от основного фона сайта.
  • Ссылка — цвета всех гиперссылок на сайте: в информационных блоках боковых колонок, внутри текста, в главном центральном меню, в «хлебных крошках» и пр.
  • Фон — основной фон сайта: центральная широкая колонка, две боковые. Кроме области заголовка.
  • Текст — весь текст на сайте, который не связан гиперссылками: заголовок сайта, надписи в боковых колонках сайта, текст внутри страниц и пр.

ojs-customization_1_07

Вы можете выбрать цвет из палитры или прописать значение самостоятельно, используя шестнадцатиричные коды цветов (#000000). Рекомендуем фон оставлять белым или близким к белому, а цвет текста черным или близким к черному для удобства чтения информации. Чтобы вернуть значения по умолчанию, нужно удалить код цвета и сохранить настройки.

ojs-customization_1_09

Для более тонкой настройки оформления сайта на OJS, как мы уже отмечали, вам придется или создавать отдельный файл *.css или редактировать файлы темы на сервере.

Последние «грубые» настройки внешнего вида, которые можно осуществить из административной панели, имея в наличии стандартный набор плагинов, это скругление углов для информационных блоков в боковых колонках сайта. Для этого нам нужно перейти: Страница пользователя —> Управляющий журнала —> Системные плагины —> Общие плагины

ojs-customization_1_10

Общие плагины…

ojs-customization_1_11

В списке общих плагинов находим и включаем «Скругленные углы».

ojs-customization_1_12

После включения плагина наши боковые колонки будут иметь следующий вид:

ojs-customization_1_13

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

ojs-customization_1_14

К сожалению, настройка цвета фона или формы информационных блоков в боковых колонках сайта также невозможна из административной панели.

После знакомства с базовыми настройками оформления сайта можно сделать следующие выводы:

  • OJS имеет весьма скромное оформление (но это и не платформа для фото-студии);
  • Практически все базовые темы OJS требуют некоторой доработки по коду;
  • Административная панель OJS не дает возможности тонкой настройки темы оформления;
  • Тонкая настройка возможна или путем загрузки файла *.css через административную панель или путем редактирования файлов на удаленном сервере;
  • В шапку сайта лучше помещать картинку с атрибутами title и alt или HTML код, поскольку текстовый заголовок смотрится откровенно плохо (это можно сделать из административной панели).

Мы надеемся, что данная информация была полезной.

С уважением. Участники проекта Open Science in Ukraine.


Теги: , , , ,

Дата публикации материала: 01.12.2015

Трекбэк с Вашего сайта.

Поделиться: