Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Тема для WordPress в стиле Pinterest

21 сентября 2012 | Опубликовано в статьюшечки | 2 Комментариев »

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

 

Примеры сайтов в стиле Pinterest

Давайте посмотрим несколько примеров сайтов в стиле Pinterest, чтобы лучше понять, о чем идет речь. Они имеет ряд особенностей, например:

  • чистый дизайн
  • сеточная структура (настраиваемая сетка), динамический layout блоков разного размера
  • небольшой (часто фиксированный) хедер (все внимание сосредоточено на картинках)
  • удобная навигация, иногда — возможность фильтрации контента
  • часто встречается подгрузка контента и кнопка «вернуться вверх»

Как вы уже, наверное,  поняли все вышеперечисленное используется для того, чтобы пользователю мыло проще и удобнее найти нужную информацию. А вот примеры сайтов в стиле Pinterest:

InspireMe

Посетить сайт

Pinfinity (шаблон сайта)

ПодробностиДемо

Шаблоны для WordPress в стиле Pinterest

Существует множество бесплатных систем управление контентом, но WordPress давно стала любимицей многих. Благодаря большому количеству плагинов она имеет множество возможностей для создания разных видов сайтов (а не только блогов, как считают многие). Давайте посмотрим несколько примеров:

Pinterest Plus 

ПодробностиДемо

WP Pinterest Theme

ПодробностиДемо

PinBoard

ПодробностиДемо

Pinpress

ПодробностиДемо

Sampression — бесплатная тема для Wordpress

ОписаниеДемо

Инструменты, которые пригодятся при разработке такой темы

jQuery Mansory— плагин, который позволяет изменять сетку сайта это jQuery Mansory. Он стремится расположить все доступные элементы таким образом, что бы минимизировать пустые места по вертикали между ними. Его применение дает одни из лучших результатов для экранов мобильных устройств.

О том, как работать с этим плагином читайте  здесь

__________________________________________________________________________

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

__________________________________________________________________________

Плагин для WordPress Infinite Scroll позволяет добавлять бесконечную прокрутку на страницу с подгрузкой контента

__________________________________________________________________________

Быстрый подъем вверх страницы — урок по создании «Подняться вверх»

Автор — Дежурка

Возможно, вас также заинтересуют статьи:




Комментарии

  1. Юрий
    Thumb up Thumb down 0

    Здравствуйте! ищу плагин, который выводил бы посты таким же образом как описано тут "сеточная структура "

    Ответить

    Паша Ответ:

    Thumb up Thumb down 0

    Так в статье же вроде есть ссылки на соответсвующие плагины

    Ответить

Оставить ответ


семь − = 4

Вставить изображение