Слайды к докладу на WordCamp Russia 2013. Создание адаптивных сайтов требует новых подходов не только к дизайну или верстке, но и управлению контентом. Может ли привычная и устоявшаяся система, такая как WordPress, справится с такой задачей? Посмотрим, какие инструменты она предоставляет для этого и чего нам все еще не хватает.

1. Анна Ладошкина, Теплица социальных технологий
WordCamp Russia 2013
Адаптивный контент в WordPress

2. Анна Ладошкина
руководитель отдела разработки
Теплицы социальных технологий
/ Привет, WordCamp!
http://te-st.ru

3. Современный сайт =
адаптивный сайт
ответ: адаптивный дизайн
вызов: рост мобильного трафика и
числа форматов устройств

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

5. / Компоненты адаптивного
контента
Структура
Независимость
от представления
Метаданные
Сценарии
использования

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

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

8. / Структурирование
Использование разных объектов контента
вместо одного
Создание структуры внутри объекта
Custom post types & Custom taxonomies
Metadata (custom fields) Metaboxes (UI)

9. / Знакомый интерфейс?
Плагины
● GD Custom Posts And
Taxonomies Tools
● Advance Custom Fields
● Posts 2 Posts

10. / Независимость от
представления
Запрет на визуальный редактор
Использовать HTML в тексте как можно реже
Shortcode API
add_filter('user_can_richedit', '__return_false');

11. / Пример /
Адаптивные изображения
[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" />
Разметка определяется темой

12. / Сценарии представления
Манипуляция шаблоном в зависимости
от среды просмотра
переключение темыадаптивная тема

13. Спасибо!
te-st.rufacebook.com/TeplitsaST