Slide 1
Slide 1 text
No content
Slide 2
Slide 2 text
No content
Slide 3
Slide 3 text
416style
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
No content
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
/*
Theme Name: Mike's Theme
Description: Child Theme of Twenty Eleven
Template: twentyeleven
*/
@import url("../twentyeleven/style.css");
Slide 14
Slide 14 text
Slide 15
Slide 15 text
Add a
Custom Post Type
Called "Comics"
Slide 16
Slide 16 text
Slide 17
Slide 17 text
Slide 18
Slide 18 text
function mikes_theme_init() {
register_post_type( 'comic', array(
'public' => true,
));
}
But!
Slide 19
Slide 19 text
function mikes_theme_init() {
register_post_type( 'comic', array(
'public' => true,
'label' => 'Comics',
));
}
Now!
Slide 20
Slide 20 text
No content
Slide 21
Slide 21 text
No content
Slide 22
Slide 22 text
No content
Slide 23
Slide 23 text
function mikes_theme_init() {
register_post_type( 'comic', array(
'public' => true,
'label' => 'Comics',
'rewrite' => array(
'with_front' => false,
),
));
}
Better, but
quite right:
Slide 24
Slide 24 text
function mikes_theme_init() {
register_post_type( 'comic', array(
'public' => true,
'label' => 'Comics',
'rewrite' => array(
'with_front' => false,
'slug' => 'comics',
),
));
} Perfecto!
Slide 25
Slide 25 text
No content
Slide 26
Slide 26 text
No content
Slide 27
Slide 27 text
Add a
Custom Form
(a "Metabox")
and
Custom Fields
Slide 28
Slide 28 text
No content
Slide 29
Slide 29 text
add_action('add_meta_boxes','mikes_theme_add_meta_boxes');
function mikes_theme_add_meta_boxes( $post_type ) {
if ( 'comic' == $post_type )
add_meta_box( 'comic_info_box', // $id
'Comic Information', // $title
'mikes_theme_comic_meta_box', // $callback
'comic', // $page,
'normal', // $context,
'high' ); // $priority
}
Slide 30
Slide 30 text
function mikes_theme_comic_meta_box( $post ) {
$cartoonist = ''; $since= ''; $website = '';
$html =<<
Cartoonist:
Since:
Website:
HTML;
echo $html;
}
Slide 31
Slide 31 text
add_action( 'save_post', 'mikes_theme_save_post');
function mikes_theme_save_post( $post_id ) {
if ( 'comic' == $post_type ) {
update_post_meta($post_id,'_cartoonist',$_POST['cartoonist']);
update_post_meta($post_id,'_since',$_POST['since']);
update_post_meta($post_id,'_website',$_POST['website']);
}
}
Note the leading underscores on the
post meta 'key' names (2nd parameter)
Slide 32
Slide 32 text
function mikes_theme_comic_meta_box( $post ) {
$cartoonist = get_post_meta( $post->ID, '_cartoonist', true );
$since = get_post_meta( $post->ID, '_since', true );
$website = get_post_meta( $post->ID, '_website', true );
$html =<<
Slide 33
Slide 33 text
Create a
Theme Template File
for a
Custom Post Type
Slide 34
Slide 34 text
No content
Slide 35
Slide 35 text
>
Cartoonist:
ID, '_cartoonist', true); ?>
Since: ID, '_since', true ); ?>
Website: ID, '_website', true ); ?>
Since: ID, '_since', true ); ?>
Website: ID, '_website', true ); ?>
Slide 36
Slide 36 text
Add Admin Columns
for your
Custom Post Type
Slide 37
Slide 37 text
No content
Slide 38
Slide 38 text
add_filter(
'manage_edit-comic_columns',
'mikes_theme_manage_edit_comic_columns'
);
function mikes_theme_manage_edit_comic_columns( $columns ) {
$columns['cartoonist'] = 'Cartoonist';
$columns['website'] = 'Website';
return $columns;
}
Slide 39
Slide 39 text
add_filter(
'manage_comic_posts_custom_column',
'mikes_theme_manage_comic_posts_custom_column',
10, 2
);
function mikes_theme_manage_comic_posts_custom_column(
$column_name,
$post_id
) {
switch ( $column_name ) {
case 'cartoonist':
echo get_post_meta( $post_id, "_cartoonist", true );
break;
case 'website':
$website = get_post_meta( $post_id, "_website", true );
$domain = trim( str_replace( 'http://', '', $website ), '/' );
echo "{$domain}";
break;
}
}
Slide 40
Slide 40 text
function mikes_theme_manage_edit_comic_columns( $columns ) {
$new_columns = array();
foreach( $columns as $key => $value ) {
if ( 'date' == $key ) {
$new_columns['cartoonist'] = 'Cartoonist';
$new_columns['website'] = 'Website';
}
$new_columns[$key] = $value;
}
return $new_columns;
}
Slide 41
Slide 41 text
Adding a
Custom Taxonomy
to a Post Type
Slide 42
Slide 42 text
function mikes_theme_init() {
...
...
register_taxonomy( 'art-style', 'comic', array(
'hierarchical' => true,
'label' => 'Art Styles',
'rewrite' => array(
'slug' => 'art-styles',
'with_front' => false
),
));
Slide 43
Slide 43 text
Configure
Post Edit Screens
(including Posts and Pages)
Slide 44
Slide 44 text
No content
Slide 45
Slide 45 text
function mikes_theme_init() {
...
...
register_post_type( 'episode', array(
'label' => 'Episodes',
'public' => true,
'rewrite' => array(
'slug' =>'episodes',
'with_front' => false
),
'supports' => array(
'title',
'thumbnail',
'excerpt'
),
));
Slide 46
Slide 46 text
No content
Slide 47
Slide 47 text
Parent Post Field in a
Post Editor Metabox
(useful for non-same post types)
Slide 48
Slide 48 text
function mikes_theme_add_meta_boxes($post_type) {
...
if ( 'episode' == $post_type )
add_meta_box( 'episode_info_box',
'Episode Info',
'mikes_theme_episode_meta_box',
'episode','side','low' );
}
function mikes_theme_episode_meta_box( $post ) {
$html =<<
Comic:
HTML;
echo $html;
}
Slide 49
Slide 49 text
Querying
Custom Post Types
Slide 50
Slide 50 text
function mikes_theme_episode_meta_box( $post ) {
$select_html = mikes_theme_comic_dropdown( $post->post_parent );
$html =<<
Comic:
{$select_html}
HTML;
echo $html;
}
Slide 51
Slide 51 text
function mikes_theme_comic_dropdown( $selected_id ) {
$query = new WP_Query( 'post_type=comic&posts_per_page=-1' );
$comics = array();
foreach( $query->posts as $comic ) {
$title = get_the_title( $comic->ID );
$selected = $comic->ID == intval( $selected_id ) ? ' selected' : '';
$comics[ $comic->ID ] = <<{$title}
HTML;
}
$comics = implode( '', $comics );
$html =<<
None selected
{$comics}
HTML;
return $html;
}
Slide 52
Slide 52 text
Hierarchical URLs for
Custom Post Types
Slide 53
Slide 53 text
No content
Slide 54
Slide 54 text
No content
Slide 55
Slide 55 text
add_rewrite_rule(
'^comics/([^/]*)/([^/]*)/?',
'index.php?post_type=episode&comic_qv=$matches[1]&episode_qv=$matches[2]',
'top'
);
register_post_type( 'comic', array(
...
'query_var' => 'comic_qv',
...
));
register_post_type( 'episode', array(
...
'query_var' => 'episode_qv',
...
));
Slide 56
Slide 56 text
add_action( 'post_type_link', 'mikes_theme_post_type_link', 10, 4 );
function mikes_theme_post_type_link( $link, $post, $leavename, $sample ) {
if ( 'episode' == $post->post_type ) {
$parent = get_post( $post->post_parent );
$comic_slug = isset( $parent->post_name )
? $parent->post_name
' : '%comic%';
$episode_slug = $sample
? '%postname%'
: $post->post_name;
$link = preg_replace( '#^(https?://[^/]+/).*$#',
"$1comics/{$comic_slug}/{$episode_slug}/", $link );
}
return $link;
}
Slide 57
Slide 57 text
add_action( 'request', 'mikes_theme_request' );
function mikes_theme_request( $query_vars ) {
global $wp;
if ( ! is_admin() &&
isset( $query_vars['post_type'] ) &&
'episode' == $query_vars['post_type'] ) {
$comic = get_page_by_path( $query_vars['comic_qv'], OBJECT, 'comic' );
$episode_query = new WP_Query( array(
'name' => $query_vars['episode_qv'],
'post_type' => 'episode',
'fields' => 'ids',
'post_parent' => $comic->ID,
'posts_per_page' => 1,
'suppress_filters' => true,
));
if ( 0 == count( $episode_query->posts ) ) {
$query_vars = array( 'error' => '404' );
}
}
return $query_vars;
}
Slide 58
Slide 58 text
No content
Slide 59
Slide 59 text
>
', '
' ); ?>
Comic: post_parent ); ? >
ID ) ) $image_html = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>Slide 60
Slide 60 text
Custom Post Type Filters
in Admin Post List
Slide 61
Slide 61 text
No content
Slide 62
Slide 62 text
No content
Slide 63
Slide 63 text
No content
Slide 64
Slide 64 text
function mikes_theme_comic_dropdown( $selected_id, $name = 'parent_id' ) {
$query = new WP_Query( 'post_type=comic&posts_per_page=-1' );
$comics = array();
foreach( $query->posts as $comic ) {
$title = get_the_title( $comic->ID );
$selected = $comic->ID == intval( $selected_id ) ? ' selected' : '';
$comics[ $comic->ID ] = <<{$title}
HTML;
}
$comics = implode( '', $comics );
$html =<<
None selected
{$comics}
HTML;
return $html;
}
Slide 65
Slide 65 text
add_action( 'restrict_manage_posts', 'mikes_theme_restrict_manage_posts' );
function mikes_theme_restrict_manage_posts() {
$comic_id = empty( $_GET['comic_id'] ) ? 0 : $_GET['comic_id'];
echo 'Comic: ' . mikes_theme_comic_dropdown( $comic_id, 'comic_id' );
}
add_filter('pre_get_posts','mikes_theme_pre_get_posts');
function mikes_theme_pre_get_posts( $query ) {
global $pagenow, $typenow, $wp_the_query;
if ( 'edit.php' == $pagenow && 'episode' == $typenow &&
$query === $wp_the_query && ! empty( $_GET['comic_id'] ) ) {
$query->set( 'post_parent', intval( $_GET['comic_id'] ) );
}
}
Slide 66
Slide 66 text
You can do practically anything
you put your mind to with
WordPress' CPTs and a little PHP!
Slide 67
Slide 67 text
There's More…
Slide 68
Slide 68 text
No content
Slide 69
Slide 69 text
No content