Анна Ладошкина, Теплица социальных технологий

WordCamp Russia 2013

Адаптивный контент в WordPress

Анна Ладошкинаруководитель отдела разработкиТеплицы социальных технологий

/ Привет, WordCamp!

http://te-st.ru

Современный сайт = адаптивный сайт

ответ: адаптивный дизайн

вызов: рост мобильного трафика и числа форматов устройств

Адаптивный дизайн требует нового подхода к управлению контентом

Адаптивный контент создается один раз и может быть использован многократно в различных сценариях и платформах

/ Компоненты адаптивного контента

Структура Независимость от представления

Метаданные Сценарии использования

Главное препятствие -единый контентный блок

Как исправить ситуацию?

/ Структурирование

Использование разных объектов контента вместо одного

Создание структуры внутри объекта

Custom post types & Custom taxonomies

Metadata (custom fields) Metaboxes (UI)

/ Знакомый интерфейс?

Плагины

● GD Custom Posts And

Taxonomies Tools

● Advance Custom Fields

● Posts 2 Posts

/ Независимость от представления

Запрет на визуальный редактор

Использовать HTML в тексте как можно реже

Shortcode API

add_filter('user_can_richedit', '__return_false');

/ Пример /Адаптивные изображения

[insert_media id="194" size="medium" link="file"]

<img data-id="194"src="http://example.ru/wp-content/uploads/2013/06/image.jpg" alt="image" width="600" height="400" class="alignnone size-medium wp-image-194" />

Разметка определяется темой

/ Сценарии представления

Манипуляция шаблоном в зависимости от среды просмотра

переключение темыадаптивная тема

Спасибо!

te-st.rufacebook.com/TeplitsaST