• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Various Ways of Using WordPress
 

Various Ways of Using WordPress

on

  • 6,272 views

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

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

Statistics

Views

Total Views
6,272
Views on SlideShare
6,091
Embed Views
181

Actions

Likes
22
Downloads
253
Comments
2

10 Embeds 181

http://cahcepu.com 39
http://prschool.wordpress.com 36
http://minnixnotes.com 32
http://phug.ca 30
http://joanvinallcox.wordpress.com 20
http://krekd.blogspot.com 12
http://www.slideshare.net 8
http://x8.tumblr.com 2
http://static.slidesharecdn.com 1
http://www.tumblr.com 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

12 of 2 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />

Various Ways of Using WordPress Various Ways of Using WordPress Presentation Transcript

  • VARIOUS WAYS OF USING WordPress Customizing BY: NICK LA www.ndesign-studio.com
  • Big Thanks to WordPress! N.Design Studio Web Designer Wall ndesign-studio.com webdesignerwall.com Best Web Gallery IconDock bestwebgallery.com icondock.com
  • 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
  • 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
  • How I Use WordPress: Blog Gallery Shop bestwebgallery.com webdesignerwall.com icondock.com
  • 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($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 } ?>
  • Displaying A Dynamic <title> Tag
  • 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>
  • Using WordPress As Gallery
  • Managing Posts With Custom Fields
  • Custom Fields Use custom fields to display post content Thumb URL Large Image
  • 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/
  • Theme Switcher
  • 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
  • Themes Overview of template files
  • 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 }?>
  • Using WordPress As Shop / Blog
  • Displaying The 5 Latest Posts
  • Query_Posts Use query_posts to display the 5 latest posts Display 5 latest posts
  • 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; ?>
  • 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> <? } ?>
  • Managing Free Icon Posts With Custom Fields
  • Custom Fields Custom fields on the free icon page WP PostRatings http://wordpress.org/extend/plugins/wp-postratings/ credits description download url preview
  • 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 /* 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(); ?>
  • Free Icon Template Create a blank page (Free Icons) and assign the template blank page (no content) Page 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.typographica.org FlickOut http://flickout.com Jeff Finley http://www.jefffinley.org
  • Thank You