VARIOUS WAYS OF USING
              WordPress
Customizing


                BY: NICK LA
              www.ndesign-studio.c...
Big Thanks to WordPress!




 N.Design Studio        Web Designer Wall
   ndesign-studio.com     webdesignerwall.com




 ...
Why WordPress?
• Easy to learn & use
 Good documentation and simple admin panel

• Flexible and dynamic
 Create dynamic si...
Things You Should Know
 • Custom Fields
  http://codex.wordpress.org/Using_Custom_Fields


 • Conditional Tags
  http://co...
How I Use WordPress:




     Blog                Gallery             Shop
                      bestwebgallery.com
webdes...
Using WordPress As




       Blog
Displaying A Custom Post Image
Custom Fields
Use custom field to display a post image




                                           Custom field
Custom Fields
Assigning custom field (Admin > Write)




                       Custom field      Image URL
Custom Fields
Outputting custom field in template file




       index.php



           <?php $postimage = get_post_meta...
Displaying A Dynamic <title> Tag
Conditional Tags
Use Conditional Tags to display a dynamic <title> tag




                                               ...
Using WordPress As




      Gallery
Managing Posts With Custom Fields
Custom Fields
Use custom fields to display post content




                                            Thumb


          ...
Plugin: Custom Write Panel
Save time by using Custom Write Panel plugin to manage posts




              Custom Write Pan...
Theme Switcher
Plugin: Theme Switcher
With Theme Switcher, visitors can pick their layout preference




                                ...
