Шаблон Travelify

Shablon             Travelify11 Здравствуйте, дорогие читатели сайта «Тестируем шаблон». Рада новой встрече на блоге.

Сегодняшней статьей я хочу начать небольшой цикл зарисовок о шаблонах, которые можно использовать для фотоблога. Одна из моих читательниц обратилась с просьбой рассказать о шаблоне для ее нового проекта-фотоблога. Хочется сразу оговорится, что таких шаблонов огромное множество, и такой шаблон можно использовать не только для публикаций крупных фотографий, но для небольших статей с фотографиями такой шаблон как Travelify будет очень неплохо смотреться…

Мне все больше начинают нравится простенькие, не навороченные шаблоны, очевидные в настройках (видимо старею Worry ) и шаблон Travelify отвечает всем этим требованиям. После того, как вы нашли шаблон через поисковик шаблонов в админ панели блога( а для этого заходим в категорию “Внешний вид”_”Темы”_”Установить темы”_”Поиск” и в окошко поиска вносим название шаблона Travelify, либо скачали по адресу: http://wordpress.org/themes/travelify) загрузили и активировали, у вас в админ панели в категории настроек «Внешний вид» появится дополнительная строка для редактирования шаблона.

Shablon             Travelify

А начнем мы с особенностей шаблона, ссылки которых вы видите на фото выше (и не забывайте, что фото кликабельны для лучшего просмотра). По данным проверки плагина Theme Authenticity Checker (TAC) шаблон не имеет статических ссылок и вредоносного кода, хотя в подвале имеется две внешние ссылки: на сайт разработчиков и сайт Вордпресса.

Виджеты в шаблоне могут располагаться в трех областях: правом или левом сайдбаре по выбору и в футере на три колонки. Shablon             Travelify1

Меню в шаблоне  Travelify одно, но настроить его вы можете самостоятельно, а можете оставить по умолчанию.

Заголовок и фон в шаблоне можно настроить стандартным способом на соответствующих страницах в категории настроек «Внешний вид».

В шаблоне по умолчанию присутствует прокрутка страницы вверх, которая в настройках почему-то не отключается…

Что касается индивидуальных настроек шаблона на странице «Опции темы», то они состоят из четырех подразделов, каждый из которых мы рассмотрим несколько подробнее.

На странице (подразделе) под названием «Main Options» можно:

  • установить собственный логотип, либо оставить название сайта, а можно и текст и логотип отменить ;
  • установить фавикон, без использования дополнительного плагина ;
  • установить веб-клип иконку, которая работает как ярлык для сайта на домашний экран IOS устройств ;
  • далее можно выбрать макет шаблона по умолчанию, хотя для каждой отдельной статьи можно будет сделать макет для просмотра уникальный (рассмотрим чуть ниже);
  • ниже идет ссылка на страницу для загрузки собственного фона;
  • шестую и седьмую настройку на первой странице я изменять не стала, так как  настройка RSS есть среди всех социальных кнопок расположенных в заголовке, а на домашней странице я оставила выведение всех рубрик без исключения.

Shablon             Travelify2Shablon             Travelify3Shablon             Travelify4

На второй странице (подразделе) под названием «Featured Slider» можно отредактировать слайдер на главной странице. При просмотре статей и страниц слайдер просматриваться уже не будет..

Чем удобен данный слайдер? Настройка количества слайдов в слайдере элементарная: в поле рядом с количеством слайдов вписываете нужное число, сохраняете изменения и полей для рекомендуемых слайдов будет именно столько, сколько вам необходимо, при этом вы можете добавить или изменить уже настроенный слайдер в любое удобное время.

Shablon             Travelify5Shablon             Travelify6

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

Только имейте в виду, что в этой статье должна быть установлена миниатюра (а размер изображения для миниатюры взят 1018 на 460 пикселей, ну или очень близкий к этим размерам).  

Shablon             Travelify13

Миниатюра будет просматриваться не только в слайдере, но и на главной странице, и в архивах, а при открытии статьи будут просматриваться уже картинки в посту. (О том, как можно вывести миниатюры меньшего размера на главной, можно посмотреть здесь) Кстати, для фотоблога характерно большое количество крупных изображений, но можно загружать в медиабиблиотеку только изображения для миниатюр, а остальные хранить на стороннем ресурсе и устанавливать в статьи только код (я, например, очень люблю Яндекс-фотки, особенно для установки слайд-шоу.)

На второй странице «Featured Slider»  в опциях слайдера имеется также возможность отключения его на главной, выбор эффекта перехода(одиннадцать вариантов)  и два скоростных момента: задержка и длина перехода слайдов.

На фото ниже запечатлен переход слайдера в одном из вариантов (эффект второй -«протирать»).

Shablon             Travelify7

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

Shablon             Travelify8

Кнопки выглядят примерно так. На фото ниже в шаблоне установлен собственный фон, но не настроен заголовок  и логотип, сайдбар слева, в сайдбаре верхний виджет относится к плагину  Sidebar Photoblog.  Этот плагин делает красивый виджет с всплывающим окном и ссылкой на пост к данной картинке.

Shablon             Travelify12

На фото ниже установлен пример логотипа и видна подсветка кнопки твиттера,  а также убран сайдбар при просмотре данной статьи.

Shablon             Travelify9

На фото ниже в шаблоне установлен помимо фона еще и заголовок.

Shablon             Travelify10

Четвертый подраздел настроек для собственных файлов style.css.

Теперь хочется акцентировать  внимание,чем кроме крупного слайдера удобен шаблон Travelify в качестве шаблона фотоблога. Настраивая главную страницу, точнее макет по умолчанию, я бы выбрала сайдбар слева или справа, а вот уже при открытии самой статьи, чтобы фотографии просматривались на всю величину страницы, отмечала первый или второй (предпочтительнее) вариант без сайдбара (смотри фото ниже), таким образом просмотр фотографий будет более впечатляющим и читатели не будут отвлекаться на сайдбар. ;-)

