Бесплатный шаблон с адаптивным дизайном для WordPress — Tresto

Разместил / Просмотров: 6 901 / комментария 83

Привет, друзья. Сегодня хочу Вас порадовать небольшими бесплатностями, а именно представить Вам совершенно бесплатный шаблон для WordPress с адаптивным дизайном от блога beloweb.ru — Tresto. Надеюсь, что он Вам понравится и Вы будете устанавливать его на свои блоги.

Хочется выразить огромную благодарность Cuba Gallery за изображения, которые используются в демо шаблона. Изображения с шаблоном не идут.

Демо ι Скачать

  • Теперь кратко о некоторых особенностях шаблона.
  • Особенности
  • HTML5 и CSS3
  • Фиксированное меню
  • Популярные записи в сайдбаре с миниатюрами
  • Адаптивный дизайн
  • Встроенная навигация
  • Анимация блоков при загрузке шаблона (Видно в демо)
  • Страница с настройками шаблона в админке блога
  • Хлебные крошки
  • Древовидные комментарии
  • Готовая страница с контактами
  • Готовая карта сайта

Ну а теперь давайте остановимся на некоторых функциях подробнее

Адаптивный дизайн

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

Адаптивность Tresto Вы сможете проверить с помощью сервисов для проверки адаптивного дизайна.

Страница с настройками

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

Анимация при переходах

В данной работе решил сделать анимацию на CSS которая работает когда пользователь переходит по страницам. Чтобы было яснее как она работает, просто посмотрите демо шаблона и Вам сразу будет все понятно :) Если Вам эта анимация не нравится, то Вы её свободно сможете отключить в настройках.

Популярные записи

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

Поддержка

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

Демо ι Скачать

