Полная настройка и доработка шаблона 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
Дело в том, что в шаблоне встроены шрифты, которые не корректно работают с кириллицей. Я просто отключил эти шрифты, стандартных вполне достаточно. Если кому нужно будет применить другие шрифты, можете ставить и другие работающие с кириллицей.
Вот так отображался шрифт…
Все почти слитно и выглядит не красиво, да еще и латинские буквы тоньше других. Я решил эту проблему вырезав лишний код из файла 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
Еще с одной трудностью столкнулись некоторые. Это установка соц. иконок. Тут проблем у меня не возникло, думаю попросту люди не установили специальный код, который отображает соц. иконку. Пример правильно заполненной формы соц. иконки на скриншоте ниже.
Стрелочкой я показал где должен располагаться код иконки, а ссылку, где можно посмотреть нужные коды иконок, я подчеркнул. Ну соответственно указываем адрес вашей соц. сети и ставим галочку, для открытия в новой вкладки при нажатии.
P.S. Если возникнут еще проблемы, пишите комментарии, я постараюсь их решить и дополнить пост.
Категория: , Настройка блога Метки: , настройка блога, Шаблоны
У меня почему-то заголовок статьи не прописывается как H1, а тема нравится. Можно как-то исправить?
Добрый день. У меня тоже Hueman. Подскажите, пожалуйста, как можно менять картинки в записях. В окне редактирование текста записи они отображаются в виде ссылки. Я еще совсем новичок, может быть просто не знаю очевидного?
Добрый день, у меня полная версия hueman и я разочарована, сильно подвисают картинки, хотя заявлено было, что шаблон очень оптимизирован. Сайт ravnovesie11.ru
Здравствуйте. Я не могу поменять цвет текста на главной странице, нигде не могу найти это в настройках. Цвет там бледно-серый и его плохо видно и читаемость хуже от этого.
Подскажите, как это исправить?
Буду благодарна за подсказку!
Как подключить соцсети? У Вас картинки не отображаются!