OJS: оптимизируем центральное меню сайта

Одной из самых распространенных проблем стандартных тем оформления OJS, если вы используете две боковые колонки на сайте, является нехватка места в центральном меню.

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

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

В связи с этим к нам очень часто обращаются с вопросом:

Как сократить центральное меню сайта на Open Journal Systems, убрать такие «лишние» элементы, как, например, «вход», «регистрация», «поиск» и пр. ???

В данном материале мы рассмотрим три простых способа решения данной проблемы:

1. Переименование элементов меню;
2. Удаление «лишних» элементов меню;
3. Уменьшение размера шрифта элементов меню через CSS-файл.

Совмещение этих способов позволит Вам легко оптимизировать центральное меню сайта без замены шаблона.

Предположим, проблема выглядит так:

1. Переименование элементов меню

Названия таких элементов меню, как «Домашняя страница» или «Редакционная коллегия» можно свободно и безболезненно переименовать.

«РЕДАКЦИОННАЯ КОЛЛЕГИЯ» — созданный нами вручную элемент меню, который ведет на соответствующую статичную страницу сайта.

Чтобы его переименовать, идем: Управляющий журнала >>> Установка >>> 5. Внешний вид журнала.

В пункте «5.5. Панель навигации» сокращаем название, сохраняем изменения.

«ДОМАШНЯЯ СТРАНИЦА» — элемент меню по умолчанию, который можно переименовать с помощью специального встроенного плагина локализации (подробнее см. «Локализация OJS»).

Чтобы его переименовать, идем: Управляющий журнала >>> Системные плагины >>> Общие плагины. 

В общем списке находим и включаем «Модуль локализации». После обновления страницы возвращаемся к данному модулю (плагину) и нажимаем «заняться переводом».

В списке доступных языков выбираем «Русский» и нажимаем «Редактировать».

Далее в списке доступных файлов находим «common.xml» и еще раз нажимаем «Редактировать».

Ищем наш ключ «Домашняя страница» (мы нашли его только на 12-й странице… ) и переименовываем, например в «Главная». Не забываем сохранить изменения в конце страницы.

В результате центральное меню сократилось на 1 строку:

2. Удаление «лишних» элементов

Какие из них являются «лишними» решать только Вам!

«ВХОД», «РЕГИСТРАЦИЯ», «ПОИСК» — элементы меню по умолчанию, которые можно удалить только через системные файлы, которые находятся на удаленном FTP-сервере. Вам понадобится доступ к этим файлам.

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

Для этого открываем на сервере директорию и файл: /templates/common/navbar.tpl … и удаляем код

для «ПОИСКА»

{if !$currentJournal || $currentJournal->getSetting('publishingMode') != $smarty.const.PUBLISHING_MODE_NONE}
 <li id="search"><a href="{url page="search"}">{translate key="navigation.search"}</a></li>
{/if}

для «ВХОДА» и «РЕГИСТРАЦИИ»

{if $isUserLoggedIn}
 <li id="userHome"><a href="{url journal="index" page="user"}">{translate key="navigation.userHome"}</a></li>
 {else}
 <li id="login"><a href="{url page="login"}">{translate key="navigation.login"}</a></li>
 {if !$hideRegisterLink}
 <li id="register"><a href="{url page="user" op="register"}">{translate key="navigation.register"}</a></li>
 {/if}
 {/if}{* $isUserLoggedIn *}

* В административную зону можно беспрепятственно зайти через боковой виджет «Пользователь» >>> «Профиль» >>> «Пользователь»

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

для «ГЛАВНОЙ»

<li id="home"><a href="{url page="index"}">{translate key="navigation.home"}</a></li>

С учетом того, что, как правило, «Текущий выпуск» совпадает с последним опубликованным на сайте выпуском научного журнала, который можно без труда найти в архиве всех выпусков, из центрального меню можно свободно удалить следующий код.

для «ТЕКУЩЕГО ВЫПУСКА»

<li id="current"><a href="{url page="issue" op="current"}">{translate key="navigation.current"}</a></li>

* Текущий выпуск можно отображать на главной странице сайта с помощью настройки «Пользователь» >>> «Управляющий журнала » >>> «Установка» >>> «5. Внешний вид журнала» >>> «5.2 Содержимое главной страницы журнала» >>> «Добавить содержание для текущего выпуска (если оно доступно)». При этом в «Редакторе» выпуску нужно задать статус «текущий». 

В результате центральное меню сайта сократилось до 1 строки и не имеет «лишних» элементов.

3. Уменьшение размера шрифта через CSS

Размер шрифта элементов в центральном меню стандартной темы оформления OJS задается в файле, который находится в следующей директории:

lib/pkp/styles/common.css

В данном файле нужно найти строки:

#navbar {
 margin-right: 0;
 padding-bottom: 0.5em;
 border-bottom: 2px dotted #000;
}

Чтобы уменьшить размер текстовых элементов в центральном меню сайта, нужно добавить одну строку. После этого код должен иметь следующий вид:

#navbar {
 margin-right: 0;
 padding-bottom: 0.5em;
 border-bottom: 2px dotted #000;
 font-size: 0.9em;
}

При этом значение «font-size: 0.9em;» можно варьировать, уменьшая или увеличивая на десятые… (1em или 0.8em … 0.7… 0.6…) по Вашему усмотрению.

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

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

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

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