Работа с шаблоном Vertex (от Shape5)

Оцените материал
(3 голосов)

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

Что же всё таки в нём следует подправить и до настроить?

Добавляем русский шрифт в шаблон 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

Другие материалы в этой категории: « Шаблон Design Control (от Shape 5) Шаблон PEAK (от YOOtheme) »
Добавить комментарий


Яндекс.Метрика

По всем вопросам, связанным с сайтом просьба обращаться на e-mail: pontin@mail.ru