Анна Ладошкина, Теплица социальных технологий
WordCamp Russia 2013
Адаптивный контент в WordPress
Анна Ладошкина
руководитель отдела разработки
Теплицы социальных технологий
/ Привет, WordCamp!
http://te-st.ru
Современный сайт =
адаптивный сайт
ответ: адаптивный дизайн
вызов: рост мобильного трафика и
числа форматов устройств
Адаптивный дизайн требует нового
подхода к управлению контентом
Адаптивный контент создается один раз
и может быть использ...
/ Компоненты адаптивного
контента
Структура
Независимость
от представления
Метаданные
Сценарии
использования
Главное препятствие -
единый контентный блок
Как исправить
ситуацию?
/ Структурирование
Использование разных объектов контента
вместо одного
Создание структуры внутри объекта
Custom post type...
/ Знакомый интерфейс?
Плагины
● GD Custom Posts And
Taxonomies Tools
● Advance Custom Fields
● Posts 2 Posts
/ Независимость от
представления
Запрет на визуальный редактор
Использовать HTML в тексте как можно реже
Shortcode API
add...
/ Пример /
Адаптивные изображения
[insert_media id="194" size="medium" link="file"]
<img data-id="194"src="http://example....
/ Сценарии представления
Манипуляция шаблоном в зависимости
от среды просмотра
переключение темыадаптивная тема
Спасибо!
te-st.rufacebook.com/TeplitsaST
Upcoming SlideShare
Loading in …5
×

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

3,238 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,238
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

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

×