Данный шаблон является одним пожалуй самым функциональным из бесплатных. К тому же он вполне не сложен в освоении и настройке.
Что же всё таки в нём следует подправить и до настроить?
Добавляем русский шрифт в шаблон Vertex:
Сам шаблон содержит большой выбор шрифтов, подключаемых из Google fonts, но по-умолчанию они подключаются только для латинских символов. Ниже приведён способ, как "приучить" Vertex и к кириллическим символам.
Как добавить набор шрифтов (Font character set) в шаблон:
В файле по адресу templates\shape5_vertex\vertex\css_and_js.php найти строчку подключения шрифта со следующим кодом:
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=<?php echo $s5_fonts;?>" />
и заменить на дополненный:
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=<?php echo $s5_fonts;?>&subset=latin,cyrillic" />
Как добавить Highlight шрифт (Highlight Font character set):
Находим в файле здесь: templates\shape5_vertex\index.php следующий код (линия 35-40)
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=<?php echo $s5_fonts_highlight ?>" />
и заменяем на этот:
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=<?php echo $s5_fonts_highlight ?>&subset=latin,cyrillic" />
Чтобы вывести демо-шрифт во всплывающую превьюшку в админ панели:
В файле: templates\shape5_vertex\vertex\admin\js\jquery.vertexAdmin.min.js находим этот код (линия 990-1000)
var style_sheet = jQuery('<link href="http://fonts.googleapis.com/css?family=' + font + '&v2" rel="stylesheet" type="text/css" />');
и модифицируем (меняем на следующий кусочек кода)
var style_sheet = jQuery('<link href="http://fonts.googleapis.com/css?family=' + font + '&subset=latin,cyrillic" rel="stylesheet" type="text/css" />');
(этот кусочек встречается в старых шаблонах '&v2 и относится к шрифтам второго поколения, впоследствии Google все шрифты, вернее код вывода унифицировал, в данный момент не актуально)
Далее, находим следующий кусочек, обычно через две строчки от того что выше...
var preview = jQuery('<div />').addClass('font-preview').text('This is a preview of your chosen font.');
И меняем на то как это будет выводиться в админке (лучше не удаля английскую раскладнку дополнить кириллической, чтобы одновременно можно было проверять вид обоих раскладок в конкретном шрифте). Обязательно проверяем кодировку файла (должна соответствовать кодировке сайта иначе кириллица в вообщении видна не будет)
var preview = jQuery('<div />').addClass('font-preview').text('This is a preview of your chosen font.Это текст на Великом и Могучем, короче, это Русский шрифт.');
Как добавить другие шрифты из колекции Гугла (google fonts):
Добавить название шрифта, (например PT Sans Narrow) в файлик по адресу: templates\shape5_vertex\vertex\admin\googleFonts.php
$googleFonts['PT Sans Narrow'] = 'PT Sans Narrow';
Исходный текст взят Форума русской поддержки Shape5