<?php //for full explanation visit http://harshacharya.com
//put this code in function.php
//Slider POST TYPE CODE
$labels = array(
'name' => 'Slider Type',
'singular_name' => 'Slider',
'search_items' => 'Search Slider Type',
'popular_items' => 'Popular Slider Type',
'all_items' => 'All Slider Type',
'parent_item' => 'Parent Slider',
'edit_item' => 'Edit Slider',
'update_item' => 'Update Slider',
'add_new_item' => 'Add New Slider',
'new_item_name' => 'New Slider',
'separate_items_with_commas' => 'Separate Slider Type with commas',
'add_or_remove_items' => 'Add or remove Slider Type',
'choose_from_most_used' => 'Choose from most used Slider Type'
);
$args = array(
'label' => 'Slider Type',
'labels' => $labels,
'public' => true,
'hierarchical' => true,
'show_ui' => true,
'show_in_nav_menus' => true,
'args' => array( 'orderby' => 'term_order' ),
'rewrite' => array( 'slug' => 'slider/slider_type', 'with_front' => false ),
'query_var' => true,
);
register_taxonomy( 'slider_type', 'slider', $args );
register_post_type( 'slider',
array(
'labels' => array(
'name' => __( 'Sliders' ),
'singular_name' => __( 'Slider' )
),
'public' => true,
'show_ui' => true,
'show_in_menu' => true,
'supports' => array( 'title', 'editor', 'thumbnail' ),
'rewrite' => array( 'slug' => 'slider', 'with_front' => false ),
'has_archive' => true,
'supports' => array('title', 'page-attributes', 'editor', 'thumbnail', 'excerpt', 'custom-fields', 'comments')
)
);
?>
<div class="skill-panel">
<!-- "previous page" action -->
<a class="prev browse left"></a>
<!-- root element for scrollable -->
<div class="scrollable">
<!-- root element for the items -->
<div class="items">
<?php
$args1 = array(
'post_type' => 'slider', /* This is where you should put your Post Type */
'orderby'=> 'menu_order',
'tax_query' => array(
array(
'taxonomy' => 'slider_type',
'field' => 'slug',
'terms' => 'home_scroller'/* category you make name it here*/
)
)
);
$my_query1 = null;
$my_query1 = new WP_Query($args1);
if( $my_query1->have_posts() ) {
while ($my_query1->have_posts()) : $my_query1->the_post();?>
<!--your code comes here-->
<div class="display-panel">
<div class="skill-box">
<?php the_post_thumbnail( array (148,103) );?>
<div class="img-title"><?php the_title(); ?></div>
</div>
</div>
<?php endwhile;
}
wp_reset_query(); // Restore global post data stomped by the_post().
?>
</div>
</div>
<a class="next browse right"></a>
</div>
<?php
/*For those who wants to use custom fields as well.This is a raw snippet from from my code not used in the above case.Ignore if you are not going to use it.*/
while ($my_query1->have_posts()) : $my_query1->the_post(); ?>
<?php
$id1 = get_the_ID();
$meta1 = get_post_meta($id1, 'Field_Image', true);//custom field name
$meta_link1 = get_post_meta($id1, 'Field_Image_Link', true);//custom field name
if ($meta1){ ?>
<li>
<?php if (!empty($meta_link1)){ ?>
<a href="<?php echo $meta_link1; ?>">
<?php } ?>
<img src="<?php echo $meta1; ?>" />
<?php if (!empty($meta_link1)){ ?>
</a>
<?php } ?>
</li>
<?php } ?>
<?php endwhile;
?>