Shablon             Travelify14Вот пожалуй и все о шаблоне Travelify, если только несколько моментов для более наглядного просмотра в видео: коротко о редактировании слайдера и других настройках. На видео рассматривается шаблон версии 1.3.6 на Вордпресс 3.6.1.

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

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

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

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

68 комментариев: Шаблон Travelify

  1. golodniy-kot пишет:

    уже лучше )) эстафету не хотите принять?

  2. Larisenok пишет:

    уж по мне как то перенасыщен или я уже запуталась в шаблонах)))

  3. Наталья пишет:

    :good: Юля, большое спасибо за статью. Шаблон очень понравился. Буду делать фотоблог.

    • Юлия пишет:

      Рада, что понравился. Я тут решила еще несколько шаблонов с похожими свойствами рассмотреть для фотоблога, но шаблон Travelify очень симпатичный :rose:

  4. Надежда пишет:

    Фото блог и художественную галерею,так же любые подделки удобно будет показать.

    • Юлия пишет:

      Привет, Надя. Столько времени тебя не слышно было. Надеюсь, что летние каникулы закончились и ты будешь нас чаще радовать новенькими находками ;-)

      • Надежда пишет:

        Привет,Юля. К ,Тебе на сайт я не забывала заходить. Просто недавно по дикому графику работала сил на комментарии не оставалось. Теперь вышла на основную работу и график более приемлем. Смотрю столько интересного появилось,будет чем заняться в ближайшее время. Смотрела видео уроки интересно,правда один неожиданный момент даже рассмешил.

  5. Надежда пишет:

    http://www.youtube.com/watch?v=LwxtkiaibhE#t=30 на 8.50. Но шаблон правда очень интересный. Если,кто и хочет поменять шаблон,лучше заходить к Тебе на сайт.

  6. Vegrecipes пишет:

    Нашел демо этого шаблона, и там есть одна особенность вывода блога в 3х вариациях: _http://colorlib.com/travelify/blog/ вот один из видов, где картинка отображается слева, а не на всю ширину. а вот как переключить на такой вид, я не смог понять….

  7. Евгений пишет:

    Добрый день.
    Подскажите как вы сделали, в записях на главной странице миниатюра выводится слева от статьи?
    Все перепробовал, миниатюра в центре :-(

    • Юлия пишет:

      Евгений, я Вам напишу ссылку, хотя эту инструкцию Вы скорее всего видели и в настройках шаблона сверху; прочитайте 10 пункт. Если что-то не получится пишите. Я буквально завтра постараюсь записать видео по этой настройке, так как упустила этот момент в статье о шаблоне, точнее мне ее подсказал внимательный читатель http://colorlib.com/wp/support/travelify/

  8. Роман пишет:

    Подскажите пожалуйста, как убрать из меню шаблона пункт «navigation»? он почему-то отображается по-умолчанию, где выключить не могу найти.

  9. Роман пишет:

    Спасибо за ответ! Удалил тему, загрузил с другого сайта, а не с админки wp, создал новое меню, поставил метку «область темы» — primary menu и «navigation» исчезло из меню

  10. Олег пишет:

    Здравствуйте! Тоже вот установил шаблон Travelify на свой сайт _http://doma-del.ru Использовал его как новостной сайт без слайдера.
    У меня к вам вопрос: тег почему то не действует в этом шаблоне! Т.е. выставляешь в админке все как надо а на самом сайте предложение обрывается на полуслове. Не подскажете как это исправить?
    Спасибо за ваш урок по шаблону.
    С уважением!
    Олег

  11. Олег пишет:

    извините недописал имеется в виду тег переноса «Далее»

  12. Юрий пишет:

    Вечер добрый,Юля! Я снова в гостях у Вас.Подскажите ,как в этой теме с footer убрать или изменить copyright.Просмотрел все файлы ,не нашел.Заранее спасибо!

    • Юлия пишет:

      Я в файле футера удалила участок

      < ?php /** * travelify_footer hook * * HOOKED_FUNCTION_NAME PRIORITY * * travelify_footer_widget_area 10 * travelify_open_sitegenerator_div 20 * travelify_socialnetworks 25 * travelify_footer_info 30 * travelify_close_sitegenerator_div 35 * travelify_backtotop_html 40 */ do_action( 'travelify_footer' ); ?>

      Только тогда вся информация
      «Copyright © 2014 WordPress Theme by Colorlib Powered by WordPress» исчезла из подвала, но тогда виджетов в подвале тоже не будет…

  13. Евгения пишет:

    Решение найдено!
    В файле wp-content/themes/travelify/library/functions/footer-extensions.php удаляйте в диве ссылки на тему:

    function travelify_footer_info() {

    $output = ».__( ‘Copyright ©’, ‘travelify’ ).’ ‘.'[the-year] [site-link]’.’‘;

    echo do_shortcode( $output );

    }

    P.S.: хотела прикрепить скриншот, но тут нет такой возможности :(

  14. Илья пишет:

    Здравствуйте. Волнует такой вопрос, возможно ли в панель соц сетей добавить например отсутствующий там Вконтакте или скайп без установки плагинов?

    • Юлия пишет:

      Не меняла изображения кнопок в коде… внести адрес страницы в принципе можно, только вот значок будет не ВК…
      надо попробовать код посмотреть…

      • Илья пишет:

        Смотрел в
        настройках CSS, нашел там эти значки но там указан странный путь к файлам картинок, пробовал вставить свой, не отображается

  15. Илья пишет:

    Вот например для фейса и твиттера:
    }
    .social-icons ul li a:hover {
    color: #fff !important;
    }
    .social-icons ul li.facebook a:before {
    content: ‘\f204’;
    }
    .social-icons ul li.facebook a:hover {
    background: #3B5998;
    }
    .social-icons ul li.twitter a:before {
    content: ‘\f202’;

  16. Наталья пишет:

    Илья, можно поставить код соц сетей в шаблон, не используя плагины. Посмотрите, может пригодится. _http://internetdlyachainikov.ru/addthis/html

  17. Яна пишет:

    Юлия, спасибо за полезную статью!
    Пожалуйста подскажите, как на баннер, который в слайдере, добавить ссылку на нужный пост?

    • Юлия пишет:

      Вы имеете ввиду именно шаблон Travelify? Настройки слайдера описаны в статье…А вот баннер здесь при чем…я не поняла…может изображение?

  18. Оксана пишет:

    Евгения немного ошиблась. Править файл нужно по адресу: \travelify\library\structure\footer-extensions.php

  19. Оксана пишет:

    я просто тоже долго мучалась с поиском этих спрятанных ссылок, и вот нашла его по вашей рекомендации поиска файла footer-extensions.php только в другой папке. Спрошу тут же у знатоков: ссылки почистила, то есть конец страницы сейчас вообще без окончания. Где-то можно забить просто текстом типа «2015 Все права защищены» — я пыталась добавить виджет в футер Текст — но на моем как-то не симетрично получается — в виде прямоугольника. Хочется по всей длине. А найти в Консоли не могу где прописать. Спасибо.

  20. Евгения пишет:

    Видимо слишком сильно почистили… _http://pood.shark.ee/ тут стерто только что касается темы. Если нужно, на имейл вышлю код как он в этом сайте правлен.

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

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

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