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

Опубликовано в разделе: OJS - открытые журнальные системы, Полезная информация



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

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

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

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

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

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

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

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

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

reduce_03

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

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

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

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

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

reduce_04

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

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

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

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

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

reduce_05

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

reduce_06

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

reduce_03

 

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

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

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

Настоятельно рекомендуем перед внесением любых изменений в базовый код файлов Open Journal Systems делать их копии на сервере или жестком диске Вашего ПК!

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

Для этого открываем на сервере директорию и файл: /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 строки и не имеет «лишних» элементов.

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

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.

Метки: , , ,




Отправить ответ

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

avatar
  Subscribe  
самые новые самые старые самые популярные
Подписаться на
Сергей
Гость

Хорошая возможность избежать шаблонных решений.

Сергей
Гость

Еще одно лишнее слово «ЯЗЫК». По флагам понятно, что это переключение языка. НЕ имеет смысла дублировать текст и графическое изображение. А как это слово удалить?

Ольга
Гость

Здравствуйте! Подскажите, как можно загрузить шапку в формате *.jpg на сайт, вместо зеленой полоски. А то уже очень простой дизайн.

Ольга
Гость

Здравствуйте! По Вашим рекомендациям создала шапки на главной странице и на странице журнала. В системе будет 4 журнала с разными шапками. На главной странице не получилось поменять фон под заголовком. Хотелось бы еще поменять цвет шрифта на главной. Не подскажите как это сделать? Спасибо. Сайт пробный. http://www.energylife.dp.ua/index.php/index/index