Transcript
Page 1: Yaremchuk - Корпоративные сайты

Маленькие секреты в разработке корпоративных сайтов на базе CMS Drupal

Яремчук Василий Павловичhttp://yaremchuk.ru/

Successful Development LP http://sfdev.com/

New free IDE for PHP/HTML/CSS/JavaScript development http://codelobster.com/

Page 2: Yaremchuk - Корпоративные сайты

План доклада• Старт с Acquia Drupal. • Staging (тестовый) сервер.• Создание темы оформления.• Расположение элементов управления сайтом на

странице.• Использование разных тем и темплейтов для

оформления сайта. • Мобильная версия сайта.• Интеграция с социальными сетями и медиа сайтами.• SEO оптимизация.• Оптимизация скорости работы сайта, кеширование.• Заключение

Page 3: Yaremchuk - Корпоративные сайты

DrupalСкачиваем здесь http://acquia.com/downloadsAcquia Drupal 1.2.24 (Drupal 6.16 core) > 12 Мб

modules\acquia\* ->

sites\all\modules

themes\acquia\* ->

sites\all\themes

Примечание: при установке друпала крайне желательно задать префикс для таблиц БД

Page 4: Yaremchuk - Корпоративные сайты

Тестовый сервер• Непосредственно разработку лучше вести на локальной машине• Демонстрировать сайт заказчику лучше со своего хостинга

- иметь для всех проектов одну актуальную версию Друпала

- использовать стандартный мультисайтинг с разделенными БД

Структура папки “/sites” может быть следующая:/all

/modules дополнительные модули /themes и темы для всех проектов

/first.mysite.com/files/modules дополнительные модули /themes и темы для first.mysite.com

/second.mysite.com/files/modules дополнительные модули /themes и темы для second.mysite.com

/default

В ходе разработке не обойтись без следующих модулей:

• Backup and Migrate

• Devel

• Poormanscron

Примечание: удобно переназначить админскую тему на RootCandyhttp://drupal.org/project/rootcandy

Page 5: Yaremchuk - Корпоративные сайты

Создание темы оформления• Не стоит писать свою тему с нуля, лучше взять в качестве стартовой:

• Framework (http://drupal.org/project/framework)

• BaselineCSS (http://drupal.org/project/baselinecss)

• 960.gs Fluid (http://drupal.org/project/ninesixtyfluid)

• Очень удобно в качестве стартовой использовать Zen. Находим папку STARKTIT и из нее делаем свою тему. Подробней о создании подтемы на основе Zen можно почитать здесь: http://drupal.org/node/226507

Примечание: в процессе создания подтемы следует помнить, что IE подгружает максимально 31 внешний CSS файл

Page 6: Yaremchuk - Корпоративные сайты

Расположение элементов управления сайтом на странице

Page 7: Yaremchuk - Корпоративные сайты

Расположение элементов управления сайтом на странице

Page 8: Yaremchuk - Корпоративные сайты

Расположение элементов

управления сайтом на странице

Page 9: Yaremchuk - Корпоративные сайты

Расположение элементов управления сайтом на странице

Page 10: Yaremchuk - Корпоративные сайты

Использование разных тем и темплейтов для оформления сайта.

http://drupal.org/project/taxonomy_theme

foreach(list_themes() as $val){if($val->status && $val->name == 'mobile'){

global $custom_theme;$custom_theme = 'mobile';init_theme();

}}

Простой код для переключения темы:

Page 11: Yaremchuk - Корпоративные сайты

Мобильная версия сайта

http://drupal.org/project/mobile_tools

http://drupal.org/project/mobile_theme

http://drupal.org/project/mobile

Page 12: Yaremchuk - Корпоративные сайты

Интеграция с социальными сетями и медиа сайтами

Page 13: Yaremchuk - Корпоративные сайты

SEO оптимизация сайтаhttp://drupal.org/project/pathautohttp://drupal.org/project/nodewordshttp://drupal.org/project/globalredirect

Оптимизация скорости работы сайта, кеширование

http://drupal.org/project/cacherouterhttp://www.webogroup.com/ru/ - веб оптимайзерне забывать про функции cache_set и cache_get

Page 14: Yaremchuk - Корпоративные сайты

Заключение

Спасибо!