You can now find the notes from the night here: http://wpyvr.org/resources/round-table-discussion-notes-20120206/

You’ll also notice that the Meetup group now has it’s own website, www.wpyvr.org. It’s our plan to use this site as a hub for the group. We will be collecting all speaker presentations and notes and posting them here. As well, we have in the plans to expand the site into a community oriented forum where all interested may contribute resources, offer advice etc. on WordPress related issues and topics. So check back often to see the latest updates on the site and the meetup group!

Step 1: Modifying the Comments function

In your functions.php file, replace lines 117 to 133 starting with:

<article <?php comment_class(); ?> id="comment-<?php comment_ID() ?>">

and ending with:

<?php comment_reply_link( array_merge( $args, array( 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ); ?>

with the following:

<li <?php comment_class(); ?> id="li-comment-<?php comment_ID(); ?>">
		<div id="comment-<?php comment_ID(); ?>">
		<div class="comment-author vcard">
			<?php echo get_avatar( $comment, 40 ); ?>
			<?php printf( __( '%s <span class="says">says:</span>', 'starkers' ), sprintf( '<cite class="fn">%s</cite>', get_comment_author_link() ) ); ?>
		</div><!-- .comment-author .vcard -->
		<?php if ( $comment->comment_approved == '0' ) : ?>
			<em class="comment-awaiting-moderation"><?php _e( 'Your comment is awaiting moderation.', 'twentyten' ); ?></em>
			<br />
		<?php endif; ?>
 
		<div class="comment-meta commentmetadata"><a href="<?php echo esc_url( get_comment_link( $comment->comment_ID ) ); ?>">
			<?php
				/* translators: 1: date, 2: time */
				printf( __( '%1$s at %2$s', 'starkers' ), get_comment_date(),  get_comment_time() ); ?></a><?php edit_comment_link( __( '(Edit)', 'starkers' ), ' ' );
			?>
		</div><!-- .comment-meta .commentmetadata -->
 
		<div class="comment-body"><?php comment_text(); ?></div>
 
		<div class="reply">
			<?php comment_reply_link( array_merge( $args, array( 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ); ?>
		</div><!-- .reply -->
	</div><!-- #comment-##  -->

Step 2: Modifying the Comments Call

In your Comments.php file, change lines 41 to 43 to the following:

 <ol class="commentlist">
	<?php wp_list_comments( array( 'callback' => 'starkers_comment' ) ); ?>
 </ol>

Step 3: Styling your Comments List

In your CSS file, add the following styles. Of course, you can modify the styling to suit your needs. This CSS was taken directly from Twenty Ten.

#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

The Network Hub @ The Quay, New Westminister

It was such a pleasure being able to present at Freelance Camp 2011 this year at The Network Hub’s new campus in New Westminister. Beautiful space and many inspired talks.

The following are the plugins I mentioned during my WordPress presentation.

Social Media

• Social Media Widget
• Tweetmeme
• GetSocial
• Tweet, Like, Google+, and Share
• ShareThis
• Sociable
• WordTwit
• Facebook Publish
• Flickr RSS

Photo Gallery/ Photo display

• Next Gen Photogallery
• Lightbox
• Shadowbox

Video Gallery/ Video display

• TubePress
• WP Video Gallery
• Viper’s Video Quicktags

Mobile

• WPTouch

For those interested, you can also check out my presentation slides from a similar talk I gave last year at my Vancouver WordPress Meetup Group below. Also check out and join the meetup group if you’re interested in learning more about WordPress. We lead a workshop every month!

Photo by Jeremy Lim. www.jeremylim.ca

This post is so long overdue, but it has to be written. For the last 6 months or so, my colleagues, Morten Rand-Hendriksen and Anny Chih and I have worked tirelessly to organize our very first WordCamp dedicated to developers and designers aptly called, WordCamp: Developers. And on May 5, 2011, the event finally came to be. We hosted 200 guests at SFU Harbour Centre for a full day of talks geared at WordPress developers and designers. Split between two tracks, talks ranged from HTML 5, CSS 3, and JavaScript to Information Architecture, Mobile, Forums, Video, Theme design, E-Commerce and more.

Photo by Jeremy Lim. www.jeremylim.ca

With speakers coming from all over North America, we were so privileged to have WordPress heavyweights, Andrew Nacin and Lorelle Van Fossen open the day with an unique Q&A Keynote where we learned all about the WordPress brainchild, Nacin and his insider look at what’s in store for WordPress in the coming months.

We were also incredibly lucky to have a stellar lineup of speakers including Catherine Winters, Cam Cavers, Brendan Sera-Shriar, Steve Heffernan, Toby McKes, Allen Pike, Alex Nelson, Beau House, Mark Reale, Justin Sainton, Ray Villalobos, Rick Bjarnasson, Gene Bernier, and Curtis McHale.

As an organizer for the event, all the hard work is made worthwhile when we hear all the great feedback from the attendees. We had many tell us it was the smoothest and best organized conference they’d been to in years. Others applauded the superb quality of the speakers. And my favourite comment still, from Ms. Minna Van of the The Network Hub was that, “WordCamp Developers is the Mercedes of conferences!”. Now how can anyone leave a conference without a big smile on their face with such love? Not I…

Photo by Jeremy Lim. www.jeremylim.ca

But foremost, WordCamp: Developers brought together many new and seasoned developers and designers in Vancouver (and a few Internationally actually!) for a day of WordPress commune. It was incredible to see familiar and not-so-familiar faces in the crowd all geeking out to one passion, WordPress. We may not know it, but our local community of WordPress developers is much larger and more active than we may have first imagined. And the congregation of them all under one roof on May 5, was and will be one of the best events I’ve ever attended and definitely ever organized.

Thanks to all the volunteers on the day of, including Kulpreet, Astra, Ryan, Lisa and Jeremy for their invaluable help and to all the sponsors who helped us make it possible to even dream of such an event, let alone put it on with the kind of success that we had! Of course, we would not have a conference without our rockin’ lineup of speakers! Thankyou!

For more photos of the event, check out Jeremy Lim’s photos from the day and at our WordCamp Developers Flickr group!

You can also read all about the “making of” WordCamp Developers in Anny’s post!

Perhaps our work with Beauty Night was a destined one. About 6 months ago, I volunteered at the Vancouver NetSquared event held at SFU Harbour Centre. I was manning the WordPress Help Desk for the afternoon and happened to meet a lovely lady (who unfortunately, I do not remember her name! Apologies!) volunteering with Beauty Night to work on their WordPress website. At the time, she was looking for some help in maintaining the Beauty Night site, but various issues hindered its growth.

Fast forward 6 months, and I’m sitting down with Erika Harrison and Caroline MacGillivray, founder of Beauty Night Society, and we’re talking about the redevelopment of the site. I was immediately drawn to the project because as some may know, I’ve long been a proponent of mental health awareness and social change in the Downtown East side. So it was a natural choice for me to give my time to a such a worthy organization, such as Beauty Night.

Beauty Night is a non-profit society that hosts two evenings of makeovers a week for women living in poverty. Beauty Night builds self esteem and changes lives of women and youth living in poverty through 3 streams of programming: wellness, life skills development and makeovers. More than just physical makeovers however, Beauty Night is about building confidence and dignity among its participants, giving women a place to feel safe, respected, and cared for. Women have the opportunity to learn life skills, access various health services, and rejuvenate their physical and emotional spirit at each beauty night.

The redeveloped website takes this spirit of Beauty Night at heart. It showcases the society’s mission and work, and enables the organization to better reach its donors, volunteers, and constituents via various social media integrated tools (Twitter, Facebook, Flickr). It emphasizes the beauty and compassion of the organization.

Developed with WordPress, it is ultimately built to grow with the organization. It is made to be easy to use and easily expandable for future growth. For every non-profit, limited manpower and time, means a website needs to be flexible and easily maintainable. The new Beauty Night website is built with this in mind.

We are so happy to have been able to contribute to Beauty Night. The site was launched and showcased at the Vancouver Twestival 2011. We look forward to our continued work with this great organization!

First, if you have capitalized your custom post type names, then you will need to fix them because in WordPress 3.1, the register_post_type() call has been revamped and the whole array capabilities have changed. This also means that capitalization of post type names no longer work. Here’s a step by step on how I fixed my capitalization problem.

Step 1

Check out the new codex on register post types. Notice the new arguments and change your register_post_type call in your functions.php file according to the new system. There’s a good example of what the new call may look like.

IMPORTANT: Make sure that in your new calls that you use ALL lower case for the post type name.

Step 2

Cut and paste this code into your functions.php file before your register_post_type() call.

if(!get_option('custom_type_updated')){
global $wpdb;
$wpdb->query("UPDATE $wpdb->posts SET post_type = 'portfolio' WHERE post_type = 'Portfolio'");
update_option('custom_type_updated','true');
}

This will change your database post-types from uppercase to lowercase. Smart! Save your functions.php file and your custom post types should be fixed!

I got this from dennis_f at this thread. Thanks Dennis!

Permalinks problem

If you find that your permalinks have gone crazy and are not showing the correct pages or still giving your errors, try going into your Permalinks settings and saving it as default, and then returning it back to your custom settings. This should reset your permalinks problem.

Location
The Network Hub
422 Richards Street
3rd floor
Vancouver, BC

For more information and details on the workshop, check out the Vancouver WordPress Meetup.

Where
The Network Hub
422 Richards Street 3rd floor
Vancouver BC V6B 2Z3
604.767.8778

If you are in the Greater Vancouver area and would like to learn how to code your own WordPress plugins, join us at The Network Hub next week!

For more information and details on the workshop, check out the Vancouver WordPress Meetup.

What a fantastic turnout to our monthly Vancouver WordPress Meetup last Thursday August 12th for our, “Simple Yet Powerful WordPress Hacks” workshop. Our co-organizer, Morten Rand-Hendriksen gave a superb presentation on various hacks to spruce up your WordPress site. 40 lucky members made it to the event sponsored by The Network Hub.

Topics covered:

• Replace blog title with a linked image
• Add WP 3.0 menus to non-WP 3.0 theme
• Highlight current page or category in menu
• Creating custom page templates
• Add featured image functionality to your theme

All code snippets presented that evening are available here.