Download - Адаптивный контент в WordPress
![Page 1: Адаптивный контент в WordPress](https://reader034.vdocuments.pub/reader034/viewer/2022042700/558ebc191a28ab901f8b46ca/html5/thumbnails/1.jpg)
Анна Ладошкина, Теплица социальных технологий
WordCamp Russia 2013
Адаптивный контент в WordPress
![Page 2: Адаптивный контент в WordPress](https://reader034.vdocuments.pub/reader034/viewer/2022042700/558ebc191a28ab901f8b46ca/html5/thumbnails/2.jpg)
Анна Ладошкинаруководитель отдела разработкиТеплицы социальных технологий
/ Привет, WordCamp!
http://te-st.ru
![Page 3: Адаптивный контент в WordPress](https://reader034.vdocuments.pub/reader034/viewer/2022042700/558ebc191a28ab901f8b46ca/html5/thumbnails/3.jpg)
Современный сайт = адаптивный сайт
ответ: адаптивный дизайн
вызов: рост мобильного трафика и числа форматов устройств
![Page 4: Адаптивный контент в WordPress](https://reader034.vdocuments.pub/reader034/viewer/2022042700/558ebc191a28ab901f8b46ca/html5/thumbnails/4.jpg)
Адаптивный дизайн требует нового подхода к управлению контентом
Адаптивный контент создается один раз и может быть использован многократно в различных сценариях и платформах
![Page 5: Адаптивный контент в WordPress](https://reader034.vdocuments.pub/reader034/viewer/2022042700/558ebc191a28ab901f8b46ca/html5/thumbnails/5.jpg)
/ Компоненты адаптивного контента
Структура Независимость от представления
Метаданные Сценарии использования
![Page 6: Адаптивный контент в WordPress](https://reader034.vdocuments.pub/reader034/viewer/2022042700/558ebc191a28ab901f8b46ca/html5/thumbnails/6.jpg)
Главное препятствие -единый контентный блок
![Page 7: Адаптивный контент в WordPress](https://reader034.vdocuments.pub/reader034/viewer/2022042700/558ebc191a28ab901f8b46ca/html5/thumbnails/7.jpg)
Как исправить ситуацию?
![Page 8: Адаптивный контент в WordPress](https://reader034.vdocuments.pub/reader034/viewer/2022042700/558ebc191a28ab901f8b46ca/html5/thumbnails/8.jpg)
/ Структурирование
Использование разных объектов контента вместо одного
Создание структуры внутри объекта
Custom post types & Custom taxonomies
Metadata (custom fields) Metaboxes (UI)
![Page 9: Адаптивный контент в WordPress](https://reader034.vdocuments.pub/reader034/viewer/2022042700/558ebc191a28ab901f8b46ca/html5/thumbnails/9.jpg)
/ Знакомый интерфейс?
Плагины
● GD Custom Posts And
Taxonomies Tools
● Advance Custom Fields
● Posts 2 Posts
![Page 10: Адаптивный контент в WordPress](https://reader034.vdocuments.pub/reader034/viewer/2022042700/558ebc191a28ab901f8b46ca/html5/thumbnails/10.jpg)
/ Независимость от представления
Запрет на визуальный редактор
Использовать HTML в тексте как можно реже
Shortcode API
add_filter('user_can_richedit', '__return_false');
![Page 11: Адаптивный контент в WordPress](https://reader034.vdocuments.pub/reader034/viewer/2022042700/558ebc191a28ab901f8b46ca/html5/thumbnails/11.jpg)
/ Пример /Адаптивные изображения
[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" />
Разметка определяется темой
![Page 12: Адаптивный контент в WordPress](https://reader034.vdocuments.pub/reader034/viewer/2022042700/558ebc191a28ab901f8b46ca/html5/thumbnails/12.jpg)
/ Сценарии представления
Манипуляция шаблоном в зависимости от среды просмотра
переключение темыадаптивная тема
![Page 13: Адаптивный контент в WordPress](https://reader034.vdocuments.pub/reader034/viewer/2022042700/558ebc191a28ab901f8b46ca/html5/thumbnails/13.jpg)
Спасибо!
te-st.rufacebook.com/TeplitsaST