Intro to WordPress: history, its elegance, development structure, themes, plugins, tips on getting started and some examples.

1. Meet WordPress Seminar on Wordpress, Joomla & Drupal May 27, 2010, Jerusalem By: Miriam Schwab

2. Table of Contents Elegance Development Structure Theme File Types Template Tags The Loop Plugins Strengths & Weaknesses Community Resources Getting Started

3. Elegance WordPress

4. ” WordPress was born out of a desire for an elegant, well-architectured personal publishing system… - http://wordpress.org/about/

5. WordPress Roots WordPress has its roots in a platform called b2/cafelog. In 2003, Matt Mullenweg put out a call to other developers to help develop a fork of this software, and Mike Little answered and together they started developing WordPress.

6. Code is Poetry This image appears in the bottom right-hand corner of every page on WordPress.org. It exemplifies the attention to elegance both in the code and in the user interface.

7. Elegant Requirements PHP 4.3+, MySQL 4.1.2+ Famous 5 minute installation

11. Some Features Portable core User management User profiles Internationalization and Localization Feeds galore Pretty permalinks Pingbacks/trackbacks Robust comments Pwdproteced pages/posts Schedule posts Multipage posts Categories Tags Save drafts Preview Widgets Search

12. Development Structure WordPress

14. Theme file types

15. Custom Theme Files category.php category-red.php category-6.php author.php author-john.php (3.0) 404.php tag.php tag-blue.php tag-6.php taxonomy.php date.php attachment.php functions.php

16. What Page?

17. http://codex.wordpress.org/File:Template_Hierarchy.png

18. Template Tags Template tags are snippets of code that represent complete actions that take place on the site. For example, placing the_title in the loop on your template page will present the title of the post or Page in that place. Template tags make dynamic functionality efficient and easy.

19. Template Tags

20. Example: the_tags

21. The Loop “The Loop is used by WordPress to display each of your posts. Using The Loop, WordPress processes each of the posts to be displayed on the current page and formats them according to how they match specified criteria within The Loop tags. Any HTML or PHP code placed in the Loop will be repeated on each post.” (The Loop – Codex)

22. The Loop if (have_posts()) : while (have_posts()) : the_post(); the_content(); endwhile; endif;

23. The Loop <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <!-- do stuff ... --> <?phpendwhile; ?> <?phpendif; ?>

24. <!-- do stuff ... -->(from Motion 1.0.6) <div class="posttop"> <h2 class="posttitle"><a href="<?phpthe_permalink(); ?>" rel="bookmark" title="Permanent Link to <?phpthe_title_attribute(); ?>"><?phpthe_title(); ?></a></h2> <div class="postmetatop"> div class="categs">Filed Under: <?phpthe_category( ', ' ); ?> by <?phpthe_author() ?> &mdash; <?phpcomments_popup_link( __( 'Leave a comment' ), __( '1 Comment' ), __( '% Comments' ) ) ?> </div> <div class="date"><span><?phpthe_time( get_option( 'date_format' ) ); ?></span></div> </div> </div> <div class="postcontent"> <?phpthe_excerpt( 'View full article &raquo;' ); ?> </div> <div class="postmetabottom"> <div class="tags"><?phpthe_tags( 'Tags: ', ', ', '' ); ?></div> <div class="readmore"><span><a href="<?phpthe_permalink(); ?>">Read more</a></span> </div> </div> </div><!-- /post --> <?phpendwhile; ?> <?php else : ?> <div class="post"> <div class="posttop"> <h2 class="posttitle"><a href="#">Oops!</a></h2> </div> <div class="postcontent"> <p>What you are looking for doesn't seem to be on this page...</p> </div> </div><!-- /post --> <?phpendif; ?>

25. Plugin Directory

26. ” WordPress is infinitely extensible. One of the core philosophies of WordPress is to keep the core code as light and fast as possible but to provide a rich framework for the huge community to expand what WordPress can do, limited only by their imagination. - http://wordpress.org/extend/

27. Plugin Management

28. Types of Content

29. WordPress the CMS Now Won Overall Best Open Source CMS Award in the 2009 Open Source CMS Awards Static front page Pages vs. Posts Controllable navigation Built-in blog 3.0 Custom post types Advanced navigation system Multi-sites in one WP installation

30. Strengths & Weaknesses Strengths Ease of use Community Flexibility RSS feeds galore Open Source Blog hero SEO Social media integration Weaknesses Security Speed

31. Good for/not so good for Good for Corporate sites Blogs News/information sites Not so good for E-commerce Multi-language Community sites with registered users User level-based management of specific types of content

32. Examples (our work) WordPress

34. All content areas are controllable by the owner

35. News area

37. Controllable flash header with changing images

38. Ajax sliding portfolio section featuring the companies that Tene supports with complete control from the admin

39. News and archive section based on WordPress' blogging platform

40. Customized Team section with a unique profile photo gallery for each team member

43. Customized sidebar widget promotes OCS's publications, news, and video.

45. Programmed to have multiple “blogs” according to author

46. Dynamic contributors page

47. Ad management

50. Custom programmed job directory allows employers to post jobs. Only approved users can see all the job info.

51. Employers get email after certain amount of time asking them to click a link if they’d like the job to stay on the site

52. Jobs searchable by location, industry, free text

53. Approved users can submit their business to the business directory

56. Community Resources Support forums CodePoet Forums Codex WP-Pro WP-Hackers WP Tavern WordPress Group on LinkedIn Mailing Lists Free Themes Directory

57. WPGarage.com – tips, tricks and hacks for WordPress

58. Getting Started New To WordPress - Where to Start First Steps with WordPress WordPress Lessons Theme Development Checklist Blog design and layout

59. Thanks! illuminea http://illuminea.com ▪ http://wpgarage.com@miriamschwab ▪ http://facebook.com/miriamschwab