Полная настройка и доработка шаблона Hueman

Полная настройка и доработка шаблона Hueman

Полная настройка и доработка шаблона Hueman

Решил на основном моем блоге поменять шаблон Вордпресс. Выбрал вот этот — Hueman. Но столкнулся с некоторыми проблемами: корявый перевод, проблемы с работой слайдера, да и настроить с нуля его не очень то легко. Вот и решил я написать о полной настройке и возможной доработки шаблона — Hueman (Вордпресс). Тем более, что встретил много блогов, где куча вопросов у людей, но авторы блога не охотно решают проблемы. Я же решил пойти дальше.

Что же я сделал и поменял в шаблоне

  • Настроил слайдер на главной
  • Изменил отображение шрифтов
  • Правильная установка соц. иконок

Настройка слайдера в шаблоне Hueman

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

Как сделать что бы слайдер сам крутил содержимое. Для этого следует поправить код в файле — wp-content/themes/hueman/inc/featured.php

Ищем в этом файле строки:

if (image.complete || image.readyState == ‘complete’ || image.readyState == 4) {
    clearInterval(checkforloaded);
    jQuery(‘#flexslider-featured’).flexslider({
    animation: «slide»,
    useCSS: false, // Fix iPad flickering issue
    slideshow: false, 

У меня строка (slideshow: false,) под номером 67. В этой строке следует заменить false на true. Сохранить файл  закинуть обратно на сервер. Теперь слайдер в теме Hueman будет сам крутить содержимое.

Отображение шрифтов в шаблоне Hueman

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

Вот так отображался шрифт…

Полная настройка и доработка шаблона Hueman

Все почти слитно и выглядит не красиво, да еще и латинские буквы тоньше других. Я решил эту проблему вырезав лишний код из файла Style.css.

На 24 строке находим (font-size: 100%; font: inherit;) и заменяем на — (font-size: 14px;).

Теперь следует удалить в этом же файле содержимое, которое отвечает за отображение символов в записи. После чего латинские буквы станут одинаковы по толщине с кириллическими.

Ищем строку:

(/* common : fonts
/* ———————————— */
body, input, textarea, button, select, label { font-family: «Titillium Web», Arial, sans-serif; })

Все что ниже ее удаляем. Точнее со строчки 331 — 384. У вас запись должна продолжаться дальше со следующей строки:

(/* common : responsive videos
/* ———————————— */)

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

Как установить социальные иконки в шаблоне Hueman

Еще с одной трудностью столкнулись некоторые. Это установка соц. иконок. Тут проблем у меня не возникло, думаю попросту люди не установили специальный код, который отображает соц. иконку. Пример правильно заполненной формы соц. иконки на скриншоте ниже.

Полная настройка и доработка шаблона Hueman

Стрелочкой я показал где должен располагаться код иконки, а ссылку, где можно посмотреть нужные коды иконок, я подчеркнул. Ну соответственно указываем адрес вашей соц. сети и ставим галочку, для открытия в новой вкладки при нажатии.

P.S. Если возникнут еще проблемы, пишите комментарии, я постараюсь их решить и дополнить пост.

Категория: , Настройка блога Метки: , настройка блога, Шаблоны

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

пять × 5 =