Rapid CMS enabled site  development with      Wordpress      August 31, 2012      The Berndt Group
What is Wordpress
What is Wordpress• Open source CMS
What is Wordpress• Open source CMS• Written in PHP
What is Wordpress• Open source CMS• Written in PHP• MySQL database
What is Wordpress• Open source CMS• Written in PHP• MySQL database• Developed and maintained by Automatic
What is Wordpress• Open source CMS• Written in PHP• MySQL database• Developed and  maintained by  Automatic• First version...
Who is powered by
Who is powered by• All Things Digital
Who is powered by• All Things Digital• Nytimes.com blogs
Who is powered by• All Things Digital• Nytimes.com blogs• Mashable
Who is powered by• All Things Digital• Nytimes.com blogs• Mashable• Smashing Magazine
Who is powered by• All Things Digital• Nytimes.com blogs• Mashable• Smashing Magazine• Techcrunch
Who is powered by• All Things Digital• Nytimes.com blogs• Mashable• Smashing Magazine• Techcrunch• Citizen Cope
Who is powered by• All Things Digital• Nytimes.com blogs• Mashable• Smashing Magazine• Techcrunch• Citizen Cope• Wheaton C...
Wordpress pros
Wordpress pros• Low barrier of entry
Wordpress pros• Low barrier of entry• Good levels of  abstraction
Wordpress pros• Low barrier of entry• Good levels of  abstraction• Good separation of  presentation and data
Wordpress pros• Low barrier of entry• Good levels of  abstraction• Good separation of  presentation and data• Strong SEO b...
Wordpress pros• Low barrier of entry• Good levels of  abstraction• Good separation of  presentation and data• Strong SEO b...
Wordpress pros• Low barrier of entry• Good levels of  abstraction• Good separation of  presentation and data• Strong SEO b...
Wordpress pros• Low barrier of entry• Good levels of  abstraction• Good separation of  presentation and data• Strong SEO b...
Wordpress pros• Low barrier of entry• Good levels of  abstraction• Good separation of  presentation and data• Strong SEO b...
Wordpress pros• Low barrier of entry• Good levels of  abstraction• Good separation of  presentation and data• Strong SEO b...
Wordpress pros• Low barrier of entry    • Ease of installation• Good levels of  abstraction• Good separation of  presentat...
Wordpress pros• Low barrier of entry    • Ease of installation• Good levels of          • Hosting options  abstraction• Go...
Wordpress pros• Low barrier of entry    • Ease of installation• Good levels of          • Hosting options  abstraction    ...
Wordpress pros• Low barrier of entry    • Ease of installation• Good levels of          • Hosting options  abstraction    ...
Wordpress pros• Low barrier of entry    • Ease of installation• Good levels of          • Hosting options  abstraction    ...
Wordpress pros• Low barrier of entry    • Ease of installation• Good levels of          • Hosting options  abstraction    ...
Wordpress pros• Low barrier of entry    • Ease of installation• Good levels of          • Hosting options  abstraction    ...
Wordpress pros• Low barrier of entry    • Ease of installation• Good levels of          • Hosting options  abstraction    ...
Wordpress cons
Wordpress cons•Plugins
Wordpress cons•Plugins•no built in e-commerce functionality
Wordpress cons•Plugins•no built in e-commerce functionality•no built in personalization capability
Wordpress hosting
Wordpress hosting• Runs best on an Apache  web server
Wordpress hosting• Runs best on an Apache  web server• usually a Linux hosting  environment
Wordpress hosting• Runs best on an Apache  web server• usually a Linux hosting  environment• must have:
Wordpress hosting• Runs best on an Apache  web server• usually a Linux hosting  environment• must have: • PHP 5.2.4 or gre...
Wordpress hosting• Runs best on an Apache  web server• usually a Linux hosting  environment• must have: • PHP 5.2.4 or gre...
Wordpress hosting• Runs best on an Apache  web server• usually a Linux hosting  environment• must have: • PHP 5.2.4 or gre...
Wordpress terms
Wordpress terms•Themes
Wordpress terms•Themes•Templates
Wordpress terms•Themes•Templates•Plugins
Wordpress terms•Themes•Templates•Plugins•Sidebar
Wordpress terms•Themes•Templates•Plugins•Sidebar•Admin Center
Wordpress terms•Themes•Templates•Plugins•Sidebar•Admin Center•Posts
Wordpress terms•Themes      •Pages•Templates•Plugins•Sidebar•Admin Center•Posts
Wordpress terms•Themes      •Pages•Templates   •Custom Post              types•Plugins•Sidebar•Admin Center•Posts
Wordpress terms•Themes      •Pages•Templates   •Custom Post              types•Plugins•Sidebar     •Widgets•Admin Center•P...
Wordpress terms•Themes      •Pages•Templates   •Custom Post              types•Plugins•Sidebar     •Widgets•Admin       •T...
Wordpress terms•Themes      •Pages•Templates   •Custom Post              types•Plugins•Sidebar     •Widgets•Admin       •T...
Wordpress terms•Themes      •Pages•Templates   •Custom Post              types•Plugins•Sidebar     •Widgets•Admin       •T...
Wordpress layers
Wordpress layersapplication   layer
Wordpress layersapplication      data layer   layer
Wordpress layersapplication      data layer   theme/ template layer   layer
Wordpress architecture
Wordpress architecture•Wordpress core files
Wordpress architecture•Wordpress core files•Wordpress database
Wordpress architecture•Wordpress core files•Wordpress database•Themes
Wordpress architecture•Wordpress core files•Wordpress database•Themes •images
Wordpress architecture•Wordpress core files•Wordpress database•Themes •images •js files
Wordpress architecture•Wordpress core files•Wordpress database•Themes •images •js files•Plugins
Wordpress architecture•Wordpress core files•Wordpress database•Themes •images •js files•Plugins•Uploads
Wordpress architecture
Wordpress architecture• Extensive APIs
Wordpress architecture• Extensive APIs • Core relies on extensive API interface    allowing quick and effective    customi...
Wordpress architecture• Extensive APIs • Core relies on extensive API interface    allowing quick and effective    customi...
Wordpress architecture• Extensive APIs • Core relies on extensive API interface    allowing quick and effective    customi...
Wordpress architecture• Extensive APIs • Core relies on extensive API interface    allowing quick and effective    customi...
Enterprise Ready
Enterprise Ready•Has been adapted to enterprise environments
Enterprise Ready•Has been adapted to enterprise environments•Provides support for Active Directory authentication
Enterprise Ready•Has been adapted to enterprise environments•Provides support for Active Directory authentication•user man...
Enterprise Ready•Has been adapted to enterprise environments•Provides support for Active Directory authentication•user man...
Enterprise Ready•Has been adapted to enterprise environments•Provides support for Active Directory authentication•user man...
Wordpress user roles
Wordpress user roles• Super Admin - access to site network  administration features controlling the  entire network
Wordpress user roles• Super Admin - access to site network  administration features controlling the  entire network• Admin...
Wordpress user roles• Super Admin - access to site network  administration features controlling the  entire network• Admin...
Wordpress user roles• Super Admin - access to site network  administration features controlling the  entire network• Admin...
Wordpress user roles• Super Admin - access to site network  administration features controlling the  entire network• Admin...
Wordpress site planning
Wordpress site planning•Content type inventory
Wordpress site planning•Content type inventory • Pages
Wordpress site planning•Content type inventory • Pages • Posts
Wordpress site planning•Content type inventory • Pages • Posts • Custom post types
Wordpress site planning•Content type inventory • Pages • Posts • Custom post types • Widgets
Wordpress site planning•Content type inventory • Pages • Posts • Custom post types • Widgets • Menus
Wordpress site planning•Content type inventory • Pages • Posts • Custom post types • Widgets • Menus • Taxonomies
Wordpress site planning•Content type inventory • Pages • Posts • Custom post types • Widgets • Menus • Taxonomies • Catego...
Wordpress site planning•Content type inventory • Pages • Posts • Custom post types • Widgets • Menus • Taxonomies • Catego...
Wordpress site planning•Content type inventory • Pages • Posts • Custom post types • Widgets • Menus • Taxonomies • Catego...
Wordpress site planning•Content type          •Inventory inventory              fields • Pages • Posts • Custom post types ...
Wordpress site planning•Content type          •Inventory inventory              fields • Pages               • Title • Post...
Wordpress site planning•Content type          •Inventory inventory              fields • Pages               • Title • Post...
Wordpress site planning•Content type          •Inventory inventory              fields • Pages               • Title • Post...
Wordpress site planning•Content type          •Inventory inventory              fields • Pages               • Title • Post...
Custom post types
Custom post types•A custom post type is a representation of a type of content
Custom post types•A custom post type is a representation of a type of content•Helps organize differing types of content
Custom post types•A custom post type is a representation of a type of content•Helps organize differing types of content•Cr...
Custom post types•A custom post type is a representation of a type of content•Helps organize differing types of content•Cr...
Wordpress Themes
Wordpress Themes• A Theme is the collection of files that work  together to produce the look and feel of a  Wordpress site.
Wordpress Themes• A Theme is the collection of files that work  together to produce the look and feel of a  Wordpress site....
Wordpress Themes• A Theme is the collection of files that work  together to produce the look and feel of a  Wordpress site....
Wordpress Themes• A Theme is the collection of files that work  together to produce the look and feel of a  Wordpress site....
Wordpress Theme files
Wordpress Theme files• Live in subdirectories residing in site-  root/wp-content/themes/
Wordpress Theme files• Live in subdirectories residing in site-  root/wp-content/themes/• Themes subdirectory holds all of ...
Wordpress Theme files• Live in subdirectories residing in site-  root/wp-content/themes/• Themes subdirectory holds all of ...
Wordpress Theme files• Live in subdirectories residing in site-  root/wp-content/themes/• Themes subdirectory holds all of ...
Wordpress Theme files• Live in subdirectories residing in site-  root/wp-content/themes/• Themes subdirectory holds all of ...
Theme Structure
Theme Structure
Anatomy of a theme
Anatomy of a theme
Approaches to Themes
Approaches to Themes•Modify an existing theme
Approaches to Themes•Modify an existing theme•Create a child theme of an existing theme
Approaches to Themes•Modify an existing theme•Create a child theme of an existing theme•Use a starter theme
Approaches to Themes•Modify an existing theme•Create a child theme of an existing theme•Use a starter theme•Use a theme fr...
Approaches to Themes•Modify an existing theme•Create a child theme of an existing theme•Use a starter theme•Use a theme fr...
Theme framework layers
Theme framework layersapplication   layer
Theme framework layersapplication   data layer   layer
Theme framework layersapplication   data layer   layer             theme framework layer
Theme framework layersapplication   data layer   layer             theme framework layer                                  ...
Anatomy of a theme
Anatomy of a theme
Wordpress loop
Wordpress loop
Some things to do with the loop
Some things to do with the loop  •The loop is mark up agnostic
Some things to do with the loop  •The loop is mark up agnostic  •Multiples loops
Some things to do with the loop  •The loop is mark up agnostic  •Multiples loops  •Query posts by
Some things to do with the loop  •The loop is mark up agnostic  •Multiples loops  •Query posts by   •category
Some things to do with the loop  •The loop is mark up agnostic  •Multiples loops  •Query posts by   •category   •tags
Some things to do with the loop  •The loop is mark up agnostic  •Multiples loops  •Query posts by   •category   •tags   •c...
Some things to do with the loop  •The loop is mark up agnostic  •Multiples loops  •Query posts by   •category   •tags   •c...
Some things to do with the loop  •The loop is mark up agnostic  •Multiples loops  •Query posts by   •category   •tags   •c...
The Wordpress loop     3.4.2 The Loop in Plain English     Are there any posts published? Sorry, just had to ask, the     ...
Wordpress and jquery
Wordpress and jqueryThe proper way to incluce jquery in a Theme
Wordpress and jqueryThe proper way to incluce jquery in a Theme<?php wp_enqueue_script(jquery); ?>
Wordpress and jqueryThe proper way to incluce jquery in a Theme<?php wp_enqueue_script(jquery); ?>It’s easy. It creates a ...
Wordpress and jqueryThe proper way to incluce jquery in a Theme<?php wp_enqueue_script(jquery); ?>It’s easy. It creates a ...
Wordpress and jqueryThe proper way to incluce jquery in a Theme<?php wp_enqueue_script(jquery); ?>It’s easy. It creates a ...
Wordpress and jqueryThe proper way to incluce jquery in a Theme<?php wp_enqueue_script(jquery); ?>It’s easy. It creates a ...
Plugins
Plugins•Advanced Custom Fields
Plugins•Advanced Custom Fields•All in One SEO
Plugins•Advanced Custom Fields•All in One SEO•Maintenance Mode
Plugins•Advanced Custom Fields•All in One SEO•Maintenance Mode•Contact Form 7
Plugins•Advanced Custom Fields•All in One SEO•Maintenance Mode•Contact Form 7•Gravity Forms
Plugins•Advanced Custom Fields•All in One SEO•Maintenance Mode•Contact Form 7•Gravity Forms•W3 Total Cache
Plugins•Advanced Custom Fields•All in One SEO•Maintenance Mode•Contact Form 7•Gravity Forms•W3 Total Cache•Google XML Site...
Plugins•Advanced Custom Fields•All in One SEO•Maintenance Mode•Contact Form 7•Gravity Forms•W3 Total Cache•Google XML Site...
Security
Security• Keep core up to date
Security• Keep core up to date• Limit use of plugins
Security• Keep core up to date• Limit use of plugins• Keep plugins up to date
Security• Keep core up to date• Limit use of plugins• Keep plugins up to date• Don’t use admin as the default admin user  ...
Security• Keep core up to date• Limit use of plugins• Keep plugins up to date• Don’t use admin as the default admin user  ...
Security• Keep core up to date• Limit use of plugins• Keep plugins up to date• Don’t use admin as the default admin user  ...
Security• Keep core up to date• Limit use of plugins• Keep plugins up to date• Don’t use admin as the default admin user  ...
Security• Keep core up to date• Limit use of plugins• Keep plugins up to date• Don’t use admin as the default admin user  ...
Security• Keep core up to date• Limit use of plugins• Keep plugins up to date• Don’t use admin as the default admin user  ...
Security• Keep core up to date• Limit use of plugins• Keep plugins up to date• Don’t use admin as the default admin user  ...
Resources• General Wordpress   • Themes:  resources:          •                 http://themeshaper.com/•   http://wordpres...
Thank you!        peter.kaizer@crs.orghttp://www.facebook.com/pkaizer   https://twitter.com/pdkaizer   http://dribbble.com...
Upcoming SlideShare
Loading in …5
×

