Your SlideShare is downloading. ×
Meet WordPress<br />Seminar on Wordpress, Joomla & Drupal<br />May 27, 2010, Jerusalem<br />By: Miriam Schwab<br />
Table of Contents<br />Elegance<br />Development Structure<br />Theme File Types<br />Template Tags<br />The Loop<br />Plu...
Elegance<br />WordPress<br />
”<br />WordPress was born out of a desire for an elegant, well-architectured personal publishing system…<br />- http://wor...
WordPress Roots<br />WordPress has its roots in a platform called b2/cafelog. In 2003, Matt Mullenweg put out a call to ot...
Code is Poetry<br />This image appears in the bottom right-hand corner of every page on WordPress.org. It exemplifies the ...
Elegant Requirements<br />PHP 4.3+, MySQL 4.1.2+<br />Famous 5 minute installation<br />
Some Features<br />Portable core<br />User management<br />User profiles<br />Internationalization and Localization <br />...
Development Structure<br />WordPress<br />
Theme file types<br />
Custom Theme Files<br />category.php<br />category-red.php<br />category-6.php<br />author.php<br />author-john.php (3.0)<...
What Page?<br />
http://codex.wordpress.org/File:Template_Hierarchy.png<br />
Template Tags<br />Template tags are snippets of code that represent complete actions that take place on the site. For exa...
Template Tags<br />
Example: the_tags<br />
The Loop<br />“The Loop is used by WordPress to display each of your posts. Using The Loop, WordPress processes each of th...
The Loop<br />if (have_posts()) :<br />	while (have_posts()) :<br />the_post();<br />the_content();<br />endwhile;<br />en...
The Loop<br /><?php if (have_posts()) : ?><br />	<?php while (have_posts()) : the_post(); ?><br />		<!-- do stuff ... --><...
<!-- do stuff ... -->(from Motion 1.0.6)<br /><div class="posttop"><br />	<h2 class="posttitle"><a href="<?phpthe_permalin...
Plugin Directory<br />
”<br />WordPress is infinitely extensible. One of the core philosophies of WordPress is to keep the core code as light and...
Plugin Management<br />
Types of Content<br />
WordPress the CMS<br />Now<br />Won Overall Best Open Source CMS Award in the 2009 Open Source CMS Awards<br />Static fron...
Strengths & Weaknesses<br />Strengths<br />Ease of use<br />Community<br />Flexibility<br />RSS feeds galore<br />Open Sou...
Good for/not so good for<br />Good for<br />Corporate sites<br />Blogs<br />News/information sites<br />Not so good for<br...
Examples (our work)<br />WordPress<br />
Kayema<br /><ul><li>Custom design
All content areas are controllable by the owner
News area
Blog area</li></li></ul><li>Tene Capital<br /><ul><li>Custom design
Controllable flash header with changing images
Ajax sliding portfolio section featuring the companies that Tene supports with complete control from the admin
News and archive section based on WordPress' blogging platform 
Customized Team section with a unique profile photo gallery for each team member
Customized login area for limited partners to see user-specific announcements for their company</li></li></ul><li>Outside ...
Customized attorney photo gallery with an easy to manage user interface</li></ul>Unique, professional, and clean design wi...
Customized sidebar widget promotes OCS's publications, news, and video.
Customized attorney profile pages with a unique layout to display their photo, contact details, linked in profile, and exp...
Upcoming SlideShare
Loading in...5
×

Meet WordPress

2,379

Published on

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

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

