Социальные сети имеют значительное влияние и уже давно стали частью жизни многих людей. Теперь их используют не только для общения с друзьями, но и для развития бизнеса, поиска работы и многого другого. На данный момент существует не так мало социальных сетей, одна из них -  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 позволяет добавлять бесконечную прокрутку на страницу с подгрузкой контента

__________________________________________________________________________

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

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

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

• Игры для дизайнеров
• 30+ примеров использования минимализма в веб-дизайне
• Качественные шаблоны сайтов
• Модульные сетки в веб-дизайне
• Дизайн блога: креативные блоги на Tumbrl