Вот и всё :) До скорых встреч.

  • Максим Лебединец

    Мне вот интересно что это за структура такая header в header-e! Ошибочка произошла, там скорее всего должен был быть section

  • Извиняюсь, уже исправил. В смысле какой блок? С таким классом у меня там блока нет.

  • Максим Лебединец

    Блок content имеет нулевую высоту но у него есть отступ 50 пк! не проще было просто сделать margin-top:50px?!
    Еще вопрос, Вы создали враппер middle чтоб очистить флоат я так понял!?

  • Возможно, но этот блок равняет правую и левую сторону. Мне так просто удобнее было сделать. :)

  • Максим Лебединец

    Это Вы про content ответили!?
    Вы не используете fluid-grid, я так понял что это Ваша личная сетка, да?

  • Сетка личная конечно. Просто пока не пробовал использовать сторонние сетки.

  • Максим Лебединец

    Ясно, есть и свои в этом плюсы!)
    И не поймите что придираюсь, не совсем целесообразно использовать для постов статическую высоту в 750?

  • Просто сделал такой запас, так как длинна заголовков у людей разная. :) По этому лучше с запасом.

  • Юлия Ли

    Добрый день . Возник вопрос, при публикации картинок на моём блоге.картинки показываются только когда нажимаешь тему статьи http://soulenergy.ru/ . И в сайдбаре напротив названия статьи не отображаются картинки — там нужен дополнительный плагин? Подскажите какой. Вывод похожих статей по теме — это тоже плагин? http://wpd.beloweb.ru/tresto/2013/10/06/%D0%BA%D0%B0%D0%BA-%D1%81%D0%B4%D0%B5%D0%BB%D0%B0%D1%82%D1%8C-%D0%B4%D0%BB%D0%B8%D0%BD%D0%BD%D1%83%D1%8E-%D1%82%D0%B5%D0%BD%D1%8C-%D0%B4%D0%BB%D1%8F-%D0%BE%D0%B1%D1%8A%D0%B5%D0%BA%D1%82%D0%B0-%D0%B2-p/ ( самый низ страницы)

  • Здравствуйте, Юлия. Вам просто нужно задать миниатюру. Она задаются при создании записи. Справа будет блок, а там надпись «Задать миниатюру»

  • Юлия Ли

    Благодарю! Разобралась!

    А с этим как? Подскажите какой. Вывод похожих статей по теме — это тоже плагин? http://wpd.beloweb.ru/tresto/2… ( самый низ страницы)

  • Вы имеете ввиду «посты по теме» нет, это не плагин, используется код, который выводит посты по меткам.

  • Юлия Ли

    Возник вопрос, при публикации картинок на моём блоге. картинки показываются только когда нажимаешь тему статьи http://soulenergy.ru/ , а как сделать так, как на демо http://wpd.beloweb.ru/tresto/ , чтобы картинки показывались в начале статей

  • Юлия Ли

    этот код есть в самом шаблоне?

  • Да именно.

  • Если правильно понял, нужно миниатюры для всех статей задавать, а не только для одной. Сейчас на Вашем сайте я вижу только одну миниатюру, для других постов они не заданы.

  • Юлия Ли

    С миниатюрами поняла))) , Сейчас разбираюсь со всеми функциями))) Мне всё больше и больше нравится шаблон!

  • Юлия, рад, что Вам понравился шаблон, пользуйтесь на здоровье :)

  • Игорь

    Здравствуйте. Хотел бы узнать, вот в шаблоне форма контакта для отправки на емайл, письмо не приходит, менял на другой емайл, все ровно не помогло.
    И еще такой вопрос, в файле стилей нашел строчку «.more-link a {«, поменял значение кнопки «далее», что бы поднять ее выше, ближе к тексту, но теперь внизу под кнопкой у меня пустошь без текста, как поднять и ее, надеюсь вы меня поняли)

  • Игорь, только что форму проверил всё работает. По поводу кнопки далее для неё лучше задать абсолютную позицию. А лучше давайте скриншот :)

  • Игорь

    Выделил, что интересует) И так: 1е- на рисунке выделил, нужно удалить эту пустошь, не нашел, в каком файле искать)) и 2е — на рисунке выделил тоже, как сделать отступ на одну строчку в низ, пробовал теги не помогло((
    Заранее спасибо!

  • Игорь, чтобы увеличить отступ во втором случае, найдите в стилях класс .postThumb и добавьте для него правило margin-top.

    Чтобы убрать расстояние в первом случае, найдите #postBox и уменьшите значение height:750px;

  • Игорь

    Спасибо!

  • На здоровье :)

  • Игорь

    И опять я)) Подскажи, «Посты по теме», что идут под записью, хочу, что бы кликалась картинка еще , а не только текст под ней. Заранее спасибо)

  • Игорь в таком случае поставьте какой нибудь плагин популярных записей :)

  • Игорь

    Тоже вариант =) Шаблон удивил, красивый, все настроил, вот с меню трабла — зазор большой появился, скрин прилагаю. Я так понял что это файл стилей надо править? если да, то подскажи пожалуйста строчку где и что заменить. Буду признателен за помощь=)

  • Игорь, это редактируется в стилях в id #fdw ul li ul.sub-menu

  • Никита

    Здравствуйте, очень хорошая тема, но не могли бы подсказать , как сдлеать, чтобы textprewierr кончался там , где я вставляю тег Далее

  • Здравствуйте, Никита. Не совсем понял вопрос, можно подробнее?

  • Никита

    Превью текста, чтобы заканчивалась там, где я вставляю в записи тег далее
    И без миниатюры, чтобы картинка была просто первая которую я вставил первой

  • Никита, в файле index.php замените строчку ?php the_excerpt(); ? на ?php the_content(); ?

  • Никита

    Спасибо, а как сжедать, чтобы граница поста кончалась там где тег далее

  • Измените высоту блока в стилях id postbox

  • Алеся Левитская

    А вылезающий за рамки текст — это к Вам, не к Вам?! В редакторе не получилось «сузить» текст. Может тогда расшить «белый лист»?

  • Алеся, в стилях в классе .cont ul li поставьте width:90%;

  • Алеся Левитская

    поставила. Получилось .cont ul li {
    width:90%;
    background: url(images/list.png) 0px 9px no-repeat;
    padding:5px 0 5px 18px;
    color:#000;
    font-weight:normal;
    line-height:18px; Не помогло, увы!

  • Попробуйте вот этот класс .cont ol li

  • Алеся Левитская

    сделала .cont ol li — не помогло. Сделала в оба по 90 — то же не помогло! Как вылезал текст за границы белого листа, так без изменений до сих-пор торчит. Невероятно красивый шаблон, который бы отлично вписался бы в мой блог женской тематики, но почему — то с текстом не хочет дружить.

  • Попробуйте в обоих классах задать ширину в пикселях, по стандарту стояло 660 поставьте 600

  • Алеся Левитская

    Спасибо. Но оказалось, что проблема была в другом. Нужно было просто его подчистить, перевести на русский до конца и всё разрешилось само-собой. До сих пор понять не могу эту взаимосвязь, но именно после очистки шабла от ненужного «хлама» — текст выпрямился сам собой.

  • Вы имели ввиду плагины?

  • Алеся Левитская

    да, я имела ввиду избавление от всего английского, что присутствовало на блоге после его установки.

  • Игорь

    Здравствуйте, хотел бы узнать у вас, когда вы выложите код, что бы показывало сколько просмотров у записей, как у вас в данный момент в сайдбаре=)

  • Здравствуйте, Игорь. Просто установите плагин Post Views и будет Вам счастье :)

  • Dvoryashin

    Подскажите пожалуйста, скачал Вашу тему и столкнулся с такой проблемой. Миниатюры все разного размера и обычно выходят за рамки тех что в демо (844 на 380), из-за этого шаблон частями съезжает. Можно как-то подогнать все миниатюры под один нужный размер?

    И еще, как можно вернуть постраничную навигацию?

  • Здравствуйте, с миниатюрами возможно из за того что они меньше чем нужно делайте большие. А что случилось с навигацией?

  • Dvoryashin

    Они скорее больше чем нужно, причем гораздо. Можно как-то сделать все миниатюры одинакового размера? Или какой может быть выход?

  • Попробуйте перезадать миниатюру, только главное её загрузить заново и задать. Тогда всё будет отображаться корректно.

  • Иван Исекеев

    И как это убрать?

  • Guest

    И вот еще

  • Иван Исекеев

    и вот еще

  • Задайте метки всем записям, чтобы отображались похожие посты

  • Перезадайте миниатюру для записи, удалите старую и загрузите новую.

  • Иван Исекеев

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

  • Иван Исекеев

    Тоже самое.

  • Иван Исекеев

    Сами посмотрите: irisska.tk или iriska.tk (бывают проблемы с доменом на разных провайдерах).

  • Иван Исекеев

    И почему криво отображаются популярные записи, которые от шаблона?

  • Ещё раз повторяю, удаляйте миниатюры и загружайте новые.

  • Иван Исекеев

    я тоже повторяю, не помогает…

  • Значит, грузите изображения слишком маленькие.

  • Иван Исекеев

    огромные загружаю

  • Какое разрешение?

  • Иван Исекеев

    600 на 398

  • Мало, не меньше 900

  • Иван Исекеев

    Спасибо, помогло.

    P.S хотел удалить сыллку из дизайна, но расхотел.

    «И не стыдно тебе ссылку удалять? :-) Оставь, я же старался :-)»

  • Вот вот :)

  • Иван Исекеев

    Понравился сайт, добавил у себя на сайт ссылку на ваш сайт=). Запутанооо….

  • Vlad

    Здравствуйте!

    А возможен ли вывод изображений на главной странице без добавления миниатюр?

  • Александр, спасибо огромное за шаблон. Это просто именно то, что мне нужно! Искал по всему интернету, а в итоге нашел у тебя. Только вот вопрос — какие файлы шаблона отвечают за страницу категорий и вывода постов, и за вывод поста. Я так понял, что за вывод списка постов — archive.php, а за вывод отдельного поста — single.php. Все верно? За что тогда отвечает файл index.php?

  • Здравствуйте, рад, что Вам понравился мой шаблон. archive.php отвечает за вывод постов по категориям и меткам. index.php выводит посты на главной.

  • Джексон

    Доброго дня.
    Подскажите пожалуйста как удалить второе (нижнее меню). Не могу найти.
    Спасибо

  • В footer.php

  • Димарик

    Вот еще вопрос… при задании миниатюры на главной странице сайта появляется большое изображение. Можно ли сделать чтобы изображение было меньше. А в идеале:

    Фото текст текст

    текст текст текст

  • Можно, но много переделывать нужно

  • Димарик

    Ok, и еще один вопрос, может я чего то упустил… У вас на скрине в статье видно популярные записи, однако в виджететах есть только свежие записи. Как поставить этот виджет?
    Спасибо

  • Он должен отображаться, или же гляньте в настройках шаблона

  • Клим Иванов

    А почему на списки не действуют стили текста, я про то почему слова в списках выглядят не так как в основном тексте?

  • Клим Иванов

    Можете мне помочь? При уменьшении окна появляется много пустого места, если редактировать стили ориентируюсь на уменьшенную версию, то в полном размере тест выезжает за белое поле. Как это исправить?

  • Это место белое сделано для длинных заголовков, лучше его не убирать.

  • Немного выделяется, шрифт списков темнее чем основной текст

  • Клим Иванов

    И все таки можете подсказать что в стилях контролирует длину этого окошка ? Я изменял параметр height, но он менял только размер окна в нормальной величине

  • В стилях CSS для адаптивного дизайна, #postBox — этот класс находится снизу всех стилей