Шаблон EvoLve продолжение

devushka-temnoglazaya-bryunetka Доброго времени суток уважаемый читатель.

Сегодня мне всё таки удалось уговорить себя вернуться к шаблону EvoLve и рассказать о том, что шаблон EvoLve настолько отвечает своему названию «Развиваться», что первую статью о шаблоне читать подробно уже и не стоит, лучше просто открыть настройки и пройтись по ним заново…

Начиная свой сайт о том как можно настроить тот или иной шаблон я видимо совсем забыла, что обновления бывает настолько видоизменяют настройки шаблона: и приходиться всё смотреть заново, при этом чувствую я себя не очень уютно-ведь предыдущие статьи уже не перепишешь, а информацию выдавать с такими несоответствиями просто не хочется…

Поэтому сижу я примерно вот так задумчиво и уговариваю себя на новую статью))
devochka-rebenok-spagetti

Кстати, в последнем обновлении (на сегодняшний день) появились еще настройки для Лайтбокс галереи и сайд-шоу FlexSlider, правда только для платного варианта, но если учесть, что в бесплатном варианте имеется три слайдера и одно слайд-шоу, то и этого вполне достаточно для того, чтобы приглядеться к шаблону EvoLve повнимательнее…Итак.

Начнём рассмотрение со слайд-шоу, которое, сразу оговорюсь, не кликабельное, то есть перейти с картинки на какую-то статью или рубрику сайта не получится, будет просто для красоты, ну и текст поверх картинки для информации…

Для  начала, чтобы иметь представление как будет выглядеть слайд-шоу нужно зайти в настройку «Внешний вид»_ «Виджеты» и установить имеющийся виджет «Карусель слайдер» в нужную область. (Учитывая внешний вид «Карусель слайдера»,  лучше он смотрится в футере, если Вы там будете использовать одну колонку…)На фото ниже видно как можно заменить картинки, установленные по умолчанию, на свои собственные: только очень аккуратно меняем адреса, то есть URL.

shablon evolve1

Для нужных параметров изображений я скачала картинки приближенные по ширине к ширине моего блога ( выбранная ширина в шаблоне в генеральных настройках 1200 пикселей), а вот высоту я выбрала 300 пикселей и отредактировала все четыре картинки не выходя из админки (Как можно отрезать ненужный фрагмент в админке я описывала не так давно вот в этой статье)

shablon evolve

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

shablon evolve2

Кстати, если Вы захотите сделать больше картинок в слайдер-шоу, то в самом начале кода виджета копируйте участок <li data-target=’#myCarousel’ data-slide-to=’3′></li>, добавляйте аккуратно ниже и меняйте 3 на 4, а участок где Вы меняли (красным у меня-адрес картинки, а зелёным текст) тоже копируете, устанавливаете соблюдая симметричность, т.е не в самом низу, а до предпоследнего тега </div>

<div class=’item’>

<img src=’http://Yullia.fbuzkorkino.ru/wp-content/uploads/2015/05/priroda-osen-ozero-derevya-2187-e1430499448757.jpg‘ alt=» />
<div class=’carousel-caption’>
<h4>Красавица осень…</h4>
</div>
</div>

Вот вроде по виджету «Карусель слайдер» и вся информация, но кроме этого специфического для данного шаблона виджета есть ещё виджет с вкладками Tabs: если будете использовать, то можете отметить все три вкладки-популярные сообщения, последние и комментарии, можно отметить только нужные позиции…

shablon EvoLve18

Теперь давайте перейдём к основным настройкам шаблона EvoLve, расположенных на нескольких вкладках в разделе «Внешний вид»_»Опции темы», а точнее к подразделу  Front Page Content Boxes, которые можно определить как текстовые коробки, точнее информационные колонки на главной сразу под слайдером, или слайдерами, если Вы решитесь оставить на главной не один слайдер…

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

shablon EvoLve13

В админке настройка колонок выглядит так: чтобы работали все четыре коробки, надо чтобы каждая коробка в настройке была включена, то есть в чекбоках напротив всех должна стоять галочка, или как видим в переводе -флажок. На примере первой видно, что первый текст покрупнее это будет название, затем идёт поле с названием иконки, ещё ниже можно отредактировать цвет иконки, и ещё ниже описание, заканчивается настройка каждой коробки ссылкой на нужную страницу или рубрику, где вместо выделенного синим знака в поле  «Содержимое коробки 1 Кнопка» нужно вписать адрес статьи или рубрики, ну и сохранить естественно..   Для тех, кому иконки по умолчанию  не нравятся я хочу предложить следующий вариант. Как видно на том же фото рядом с названием иконки в скобках стоит название сайта, где эти иконки были заимствованы, а значит мы тоже можем ;-)  shablon EvoLve14

По адресу http://fortawesome.github.io/Font-Awesome/icons/ можно подобрать иконки на свой вкус

shablon EvoLve15

После выбора просто нажимаете на иконку и при переходе на отдельную страницу копируете название иконки

shablon EvoLve17

У меня вместо первоначальных иконок получилось вот так:

shablon EvoLve16

На сегодня пока всё. Демо-версию шаблона можно посмотреть по адресу http://demo.theme4press.com/?theme=evolve. В следующей статье я наконец-то расскажу о настройке трёх слайдеров, имеющихся в шаблоне по умолчанию и дам ссылку на свой экспериментальный блог, где настроен шаблон EvoLve. Надолго не прощаюсь, с Вами была Юлия. Всем удачи!

:heart: Расскажи другу, пусть тоже дизайном займется :good:
  • Добавить ВКонтакте заметку об этой странице
  • Мой Мир
  • Facebook
  • Twitter
  • LiveJournal
  • LinkedIn
  • Digg
  • Blogger
  • Блог Li.ру
  • Сто закладок
  • RSS
  • Одноклассники

Об авторе Юлия

Меня зовут Юлия. Этот сайт я начала из-за моей проснувшейся и непонятной любви к рассмотрению настроек шаблонов. Сама я пока создавать темы на Вордпресс не умею, но надеюсь, что это когда-нибудь случится. Пишите в комментариях свои вопросы: я обязательно отвечу. Ну и замечания тоже приветствуются-))
Метки: , . Закладка Постоянная ссылка.

2 комментария: Шаблон EvoLve продолжение

  1. Денис пишет:

    Шаблон evolveВерсия: 3.5.0 не могу сделать автоматическую постраничную навигацию. Есть страница и на ней большой текст. При помощи все работает, но приходиться лопатить весь сайт и разбивать вручную. можно ли сделать так что бы страницу разбивало автоматически? За ранее спасибо!

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

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

[+] Жми на плюс- Открой тайник- Чтоб прикольный СМАЙЛ возник!
:bye: 
:good: 
:negative: 
:scratch: 
:wacko: 
:yahoo: 
B-) 
:heart: 
:rose: 
:-) 
:whistle: 
:yes: 
:cry: 
:mail: 
:-( 
:unsure: 
;-)