Your SlideShare is downloading. ×
0
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Meet WordPress
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Meet WordPress

2,363

Published on

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

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,363
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Meet WordPress<br />Seminar on Wordpress, Joomla & Drupal<br />May 27, 2010, Jerusalem<br />By: Miriam Schwab<br />
  • 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. Elegance<br />WordPress<br />
  • 4. ”<br />WordPress was born out of a desire for an elegant, well-architectured personal publishing system…<br />- http://wordpress.org/about/ <br />
  • 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. 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. Elegant Requirements<br />PHP 4.3+, MySQL 4.1.2+<br />Famous 5 minute installation<br />
  • 8.
  • 9.
  • 10.
  • 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. Development Structure<br />WordPress<br />
  • 13.
  • 14. Theme file types<br />
  • 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. What Page?<br />
  • 17. http://codex.wordpress.org/File:Template_Hierarchy.png<br />
  • 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. Template Tags<br />
  • 20. Example: the_tags<br />
  • 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. The Loop<br />if (have_posts()) :<br /> while (have_posts()) :<br />the_post();<br />the_content();<br />endwhile;<br />endif; <br />
  • 23. The Loop<br /><?php if (have_posts()) : ?><br /> <?php while (have_posts()) : the_post(); ?><br /> <!-- do stuff ... --><br /> <?phpendwhile; ?><br /><?phpendif; ?> <br />
  • 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. Plugin Directory<br />
  • 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. Plugin Management<br />
  • 28. Types of Content<br />
  • 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. 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. 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. Examples (our work)<br />WordPress<br />
  • 33. Kayema<br /><ul><li>Custom design
  • 34. All content areas are controllable by the owner
  • 35. News area
  • 36. Blog area</li></li></ul><li>Tene Capital<br /><ul><li>Custom design
  • 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
  • 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. 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. Customized sidebar widget promotes OCS's publications, news, and video.
  • 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. Programmed to have multiple “blogs” according to author
  • 46. Dynamic contributors page
  • 47. Ad management
  • 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. 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. 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
  • 54. Business directory searchable by industry</li></li></ul><li>Community<br />WordPress<br />
  • 55.
  • 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. WPGarage.com – tips, tricks and hacks for WordPress<br />
  • 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. Thanks!<br />illuminea<br />http://illuminea.com ▪ http://wpgarage.com@miriamschwab ▪ http://facebook.com/miriamschwab<br />

×