No Downloads
Views
Total Views
2,379
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "Meet WordPress"

  1. 1. Meet WordPress<br />Seminar on Wordpress, Joomla & Drupal<br />May 27, 2010, Jerusalem<br />By: Miriam Schwab<br />
  2. 2. Table of Contents<br />Elegance<br />Development Structure<br />Theme File Types<br />Template Tags<br />The Loop<br />Plugins<br />Strengths & Weaknesses<br />Community<br />Resources<br />Getting Started<br />
  3. 3. Elegance<br />WordPress<br />
  4. 4. ”<br />WordPress was born out of a desire for an elegant, well-architectured personal publishing system…<br />- http://wordpress.org/about/ <br />
  5. 5. WordPress Roots<br />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.<br />
  6. 6. Code is Poetry<br />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.<br />
  7. 7. Elegant Requirements<br />PHP 4.3+, MySQL 4.1.2+<br />Famous 5 minute installation<br />
  8. 8.
  9. 9.
  10. 10.
  11. 11. Some Features<br />Portable core<br />User management<br />User profiles<br />Internationalization and Localization <br />Feeds galore<br />Pretty permalinks<br />Pingbacks/trackbacks<br />Robust comments<br />Pwdproteced pages/posts<br />Schedule posts<br />Multipage posts<br />Categories<br />Tags<br />Save drafts<br />Preview<br />Widgets<br />Search<br />
  12. 12. Development Structure<br />WordPress<br />
  13. 13.
  14. 14. Theme file types<br />
  15. 15. Custom Theme Files<br />category.php<br />category-red.php<br />category-6.php<br />author.php<br />author-john.php (3.0)<br />404.php<br />tag.php<br />tag-blue.php<br />tag-6.php taxonomy.php<br />date.php<br />attachment.php<br />functions.php<br />
  16. 16. What Page?<br />
  17. 17. http://codex.wordpress.org/File:Template_Hierarchy.png<br />
  18. 18. Template Tags<br />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.<br />Template tags make dynamic functionality efficient and easy.<br />
  19. 19. Template Tags<br />
  20. 20. Example: the_tags<br />
  21. 21. The Loop<br />“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)<br />
  22. 22. The Loop<br />if (have_posts()) :<br /> while (have_posts()) :<br />the_post();<br />the_content();<br />endwhile;<br />endif; <br />
  23. 23. The Loop<br /><?php if (have_posts()) : ?><br /> <?php while (have_posts()) : the_post(); ?><br /> <!-- do stuff ... --><br /> <?phpendwhile; ?><br /><?phpendif; ?> <br />
  24. 24. <!-- do stuff ... -->(from Motion 1.0.6)<br /><div class="posttop"><br /> <h2 class="posttitle"><a href="<?phpthe_permalink(); ?>" rel="bookmark" title="Permanent Link to <?phpthe_title_attribute(); ?>"><?phpthe_title(); ?></a></h2><br /> <div class="postmetatop"><br /> div class="categs">Filed Under: <?phpthe_category( ', ' ); ?> by <?phpthe_author() ?> &mdash; <?phpcomments_popup_link( __( 'Leave a comment' ), __( '1 Comment' ), __( '% Comments' ) ) ?><br /> </div><br /> <div class="date"><span><?phpthe_time( get_option( 'date_format' ) ); ?></span></div><br /> </div><br /></div><br /><div class="postcontent"><br /> <?phpthe_excerpt( 'View full article &raquo;' ); ?><br /></div><br /><div class="postmetabottom"><br /> <div class="tags"><?phpthe_tags( 'Tags: ', ', ', '' ); ?></div><br /> <div class="readmore"><span><a href="<?phpthe_permalink(); ?>">Read more</a></span><br /> </div><br /></div><br /></div><!-- /post --><br /><?phpendwhile; ?><br /><?php else : ?><br /><div class="post"><br /> <div class="posttop"><br /> <h2 class="posttitle"><a href="#">Oops!</a></h2><br /> </div><br /> <div class="postcontent"><br /> <p>What you are looking for doesn't seem to be on this page...</p><br /> </div><br /></div><!-- /post --><br /><?phpendif; ?><br />
  25. 25. Plugin Directory<br />
  26. 26. ”<br />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. <br />- http://wordpress.org/extend/<br />
  27. 27. Plugin Management<br />
  28. 28. Types of Content<br />
  29. 29. WordPress the CMS<br />Now<br />Won Overall Best Open Source CMS Award in the 2009 Open Source CMS Awards<br />Static front page<br />Pages vs. Posts<br />Controllable navigation<br />Built-in blog<br />3.0<br />Custom post types<br />Advanced navigation system<br />Multi-sites in one WP installation<br />
  30. 30. Strengths & Weaknesses<br />Strengths<br />Ease of use<br />Community<br />Flexibility<br />RSS feeds galore<br />Open Source<br />Blog hero<br />SEO<br />Social media integration<br />Weaknesses<br />Security<br />Speed<br />
  31. 31. Good for/not so good for<br />Good for<br />Corporate sites<br />Blogs<br />News/information sites<br />Not so good for<br />E-commerce<br />Multi-language<br />Community sites with registered users<br />User level-based management of specific types of content<br />
  32. 32. Examples (our work)<br />WordPress<br />
  33. 33. Kayema<br /><ul><li>Custom design
  34. 34. All content areas are controllable by the owner
  35. 35. News area
  36. 36. Blog area</li></li></ul><li>Tene Capital<br /><ul><li>Custom design
  37. 37. Controllable flash header with changing images
  38. 38. Ajax sliding portfolio section featuring the companies that Tene supports with complete control from the admin
  39. 39. News and archive section based on WordPress' blogging platform 
  40. 40. Customized Team section with a unique profile photo gallery for each team member
  41. 41. Customized login area for limited partners to see user-specific announcements for their company</li></li></ul><li>Outside Counsel<br /><ul><li>Custom design
  42. 42. Customized attorney photo gallery with an easy to manage user interface</li></ul>Unique, professional, and clean design with lots of white space<br /><ul><li>Homepage slider that features each attorney, their thumbnail image, their credentials, and a link to the attorney's bio on the site.
  43. 43. Customized sidebar widget promotes OCS's publications, news, and video.
  44. 44. Customized attorney profile pages with a unique layout to display their photo, contact details, linked in profile, and experience.</li></li></ul><li>A Sweet Life<br /><ul><li>Custom design
  45. 45. Programmed to have multiple “blogs” according to author
  46. 46. Dynamic contributors page
  47. 47. Ad management
  48. 48. Ask an Expert lets users submit questions which are directed to experts to answer</li></li></ul><li>NatanSharansky (not available online)<br /><ul><li>Custom design
  49. 49. Site to aggregate history, audio, video, files, and books by and about NatanSharansky</li></li></ul><li>JobKatif<br /><ul><li>Site helps evacuees from Gush Katif find jobs or market their business
  50. 50. Custom programmed job directory allows employers to post jobs. Only approved users can see all the job info.
  51. 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. 52. Jobs searchable by location, industry, free text
  53. 53. Approved users can submit their business to the business directory
  54. 54. Business directory searchable by industry</li></li></ul><li>Community<br />WordPress<br />
  55. 55.
  56. 56. Community Resources<br />Support forums<br />CodePoet<br />Forums<br />Codex<br />WP-Pro<br />WP-Hackers<br />WP Tavern<br />WordPress Group on LinkedIn<br />Mailing Lists<br />Free Themes Directory<br />
  57. 57. WPGarage.com – tips, tricks and hacks for WordPress<br />
  58. 58. Getting Started<br />New To WordPress - Where to Start<br />First Steps with WordPress<br />WordPress Lessons<br />Theme Development Checklist<br />Blog design and layout<br />
  59. 59. Thanks!<br />illuminea<br />http://illuminea.com ▪ http://wpgarage.com@miriamschwab ▪ http://facebook.com/miriamschwab<br />

×