This document provides an overview of WordPress concepts and features including: - WordCamp SF is an event for the WordPress community - WordPress uses posts and pages, comments, themes, users and widgets to build websites - Plugins can be used to extend WordPress functionality through actions and filters - Shortcodes, oEmbed, and embedded content allow for multimedia integration directly into posts and pages - The document discusses WordPress architecture and ways to get involved in the WordPress community.

1. Welcome to WordCamp SF!
1

2. Co-organized first WordCamp
2

3. MC of tech track
3

4. Consulting, Products
4

5. Platform: RSS
5

6. Blog Search & Syndication
6

7. NiallKennedy.com
7

8. VideoPress product lead
8

9. VideoPress product lead
8

10. Upload videos to WordPress.com
9

11. Transcoding
MP4
Ogg
Thumbnails
10

12. RSS & Atom feeds
Add new podcast markup to blog feeds
11

13. Admin settings pages
12

14. Complex plugins
13

15. I prefer Python
14

16. Would rather use Django
15

17. WordPress is PHP
16

18. 4.3 5.3
PHP 4.3 or newer
Match the minimum but many performance gains in newer versions
17

19. wp-includes
JSON, jQuery, oEmbed, SimplePie, XML-RPC
18

20. WordPress plugins for n00bs
19

21. Goal: add your
company or
passion
Attract customers through best-
in-class integration
Improve customer engagement
Drive traffic to your site
Your links and content across
the Web
20

22. What is WordPress?
21

23. Posts Pages
Comments Themes
RSS feed Users
Atom feed Sidebar widgets
robots.txt oEmbed providers
XML-RPC Mobile-specific themes
A page builder
22

24. Built in stages
23

25. Header
Built in stages
23

26. Header
Blog title
Built in stages
23

27. Header
Blog title
Post title
Built in stages
23

28. Header
Blog title
Post title
Post Content
Built in stages
23

29. Header
Blog title
Post title
Author
Date
Category Post Content
Widget
Built in stages
23

30. vs.
A tale of two builds
Static HTML vs. DOM manipulation
24

31. Easy
management
User focus on customization
No complex copy-paste
25

32. Theme integration
26

33. Theme integration
27

34. Cache
Cache your results with the page
Reduce stress on your servers
Faster page load times
28

35. Search engine visible
29

36. Discovery
30

37. Discovery
31

38. Actions
I am finished.
Anyone else want in?
32

39. function special_meta() {
Action echo '<meta
name="medium"
examples content="video" />';
Add JavaScript file to a page }
Transcode a video
Send a sitemap ping add_action('wp_head'
Send an e-mail 'special_meta', 5, 0);
33

40. Filters
Anything to add or remove?
34

41. function
video_add_extra_mimes(
$mimes ) {
$mimes['ogv'] = 'video/
Filter examples ogg';
Remove mentions of Drupal return $mimes;
Convert old embed markup to }
shortcode
Add info to a WordPress object add_filter( 'upload_mimes',
'video_add_extra_mimes',
10, 1 );
35

42. John bought a MacBook Pro from Amazon.com because it
was cheaper than his local Best Buy.
Filter example
36

43. John bought a MacBook Pro from Amazon.com because it
was cheaper than his local Best Buy.
John bought a MacBook Pro from Amazon.com
(NASDAQ:AMZN) because it was cheaper than his local
Best Buy (NYSE:BBY).
Filter example
36

44. <object width="480" height="385">
<param name="movie" value="http://www.youtube.com/
v/dMH0bHeiRNg&hl=en_US&fs=1&rel=0"></param>
<param name="allowFullScreen" value="true">
</param>
<param name="allowscriptaccess" value="always"></
param>
<embed src="http://www.youtube.com/v/
dMH0bHeiRNg&hl=en_US&fs=1&rel=0"
type="application/x-shockwave-flash"
Shortcodes
allowscriptaccess="always" allowfullscreen="true"
width="480" height="385"></embed>
</object>
Handle markup behind the
scenes
Copy and paste referenced
resource + customizations
37

45. <object width="480" height="385">
<param name="movie" value="http://www.youtube.com/
v/dMH0bHeiRNg&hl=en_US&fs=1&rel=0"></param>
<param name="allowFullScreen" value="true">
</param>
<param name="allowscriptaccess" value="always"></
param>
<embed src="http://www.youtube.com/v/
dMH0bHeiRNg&hl=en_US&fs=1&rel=0"
type="application/x-shockwave-flash"
Shortcodes
allowscriptaccess="always" allowfullscreen="true"
width="480" height="385"></embed>
</object>
Handle markup behind the
scenes
Copy and paste referenced
resource + customizations [youtube dMH0bHeiRNg
rel=0]
37

46. OMG, check out this skateboarding dog!!1!
http://www.youtube.com/watch?v=R8XAlSp838Y
We need to teach Fido some new tricks.
oEmbed
38

47. {
"type": "video",
"provider_name": "YouTube",
"provider_url": "http://www.youtube.com/",
"author_name": "rnickeymouse",
"title": "Skateboarding Dog - HD Redux",
"width": 480,
"height": 295,
"html": "<object width="480" height="295"><param name="movie" value="http://
www.youtube.com/v/R8XAlSp838Y&fs=1"></param><param name="allowFullScreen"
value="true"></param><param name="allowscriptaccess" value="always"></
param><embed src="http://www.youtube.com/v/R8XAlSp838Y&fs=1" type=
"application/x-shockwave-flash" width="480" height="295" allowscriptaccess=
"always" allowfullscreen="true"></embed></object>",
}
oEmbed
39

48. Continued conversation
NiallKennedy.com
HatTrickMedia.com
niall@niallkennedy.com
40