Extending WordPress with Custom Post Types

Transcript

1. Extending WordPress Project with Custom Post Types Dasun Edirisinghe dasun.ediris.in/ghe dazunj4me@gmail.com @dazunj
2. • From Sri Lanka • Lead UX Designer at JKCS • Obsessed with WordPress • WordPress for anything
3. Post Types Default post types in WordPress Where we can use Example Idea that explain the capability of custom post types Custom Post Types Custom Post Types Custom Taxonomies + Metaboxes Extending with Custom Taxonomies and Meta Boxes Data to frontend Finishing the application
4. Default post types
5. Post Types 1. Post 2. Page 3. Revisions 4. Attachments 5. Menus
6. 1.Post • Post in WordPress typically use as blog posts. • Post type displayed in reverse order that means newest item 1st • Post can be assigned to a taxonomy
7. 2.Page • Page is a post type that can use to display static data • Pages are hierarchical and has option of applying / assign page templates • Page dose not have taxonomy features
8. 3.Revisions • Revision is a post type that related to the page or post content • Revisions are used to hold a draft post as well as any past revisions of a published post or page
9. 4.Attachments • is a special post type that holds information about a file uploaded through the WordPress media upload system such as its description and name.
10. 5.Menus • is a type that holds information about a single item in the WordPress navigation menu system. • These are the first examples of entries in the wp_posts table to be used for something other than an otherwise displayable content on the blog.
11. Where we can use custom post types ?
12. Where we can use • Portfolio • Job Board • Products • Tracking etc.
13. Tracking App • Basic requirement for a tracking app ◦ Information about product ◦ Track the status ◦ And leave a comment ( feedback on that ) • How we can use WordPress and custom post types to develop such a app ?
14. Tracking App ingredients • A custom post type called “Tracking Item “ • Few Custom post status to the new post type • Adding custom taxonomies and metadata to extend it more • Getting data into front-end.
15. Custom Post Type
16. Custom Post type 1. Registering post type 2. Extending post type with taxonomy and meta boxes 3. Best practises for custom post types
17. What is custom post type ? • Custom post type is way that you can hook custom contents into your WordPress Application ◦ Ex : Products , Movies , Portfolios etc. • SQL way, custom post type is new content type that is a different value which we can add in post_type column in wp_post table
18. WordPress + Custom Post Types
19. Register custom post types • add_action( 'init', 'create_custom_post_type' ); function create_custom_post_type() { register_post_type( 'sgwc_item', array( 'labels' => array( 'name' => __( 'Items' ), 'singular_name' => __( 'Item' ) ), 'public' => true, 'has_archive' => true, ) ); }
20. Register custom post types • This function receives two main arguments ◦ Labels which defines post name in both singular and plural format ◦ Public , which allow us to decide whether this post type needs to display in admin screens or just query and get the data. • This is the very basic requirement for a custom post type
21. Register custom post types function create_custom_portfolio() { $args = array( 'label' => __( 'Portfolio Item', 'nnpress' ), 'description' => __( 'This is portfolio post type', 'nnpress' ), 'labels' => $labels, 'supports' => array( 'title', 'editor', 'excerpt', 'thumbnail', 'revisions', ), 'hierarchical' => false, 'public' => true, 'show_ui' => true, 'show_in_menu' => true, 'menu_position' => 5, 'menu_icon' => 'dashicons-images-alt', 'show_in_admin_bar' => true, 'show_in_nav_menus' => true, 'can_export' => true, 'has_archive' => 'portfolio', 'exclude_from_search' => false, 'publicly_queryable' => true, 'capability_type' => 'post', ); register_post_type( 'nnp_portfolio', $args ); } add_action( 'init', 'create_custom_portfolio', 0 );
22. $labels = array( 'name' => _x( 'Portfolio Items', 'Post Type General Name', 'nnpress' ), 'singular_name' => _x( 'Portfolio Item', 'Post Type Singular Name', 'nnpress' ), 'menu_name' => __( 'Portfolio Items', 'nnpress' ), 'name_admin_bar' => __( 'Portfolio Item', 'nnpress' ), 'archives' => __( 'Item Archives', 'nnpress' ), 'parent_item_colon' => __( 'Parent Item:', 'nnpress' ), 'all_items' => __( 'All Items', 'nnpress' ), 'add_new_item' => __( 'Add New Item', 'nnpress' ), 'add_new' => __( 'Add New', 'nnpress' ), 'new_item' => __( 'New Item', 'nnpress' ), 'edit_item' => __( 'Edit Item', 'nnpress' ), 'update_item' => __( 'Update Item', 'nnpress' ), 'view_item' => __( 'View Item', 'nnpress' ), 'search_items' => __( 'Search Item', 'nnpress' ), 'not_found' => __( 'Not found', 'nnpress' ), 'not_found_in_trash' => __( 'Not found in Trash', 'nnpress' ), 'featured_image' => __( 'Portfolio Image', 'nnpress' ), 'set_featured_image' => __( 'Set portfolio image', 'nnpress' ), 'remove_featured_image' => __( 'Remove portfolio image', 'nnpress' ), 'use_featured_image' => __( 'Use as portfolio image', 'nnpress' ), 'insert_into_item' => __( 'Insert into item', 'nnpress' ), 'uploaded_to_this_item' => __( 'Uploaded to this item', 'nnpress' ), 'items_list' => __( 'Items list', 'nnpress' ), 'items_list_navigation' => __( 'Items list navigation', 'nnpress' ), 'filter_items_list' => __( 'Filter items list', 'nnpress' ), );
23. Extending custom post type 1. Different Post Status 2. Metadata ( Meta Boxes) 3. Custom Taxonomies
24. Register Custom Post Status • WordPress has 8 major post status by default • Publish , Future , Draft , Pending , Private , Trash , Auto-draft , inherit • WordPress allows to register custom post status by register_post_status()
25. Adding metadata to custom post types MetaData ( Metadata API) Post Meta User Meta Add Metadata Update Metadata Delete Metadata Get Metadata
26. Adding custom taxonomy • Taxonomy is a way to group things together. • Default taxonomies ◦ Categories ◦ Tags • Register custom taxonomy ◦ register_taxonomy( $taxonomy, $object_type, $args );
27. Adding custom taxonomy add_action( 'init', 'create_book_tax' ); function create_book_tax() { register_taxonomy( 'type', 'book', array( 'label' => __( 'Project Type' ), 'rewrite' => array( 'slug' => 'project-type' ), 'hierarchical' => true, ) ); }
28. Best Practises • It is recommend that you always put custom post types in a plugin rather than a theme • Always use your plugin or theme name as { prefix } in your post type • Use user friendly URL if you have used prefix in your post type
29. Best Practises • register_post_type( 'nnp_portfolio', array( 'labels' => array( 'name' => __( 'Portfolio' ), 'singular_name' => __( 'Portfolio' ) ), 'public' => true, 'has_archive' => true, 'rewrite' => array('slug' => 'portfolio'), • Show the uniqueness of this content type
30. Getting Data to Front End
31. Getting Data to front end • The WP_Query Class ◦ Short-codes ◦ Templates
32. Q & A 1. Tools that you can use a. WP Generator (https://generatewp.com) b. Meta Boxes (https://wordpress.org/plugins/meta-box /) c. WordPress Codex 2. Code References a. https://github.com/dazunE/StatusTracke r b. http://localhost/project-press/ c. https://docs.google.com/presentation/d /1BoSf4intah39JpNG0z_xKsQ9myvsVLtgl ORgYdFGkEQ/edit?usp=sharing