Перед вами — одна из последних работ от команды 5Sites под названием Shortnotes. Тема выполнена с поддержкой Responsive Design (адаптивный дизайн), о котором я уже не раз рассказывал в своих статьях и выкладывал достаточное количество переведенных мной тем WordPress, выполненных с поддержкой этого стиля.

Responsive Design — адаптивный веб-дизайн, который обеспечивает отличное восприятие сайта на различных устройствах, начиная с смартфонов и заканчивая большими мониторами. Более подробно, если интересно, можете прочитать в Википедии. Чем отличается адаптивный дизайн от резинового стиля?

Резиновый стиль поддерживает возможность растягиваться на всю или почти всю ширину экрана монитора. При его применении чаще всего веб-дизайнеры используют варианты свойств блоков (контейнеров DIV), когда задаются не фиксированные размеры в px (пикселах), а процентные параметры (например, вместо width:960px — width:100%)

Демонстрация

В адаптивном дизайне все гораздо сложнее. Используются специальные фреймворки с поддержкой HTML5 — новый класс свойств, который создан в первую очередь для поддержки мобильных девайсов. Его применение параллельно с обычным стандартом HTML 4.0.1 создает возможность адаптации дизайна сайта под любое разрешение экрана, независимо от устройства и без потери возможности отображения медиа-контента. Если ваша тема выполнена без поддержки HTML5 — на мобильном девайсе (смартфон, планшет, iPhone, Samsung Galaxy) вы увидите ваш сайт небольшим фрагментом на экране. Например, этот каталог был написан для корректного отображения на мониторе с разрешением 1024px в ширину. Любой девайс меньшего размера покажет только часть сайта и придется его перемещать, чтобы найти нужный контент. В адаптивном дизайне макет сайта сожмется, картинки уменьшаться до размера, который будет отображаться целиком, шрифт уменьшиться, меню изменит свой стиль вывода, и т.д.

Тема WordPress Shortnotes как раз поддерживает такой вариант стиля. Она выполнена в стандартном варианте блогового дневника, лента новостей на главной, правая колонка Сайдбар. Каждая запись в ленте имеет свой стиль, выраженный разными иконками для каждого типа записей: стандарт, изображение, видео, цитата и т.д. В таком формате была когда-то создана социальная сеть Tumblr — сервис микроблоггинга.

Тема имеет панель настроек со стороны администратора. После активации темы в самом низу приборной панели администратора вы найдете вкладку по имени — ThemeOptions. Открыв ее вы увидите несколько вкладок настроек. Я не переводил эту панель на русский язык, посчитав, что она интуитивно понятна и с ней справится любой, даже со слабыми знаниями английского.

Какие параметры вы можете настроить:

• Добавить Логотип-картинку или оставить текстовый заголовок
• Значок Favicon
• Возможность подключения Google Web Font
• Настроить две страницы-шаблона: Контакт и Без Сайдбаров
• Подключить 9 социальных сетей
• Подключить код счетчика

В теме авторы создали возможность использования большого списка коротких кодов. Найти весь список коротких кодов вы можете на страницах редактирования Записей и Страниц.

Есть один авторский виджет — последние Tweets.

  Тема WordPress Shortnotes (833,9 KiB, 41 скачиваний)

Установка темы – обычная.

Проверял во всех основных браузерах и на движке WordPress 3.5.1.

В знак благодарности за мою работу просьба не убирать ссылку на мой сайт в подвале темы.

Будут вопросы, отзывы, советы – пишите в комментариях.

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

Возможно, вам будет интересно узнать создание сайтов казань?