Rapid CMS enabled site development with Wordpress

1,308 views

Published on

Published in: Technology, Business
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total views
1,308
On SlideShare
0
From Embeds
0
Number of Embeds
134
Actions
Shares
0
Downloads
3
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Rapid CMS enabled site development with Wordpress

    1. 1. Rapid CMS enabled site development with Wordpress August 31, 2012 The Berndt Group
    2. 2. What is Wordpress
    3. 3. What is Wordpress• Open source CMS
    4. 4. What is Wordpress• Open source CMS• Written in PHP
    5. 5. What is Wordpress• Open source CMS• Written in PHP• MySQL database
    6. 6. What is Wordpress• Open source CMS• Written in PHP• MySQL database• Developed and maintained by Automatic
    7. 7. What is Wordpress• Open source CMS• Written in PHP• MySQL database• Developed and maintained by Automatic• First version release in 2003
    8. 8. Who is powered by
    9. 9. Who is powered by• All Things Digital
    10. 10. Who is powered by• All Things Digital• Nytimes.com blogs
    11. 11. Who is powered by• All Things Digital• Nytimes.com blogs• Mashable
    12. 12. Who is powered by• All Things Digital• Nytimes.com blogs• Mashable• Smashing Magazine
    13. 13. Who is powered by• All Things Digital• Nytimes.com blogs• Mashable• Smashing Magazine• Techcrunch
    14. 14. Who is powered by• All Things Digital• Nytimes.com blogs• Mashable• Smashing Magazine• Techcrunch• Citizen Cope
    15. 15. Who is powered by• All Things Digital• Nytimes.com blogs• Mashable• Smashing Magazine• Techcrunch• Citizen Cope• Wheaton College
    16. 16. Wordpress pros
    17. 17. Wordpress pros• Low barrier of entry
    18. 18. Wordpress pros• Low barrier of entry• Good levels of abstraction
    19. 19. Wordpress pros• Low barrier of entry• Good levels of abstraction• Good separation of presentation and data
    20. 20. Wordpress pros• Low barrier of entry• Good levels of abstraction• Good separation of presentation and data• Strong SEO built in
    21. 21. Wordpress pros• Low barrier of entry• Good levels of abstraction• Good separation of presentation and data• Strong SEO built in• Plugins
    22. 22. Wordpress pros• Low barrier of entry• Good levels of abstraction• Good separation of presentation and data• Strong SEO built in• Plugins• Ease of customization
    23. 23. Wordpress pros• Low barrier of entry• Good levels of abstraction• Good separation of presentation and data• Strong SEO built in• Plugins• Ease of customization • custom post types
    24. 24. Wordpress pros• Low barrier of entry• Good levels of abstraction• Good separation of presentation and data• Strong SEO built in• Plugins• Ease of customization • custom post types • custom taxonomies
    25. 25. Wordpress pros• Low barrier of entry• Good levels of abstraction• Good separation of presentation and data• Strong SEO built in• Plugins• Ease of customization • custom post types • custom taxonomies • featured images
    26. 26. Wordpress pros• Low barrier of entry • Ease of installation• Good levels of abstraction• Good separation of presentation and data• Strong SEO built in• Plugins• Ease of customization • custom post types • custom taxonomies • featured images
    27. 27. Wordpress pros• Low barrier of entry • Ease of installation• Good levels of • Hosting options abstraction• Good separation of presentation and data• Strong SEO built in• Plugins• Ease of customization • custom post types • custom taxonomies • featured images
    28. 28. Wordpress pros• Low barrier of entry • Ease of installation• Good levels of • Hosting options abstraction • Multi site option• Good separation of presentation and data• Strong SEO built in• Plugins• Ease of customization • custom post types • custom taxonomies • featured images
    29. 29. Wordpress pros• Low barrier of entry • Ease of installation• Good levels of • Hosting options abstraction • Multi site option• Good separation of • Child Themes presentation and data• Strong SEO built in• Plugins• Ease of customization • custom post types • custom taxonomies • featured images
    30. 30. Wordpress pros• Low barrier of entry • Ease of installation• Good levels of • Hosting options abstraction • Multi site option• Good separation of • Child Themes presentation and data• Strong SEO built in • Multiple authors• Plugins• Ease of customization • custom post types • custom taxonomies • featured images
    31. 31. Wordpress pros• Low barrier of entry • Ease of installation• Good levels of • Hosting options abstraction • Multi site option• Good separation of • Child Themes presentation and data• Strong SEO built in • Multiple authors• Plugins • Jquery and other Javascript libraries• Ease of customization included • custom post types • custom taxonomies • featured images
    32. 32. Wordpress pros• Low barrier of entry • Ease of installation• Good levels of • Hosting options abstraction • Multi site option• Good separation of • Child Themes presentation and data• Strong SEO built in • Multiple authors• Plugins • Jquery and other Javascript libraries• Ease of customization included • custom post types • Strong & engaged • custom taxonomies user community • featured images
    33. 33. Wordpress pros• Low barrier of entry • Ease of installation• Good levels of • Hosting options abstraction • Multi site option• Good separation of • Child Themes presentation and data• Strong SEO built in • Multiple authors• Plugins • Jquery and other Javascript libraries• Ease of customization included • custom post types • Strong & engaged • custom taxonomies user community • featured images • Free
    34. 34. Wordpress cons
    35. 35. Wordpress cons•Plugins
    36. 36. Wordpress cons•Plugins•no built in e-commerce functionality
    37. 37. Wordpress cons•Plugins•no built in e-commerce functionality•no built in personalization capability
    38. 38. Wordpress hosting
    39. 39. Wordpress hosting• Runs best on an Apache web server
    40. 40. Wordpress hosting• Runs best on an Apache web server• usually a Linux hosting environment
    41. 41. Wordpress hosting• Runs best on an Apache web server• usually a Linux hosting environment• must have:
    42. 42. Wordpress hosting• Runs best on an Apache web server• usually a Linux hosting environment• must have: • PHP 5.2.4 or greater
    43. 43. Wordpress hosting• Runs best on an Apache web server• usually a Linux hosting environment• must have: • PHP 5.2.4 or greater • MySQL 5.0 or greater
    44. 44. Wordpress hosting• Runs best on an Apache web server• usually a Linux hosting environment• must have: • PHP 5.2.4 or greater • MySQL 5.0 or greater • The mod_rewrite Apache module
    45. 45. Wordpress terms
    46. 46. Wordpress terms•Themes
    47. 47. Wordpress terms•Themes•Templates
    48. 48. Wordpress terms•Themes•Templates•Plugins
    49. 49. Wordpress terms•Themes•Templates•Plugins•Sidebar
    50. 50. Wordpress terms•Themes•Templates•Plugins•Sidebar•Admin Center
    51. 51. Wordpress terms•Themes•Templates•Plugins•Sidebar•Admin Center•Posts
    52. 52. Wordpress terms•Themes •Pages•Templates•Plugins•Sidebar•Admin Center•Posts
    53. 53. Wordpress terms•Themes •Pages•Templates •Custom Post types•Plugins•Sidebar•Admin Center•Posts
    54. 54. Wordpress terms•Themes •Pages•Templates •Custom Post types•Plugins•Sidebar •Widgets•Admin Center•Posts
    55. 55. Wordpress terms•Themes •Pages•Templates •Custom Post types•Plugins•Sidebar •Widgets•Admin •Tags Center•Posts
    56. 56. Wordpress terms•Themes •Pages•Templates •Custom Post types•Plugins•Sidebar •Widgets•Admin •Tags Center •Custom Fields•Posts
    57. 57. Wordpress terms•Themes •Pages•Templates •Custom Post types•Plugins•Sidebar •Widgets•Admin •Tags Center •Custom Fields•Posts •Permalinks
    58. 58. Wordpress layers
    59. 59. Wordpress layersapplication layer
    60. 60. Wordpress layersapplication data layer layer
    61. 61. Wordpress layersapplication data layer theme/ template layer layer
    62. 62. Wordpress architecture
    63. 63. Wordpress architecture•Wordpress core files
    64. 64. Wordpress architecture•Wordpress core files•Wordpress database
    65. 65. Wordpress architecture•Wordpress core files•Wordpress database•Themes
    66. 66. Wordpress architecture•Wordpress core files•Wordpress database•Themes •images
    67. 67. Wordpress architecture•Wordpress core files•Wordpress database•Themes •images •js files
    68. 68. Wordpress architecture•Wordpress core files•Wordpress database•Themes •images •js files•Plugins
    69. 69. Wordpress architecture•Wordpress core files•Wordpress database•Themes •images •js files•Plugins•Uploads
    70. 70. Wordpress architecture
    71. 71. Wordpress architecture• Extensive APIs
    72. 72. Wordpress architecture• Extensive APIs • Core relies on extensive API interface allowing quick and effective customization.
    73. 73. Wordpress architecture• Extensive APIs • Core relies on extensive API interface allowing quick and effective customization. • Can be overridden or modified by user-generated hooks and filters.
    74. 74. Wordpress architecture• Extensive APIs • Core relies on extensive API interface allowing quick and effective customization. • Can be overridden or modified by user-generated hooks and filters.• Feeds:
    75. 75. Wordpress architecture• Extensive APIs • Core relies on extensive API interface allowing quick and effective customization. • Can be overridden or modified by user-generated hooks and filters.• Feeds: • Supports RSS 1.0 (aka RDF), RSS 2.0 and ATOM specifications
    76. 76. Enterprise Ready
    77. 77. Enterprise Ready•Has been adapted to enterprise environments
    78. 78. Enterprise Ready•Has been adapted to enterprise environments•Provides support for Active Directory authentication
    79. 79. Enterprise Ready•Has been adapted to enterprise environments•Provides support for Active Directory authentication•user management
    80. 80. Enterprise Ready•Has been adapted to enterprise environments•Provides support for Active Directory authentication•user management•work-flow integration
    81. 81. Enterprise Ready•Has been adapted to enterprise environments•Provides support for Active Directory authentication•user management•work-flow integration•scheduled backups
    82. 82. Wordpress user roles
    83. 83. Wordpress user roles• Super Admin - access to site network administration features controlling the entire network
    84. 84. Wordpress user roles• Super Admin - access to site network administration features controlling the entire network• Administrator - access to all the administration features
    85. 85. Wordpress user roles• Super Admin - access to site network administration features controlling the entire network• Administrator - access to all the administration features• Editor - can publish and manage posts and pages as well as manage other users posts, etc.
    86. 86. Wordpress user roles• Super Admin - access to site network administration features controlling the entire network• Administrator - access to all the administration features• Editor - can publish and manage posts and pages as well as manage other users posts, etc.• Author - can publish and manage their own posts
    87. 87. Wordpress user roles• Super Admin - access to site network administration features controlling the entire network• Administrator - access to all the administration features• Editor - can publish and manage posts and pages as well as manage other users posts, etc.• Author - can publish and manage their own posts• Contributor - can write and manage their posts but not publish them
    88. 88. Wordpress site planning
    89. 89. Wordpress site planning•Content type inventory
    90. 90. Wordpress site planning•Content type inventory • Pages
    91. 91. Wordpress site planning•Content type inventory • Pages • Posts
    92. 92. Wordpress site planning•Content type inventory • Pages • Posts • Custom post types
    93. 93. Wordpress site planning•Content type inventory • Pages • Posts • Custom post types • Widgets
    94. 94. Wordpress site planning•Content type inventory • Pages • Posts • Custom post types • Widgets • Menus
    95. 95. Wordpress site planning•Content type inventory • Pages • Posts • Custom post types • Widgets • Menus • Taxonomies
    96. 96. Wordpress site planning•Content type inventory • Pages • Posts • Custom post types • Widgets • Menus • Taxonomies • Categories
    97. 97. Wordpress site planning•Content type inventory • Pages • Posts • Custom post types • Widgets • Menus • Taxonomies • Categories • Tags
    98. 98. Wordpress site planning•Content type inventory • Pages • Posts • Custom post types • Widgets • Menus • Taxonomies • Categories • Tags • Links
    99. 99. Wordpress site planning•Content type •Inventory inventory fields • Pages • Posts • Custom post types • Widgets • Menus • Taxonomies • Categories • Tags • Links
    100. 100. Wordpress site planning•Content type •Inventory inventory fields • Pages • Title • Posts • Custom post types • Widgets • Menus • Taxonomies • Categories • Tags • Links
    101. 101. Wordpress site planning•Content type •Inventory inventory fields • Pages • Title • Posts • Content • Custom post types • Widgets • Menus • Taxonomies • Categories • Tags • Links
    102. 102. Wordpress site planning•Content type •Inventory inventory fields • Pages • Title • Posts • Content • Custom post types • Excerpt • Widgets • Menus • Taxonomies • Categories • Tags • Links
    103. 103. Wordpress site planning•Content type •Inventory inventory fields • Pages • Title • Posts • Content • Custom post types • Excerpt • Widgets • Featured image • Menus • Taxonomies • Categories • Tags • Links
    104. 104. Custom post types
    105. 105. Custom post types•A custom post type is a representation of a type of content
    106. 106. Custom post types•A custom post type is a representation of a type of content•Helps organize differing types of content
    107. 107. Custom post types•A custom post type is a representation of a type of content•Helps organize differing types of content•Create page templates to render unique content type
    108. 108. Custom post types•A custom post type is a representation of a type of content•Helps organize differing types of content•Create page templates to render unique content type•Don’t use just a a means of
    109. 109. Wordpress Themes
    110. 110. Wordpress Themes• A Theme is the collection of files that work together to produce the look and feel of a Wordpress site.
    111. 111. Wordpress Themes• A Theme is the collection of files that work together to produce the look and feel of a Wordpress site.• Separates the presentation styles and template files from the system files so the site will upgrade without drastic changes to the visual presentation of the site.
    112. 112. Wordpress Themes• A Theme is the collection of files that work together to produce the look and feel of a Wordpress site.• Separates the presentation styles and template files from the system files so the site will upgrade without drastic changes to the visual presentation of the site.• Allows for customization of the site functionality unique to that Theme.
    113. 113. Wordpress Themes• A Theme is the collection of files that work together to produce the look and feel of a Wordpress site.• Separates the presentation styles and template files from the system files so the site will upgrade without drastic changes to the visual presentation of the site.• Allows for customization of the site functionality unique to that Theme.• Allows for quick changes of the visual design and layout of a Wordpress site.
    114. 114. Wordpress Theme files
    115. 115. Wordpress Theme files• Live in subdirectories residing in site- root/wp-content/themes/
    116. 116. Wordpress Theme files• Live in subdirectories residing in site- root/wp-content/themes/• Themes subdirectory holds all of the Themes stylesheet files, template files, and optional functions file (functions.php), JavaScript files, and images.
    117. 117. Wordpress Theme files• Live in subdirectories residing in site- root/wp-content/themes/• Themes subdirectory holds all of the Themes stylesheet files, template files, and optional functions file (functions.php), JavaScript files, and images.• At the very minimum, a Wordpress Theme consists of two files:
    118. 118. Wordpress Theme files• Live in subdirectories residing in site- root/wp-content/themes/• Themes subdirectory holds all of the Themes stylesheet files, template files, and optional functions file (functions.php), JavaScript files, and images.• At the very minimum, a Wordpress Theme consists of two files: • style.css
    119. 119. Wordpress Theme files• Live in subdirectories residing in site- root/wp-content/themes/• Themes subdirectory holds all of the Themes stylesheet files, template files, and optional functions file (functions.php), JavaScript files, and images.• At the very minimum, a Wordpress Theme consists of two files: • style.css • index.php
    120. 120. Theme Structure
    121. 121. Theme Structure
    122. 122. Anatomy of a theme
    123. 123. Anatomy of a theme
    124. 124. Approaches to Themes
    125. 125. Approaches to Themes•Modify an existing theme
    126. 126. Approaches to Themes•Modify an existing theme•Create a child theme of an existing theme
    127. 127. Approaches to Themes•Modify an existing theme•Create a child theme of an existing theme•Use a starter theme
    128. 128. Approaches to Themes•Modify an existing theme•Create a child theme of an existing theme•Use a starter theme•Use a theme framework
    129. 129. Approaches to Themes•Modify an existing theme•Create a child theme of an existing theme•Use a starter theme•Use a theme framework •create a child theme to the framework
    130. 130. Theme framework layers
    131. 131. Theme framework layersapplication layer
    132. 132. Theme framework layersapplication data layer layer
    133. 133. Theme framework layersapplication data layer layer theme framework layer
    134. 134. Theme framework layersapplication data layer layer theme framework layer child theme layer
    135. 135. Anatomy of a theme
    136. 136. Anatomy of a theme
    137. 137. Wordpress loop
    138. 138. Wordpress loop
    139. 139. Some things to do with the loop
    140. 140. Some things to do with the loop •The loop is mark up agnostic
    141. 141. Some things to do with the loop •The loop is mark up agnostic •Multiples loops
    142. 142. Some things to do with the loop •The loop is mark up agnostic •Multiples loops •Query posts by
    143. 143. Some things to do with the loop •The loop is mark up agnostic •Multiples loops •Query posts by •category
    144. 144. Some things to do with the loop •The loop is mark up agnostic •Multiples loops •Query posts by •category •tags
    145. 145. Some things to do with the loop •The loop is mark up agnostic •Multiples loops •Query posts by •category •tags •custom post type
    146. 146. Some things to do with the loop •The loop is mark up agnostic •Multiples loops •Query posts by •category •tags •custom post type •author
    147. 147. Some things to do with the loop •The loop is mark up agnostic •Multiples loops •Query posts by •category •tags •custom post type •author •date
    148. 148. The Wordpress loop 3.4.2 The Loop in Plain English Are there any posts published? Sorry, just had to ask, the rest of this code will go funky if there aren’t any. Begin the loop. This will cycle through the number of Posts you have set to display (under Settings > Reading). rel="bookmark" title="Permanent Link to <?php the_ A header tag with an anchor link inside it. The text will be the title of the Post, and the link will be the permalink to the single Post page. A custom field that is attached to this Post is pulled out and displayed. In this case, the key of “PostThumb”, which <p class="meta"> returns an “ ” tag symbolizing this Post. “Meta” information about the Post is displayed: the Month Day, Year the Post was published and the display name of </p> the Author who wrote it. The full content of the Post is displayed. More meta information about the post is displayed: all the tags and categories given to this Post and the number of comments, which is a link to the commenting area. </div> End of the loop If there are older or newer posts available, display links to them. No posts? (a failsafe) <?php else : ?> Better tell the people. All done.68
    149. 149. Wordpress and jquery
    150. 150. Wordpress and jqueryThe proper way to incluce jquery in a Theme
    151. 151. Wordpress and jqueryThe proper way to incluce jquery in a Theme<?php wp_enqueue_script(jquery); ?>
    152. 152. Wordpress and jqueryThe proper way to incluce jquery in a Theme<?php wp_enqueue_script(jquery); ?>It’s easy. It creates a link to a file you know isthere and you know works.
    153. 153. Wordpress and jqueryThe proper way to incluce jquery in a Theme<?php wp_enqueue_script(jquery); ?>It’s easy. It creates a link to a file you know isthere and you know works.It lets WordPress know that the requested file issuccessfully loaded.
    154. 154. Wordpress and jqueryThe proper way to incluce jquery in a Theme<?php wp_enqueue_script(jquery); ?>It’s easy. It creates a link to a file you know isthere and you know works.It lets WordPress know that the requested file issuccessfully loaded.<script type="text/javascript"
    155. 155. Wordpress and jqueryThe proper way to incluce jquery in a Theme<?php wp_enqueue_script(jquery); ?>It’s easy. It creates a link to a file you know isthere and you know works.It lets WordPress know that the requested file issuccessfully loaded.<script type="text/javascript"src="<?php bloginfo(template_url); ?>/js/myscript.js"></script>
    156. 156. Plugins
    157. 157. Plugins•Advanced Custom Fields
    158. 158. Plugins•Advanced Custom Fields•All in One SEO
    159. 159. Plugins•Advanced Custom Fields•All in One SEO•Maintenance Mode
    160. 160. Plugins•Advanced Custom Fields•All in One SEO•Maintenance Mode•Contact Form 7
    161. 161. Plugins•Advanced Custom Fields•All in One SEO•Maintenance Mode•Contact Form 7•Gravity Forms
    162. 162. Plugins•Advanced Custom Fields•All in One SEO•Maintenance Mode•Contact Form 7•Gravity Forms•W3 Total Cache
    163. 163. Plugins•Advanced Custom Fields•All in One SEO•Maintenance Mode•Contact Form 7•Gravity Forms•W3 Total Cache•Google XML Site maps
    164. 164. Plugins•Advanced Custom Fields•All in One SEO•Maintenance Mode•Contact Form 7•Gravity Forms•W3 Total Cache•Google XML Site maps•Akismet comment spam
    165. 165. Security
    166. 166. Security• Keep core up to date
    167. 167. Security• Keep core up to date• Limit use of plugins
    168. 168. Security• Keep core up to date• Limit use of plugins• Keep plugins up to date
    169. 169. Security• Keep core up to date• Limit use of plugins• Keep plugins up to date• Don’t use admin as the default admin user name
    170. 170. Security• Keep core up to date• Limit use of plugins• Keep plugins up to date• Don’t use admin as the default admin user name• Use secure passwords
    171. 171. Security• Keep core up to date• Limit use of plugins• Keep plugins up to date• Don’t use admin as the default admin user name• Use secure passwords • for user accounts and DB user
    172. 172. Security• Keep core up to date• Limit use of plugins• Keep plugins up to date• Don’t use admin as the default admin user name• Use secure passwords • for user accounts and DB user• Edit .htaccess file to limit access
    173. 173. Security• Keep core up to date• Limit use of plugins• Keep plugins up to date• Don’t use admin as the default admin user name• Use secure passwords • for user accounts and DB user• Edit .htaccess file to limit access• Change default table prefix from wp_
    174. 174. Security• Keep core up to date• Limit use of plugins• Keep plugins up to date• Don’t use admin as the default admin user name• Use secure passwords • for user accounts and DB user• Edit .htaccess file to limit access• Change default table prefix from wp_• Do DB backups
    175. 175. Security• Keep core up to date• Limit use of plugins• Keep plugins up to date• Don’t use admin as the default admin user name• Use secure passwords • for user accounts and DB user• Edit .htaccess file to limit access• Change default table prefix from wp_• Do DB backups• Limit login attempts
    176. 176. Resources• General Wordpress • Themes: resources: • http://themeshaper.com/• http://wordpress.org/•• http://digwp.com/ http://www.wpbeginner.com/ • Framework Themes: • Genesis• http://wpmu.org/ • Woo Themes• http://wpcandy.com/ • Thematic• http://lorelle.wordpress.com/ • Starter Themes:•• Security: http://akismet.com/ • • http://underscores.me/ Starkers: http://bit.ly/QIyGDK• http://vaultpress.com/ • Super Hijinks: http://bit.ly/ QIyC6T
    177. 177. Thank you! peter.kaizer@crs.orghttp://www.facebook.com/pkaizer https://twitter.com/pdkaizer http://dribbble.com/pdkaizer

    ×