This document contains information about using Drupal presented by Chris Wu. It discusses using Drupal as a designer, programmer, and web administrator. It provides tips on using themes, modules, Views, hooks, databases, performance optimization, and command line tools like Drush.

1. 我是 O O 師，我用 DRUPAL
All you need is Drupal
By Chris

2. 吳政斌
Chris
Senior Drupal Developer
Fliegen Creative Studio
DrupalTaiwan.org
Designer
F2E
CMS Builder
WebAdmin
Chocolate Design
chris @ laconique.com.tw
amouro @ gmail.com
fb.com/amourow

3. 吳政斌
Chris
Senior Drupal Developer
Fliegen Creative Studio
DrupalTaiwan.org
Designer
F2E
CMS Builder
WebAdmin
Chocolate Design
chris @ laconique.com.tw
amouro @ gmail.com
fb.com/amourow

6. 吳政斌
Chris
Senior Drupal Developer
Fliegen Creative Studio
DrupalTaiwan.org
Designer
F2E
CMS Builder
WebAdmin
Chocolate Design
chris @ laconique.com.tw
amouro @ gmail.com
fb.com/amourow

8. Drupal
?
http://www.flickr.com/photos/efe6/

17. @Webchick / Angela Byron
the first women on Linux journal
that makes Linux history

18. Design | FrontEnd | Backend
?

19. As a
Designer
?

20. THEME
• Basetheme
• Frameworks

21. DRUPAL AWARE DESIGN
• 有效的運用區域
• 運用預設的 Class

22. THEME SETTING

23. BLOCK

24. BLOCK

25. D7UX
• Our UX Principles:
1. Make the most frequent tasks easy and less
frequent tasks achievable.
2. Design for the 80%
3. Privilege the Content Creator
4. Make the default settings smart

26. DEV TOOLS
• Firebug, Chrome DevTools

27. THEME SETTING
• Add CSS in .info
– stylesheets[all][] = style.css
– stylesheets[all][] = reset.css
• Customize tpl.php

28. As a
Programmer
?

29. WORKING WITH JS
• jQuery 1.4.4 in D7
– 1.5.1, 1.7.1, 1.8.2 (jQuery update)
• Add JavaScript in .info
– scripts[] = respond.js
– scripts[] = foo.js
• API
– drupal_add_js()
drupal_add_js(drupal_get_path('theme', 'example'). '/foo.js', $options);

30. QUERY WITH VIEWS

31. QUERY WITH VIEWS

32. QUERY WITH VIEWS

33. MODULES
• Slider
– Views slideshow
– Nivo slider
– Galleria
– Image Flow
– jCarousel
– 3D Views Carousel

34. VIEWS + VIEWS SLIDESHOW

35. VIEWS + IMAGE FLOW

36. FIELD WIDGET

37. HOOKS API
• Creating a new node
– hook_node_presave()
– hook_node_insert()
• Updating
• Validating
– hook_validate()

38. HOOKS API
• hook_node_view

39. HOOKS API
• hook_form_alter

40. DATABASE
• Database abstraction layer
– Built on top of the PDO library.
– Different driver for each db type
• MySQL, PostgresSQL, SQLite, MongoDB*, SQL Server*
<?php
// Create an object of type SelectQuery and directly
// add extra detail to this query object: a condition, fields and a range
$query = db_select('users', 'u')
->condition('u.uid', 0, '<>')
->fields('u', array('uid', 'name', 'status', 'created', 'access'))
->range(0, 50);
?>

41. As a
WebAdmin
?

42. PERFORMANCE IN CORE
• Database cache
• Aggregation
– CSS
– JS

43. CDN
• Domain mapping
• File Conveyor
– AWS S3
– CloudFront

44. APC
• Store opcode for php

45. MEMCACHE
• Move db cache to memory
– https://drupal.org/project/memcache
– https://drupal.org/project/memcache_storage

46. BOOST
• Static page cache for Anonymous

47. VARNISH
• Reverse proxy
– https://drupal.org/project/varnish

48. INTEGRATION
• APC
– cache
– cache_bootstrap
• Memcache
– cache_field
– cache_menu
– …
• DB
– cache_filter
• Varnish
– Static page

49. THE MOST GEEKY CMS
• Shell Command!
• Drush = Drupal Shell Command
– Ref. http://2013.drupalcamp.tw/session/99
• > druah status

50. THE MOST GEEKY CMS
> drush dl superfish views jquery_update
> drush en –y superfish
> drush mb foo_module --write --name=“Foo” –dep=“views”

51. Chris Wu 吳政斌
chris @ laconique.com.tw
amouro @ gmail.com
fb.com/amourow