Themes
Overview of template files
PHP Include
Use Conditional Tags to dynamically include template file from the “master” theme




       <?php if (is_page...
Using WordPress As




     Shop / Blog
Displaying The 5 Latest Posts
Query_Posts
Use query_posts to display the 5 latest posts




                                                Display 5 la...
Query_Posts
Sample code: query_posts and the loop




                                                                    ...
Conditional Tags
If the post is in the free icon category, display the post rating plugin




                            ...
Managing Free Icon Posts With Custom Fields
Custom Fields
Custom fields on the free icon page



                                      WP PostRatings
                ...
Plugin: Flutter
Use Flutter to manage the free icon posts




   Flutter
   http://flutter.freshout.us
Getting Rid Of The Category Base
Free Icon Template
Creating a Page template for the free icon page




                                              <?php...
Free Icon Template
Create a blank page (Free Icons) and assign the template




                                          ...
Creating A Shop With WP ECommerce Plugin
Download WP eCommerce
http://www.instinct.co.nz/e-commerce/
Inspiration
45Royale Inc.
http://www.45royale.com



Creative Depart
http://www.creativedepart.com



Typographica
http://new.typograp...
Thank You
Upcoming SlideShare
Loading in...5
×

Various Ways of Using WordPress

4,487

Published on

Presentation slides for WordCamp Toronto 2009 by Nick La, www.ndesign-studio.com.

Published in: Design, Technology, Business
2 Comments
22 Likes
Statistics
Notes
No Downloads
Views
Total Views
4,487
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
256
Comments
2
Likes
22
Embeds 0
No embeds

No notes for slide




































  • Various Ways of Using WordPress

    1. 1. VARIOUS WAYS OF USING WordPress Customizing BY: NICK LA www.ndesign-studio.com
    2. 2. Big Thanks to WordPress! N.Design Studio Web Designer Wall ndesign-studio.com webdesignerwall.com Best Web Gallery IconDock bestwebgallery.com icondock.com
    3. 3. Why WordPress? • Easy to learn & use Good documentation and simple admin panel • Flexible and dynamic Create dynamic sites with Template Tags • SEO friendly Friendly URL and semantic coding • FREE! Free open source + plugins and themes
    4. 4. Things You Should Know • Custom Fields http://codex.wordpress.org/Using_Custom_Fields • Conditional Tags http://codex.wordpress.org/Conditional_Tags • Query_Posts http://codex.wordpress.org/Template_Tags/query_posts • Page Template http://codex.wordpress.org/Pages • Finding Good Plugins http://wordpress.org/extend/plugins
    5. 5. How I Use WordPress: Blog Gallery Shop bestwebgallery.com webdesignerwall.com icondock.com
    6. 6. Using WordPress As Blog
    7. 7. Displaying A Custom Post Image
    8. 8. Custom Fields Use custom field to display a post image Custom field
    9. 9. Custom Fields Assigning custom field (Admin > Write) Custom field Image URL
    10. 10. Custom Fields Outputting custom field in template file index.php <?php $postimage = get_post_meta($post->ID, 'post_image', true); ?> <?php if ($postimage != quot;quot;) { ?> <a href=quot;<?php the_permalink() ?>quot;><img src=quot;<?php echo $postimage; ?>quot; /></a> <?php } ?>
    11. 11. Displaying A Dynamic <title> Tag
    12. 12. Conditional Tags Use Conditional Tags to display a dynamic <title> tag header.php <title> <?php if (is_home()) { echo bloginfo('name'); } elseif (is_404()) { echo '404 Not Found'; } elseif (is_category()) { echo 'Category:'; wp_title(''); } elseif (is_search()) { echo 'Search Results'; } elseif ( is_day() || is_month() || is_year() ) { echo 'Archives:'; wp_title(''); } else { echo wp_title(''); } ?> </title>
    13. 13. Using WordPress As Gallery
    14. 14. Managing Posts With Custom Fields
    15. 15. Custom Fields Use custom fields to display post content Thumb URL Large Image
    16. 16. Plugin: Custom Write Panel Save time by using Custom Write Panel plugin to manage posts Custom Write Panel http://wordpress.org/extend/plugins/custom-write-panel/
    17. 17. Theme Switcher
    18. 18. Plugin: Theme Switcher With Theme Switcher, visitors can pick their layout preference Theme Switcher http://wordpress.org/extend/plugins/theme-switcher/ Large Preview Thumbnail Details
    19. 19. Themes Overview of template files
    20. 20. PHP Include Use Conditional Tags to dynamically include template file from the “master” theme <?php if (is_page()) { /* Theme Name: Details include ('./wp-content/themes/master/page.php'); */ } elseif (is_404()) { include ('./wp-content/themes/master/404.php'); } elseif (in_category(8)) { include ('./wp-content/themes/master/category-8.php'); } elseif (is_single()) { include ('./wp-content/themes/master/single.php'); } else {?> <?php include ('./wp-content/themes/master/header.php'); ?> <div>. . . display posts . . . </div> <?php include ('./wp-content/themes/master/sidebar.php'); ?> <?php include ('./wp-content/themes/master/footer.php'); ?> <?php }?>
    21. 21. Using WordPress As Shop / Blog
    22. 22. Displaying The 5 Latest Posts
    23. 23. Query_Posts Use query_posts to display the 5 latest posts Display 5 latest posts
    24. 24. Query_Posts Sample code: query_posts and the loop index.php <?php query_posts('showposts=5'); ?> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); $loopcounter++; ?> <?php if ($loopcounter <= 1) { ?> <div> first post content </div> <ul class=quot;recent-postquot;> <?php } else { ?> <li> last 4 post links </li> <? } ?> <?php endwhile;?> </ul> <?php else : ?> ...code... <?php endif; ?>
    25. 25. Conditional Tags If the post is in the free icon category, display the post rating plugin <?php if (in_category('28')) { ?> <p>credits</p> <?php if(function_exists('the_ratings')) { the_ratings(); } ?> <?php } else { ?> <p>regular post data</p> <? } ?>
    26. 26. Managing Free Icon Posts With Custom Fields
    27. 27. Custom Fields Custom fields on the free icon page WP PostRatings http://wordpress.org/extend/plugins/wp-postratings/ credits description download url preview
    28. 28. Plugin: Flutter Use Flutter to manage the free icon posts Flutter http://flutter.freshout.us
    29. 29. Getting Rid Of The Category Base
    30. 30. Free Icon Template Creating a Page template for the free icon page <?php /* Template Name: Template - Free Icons */ ?> template-free-icon.php <?php get_header(); ?> <?php $page_num = $paged; if ($pagenum='') $pagenum =1; query_posts('cat=28&posts_per_page=-1&paged='.$page_num); ?> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <div> display post here </div> <? endwhile;endif; ?> <?php get_sidebar(); ?> <?php get_footer(); ?>
    31. 31. Free Icon Template Create a blank page (Free Icons) and assign the template blank page (no content) Page template
    32. 32. Creating A Shop With WP ECommerce Plugin
    33. 33. Download WP eCommerce http://www.instinct.co.nz/e-commerce/
    34. 34. Inspiration
    35. 35. 45Royale Inc. http://www.45royale.com Creative Depart http://www.creativedepart.com Typographica http://new.typographica.org FlickOut http://flickout.com Jeff Finley http://www.jefffinley.org
    36. 36. Thank You
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×