Перед вами — одна из последних работ от команды 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 Кб, 171 скачиваний)
Установка темы – обычная.
Проверял во всех основных браузерах и на движке WordPress 3.5.1.
В знак благодарности за мою работу просьба не убирать ссылку на мой сайт в подвале темы.
Будут вопросы, отзывы, советы – пишите в комментариях.
Возможно, вы хотите заказать у меня разработку уникального шаблона на любую тему для WordPress? Тогда пишите, мои данные есть на странице Контакты.
Возможно, вам будет интересно узнать создание сайтов казань?
Хотите следить за новыми публикациями на моем сайте – подпишитесь на RSS ленту.
Понравилась статья? Поделись с друзьями!
Отличный шаблон! Спасибо, что предоставили возможность с ним ознакомиться!
Вопрос: посмотрел Демо — там есть слайдер. Из этого моря шорткодов какой отвечает за слайдер, подскажите, пожалуйста?
Заранее благодарен
И я посмотрел демо — там нет слайдера.
Все изображения добавляются через секцию — Добавить миниатюру.