Last active
July 1, 2018 23:39
-
-
Save vbaimas/5c9ac4c64950a7cc11649c136d58149b to your computer and use it in GitHub Desktop.
Clients Carousel in WordPress using Custom Post Types, Advanced Custom Fields and Flexslider.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Register Custom Post Type | |
function partner() { | |
$labels = array( | |
'name' => _x( 'partner', 'Post Type General Name', 'partner' ), | |
'singular_name' => _x( 'partner', 'Post Type Singular Name', 'partner' ), | |
'menu_name' => __( 'Partner', 'partner' ), | |
'name_admin_bar' => __( 'Partners', 'partner' ), | |
'archives' => __( 'Item Archives', 'partner' ), | |
'attributes' => __( 'Item Attributes', 'partner' ), | |
'parent_item_colon' => __( 'Parent Item :', 'partner' ), | |
'all_items' => __( 'All Partners', 'partner' ), | |
'add_new_item' => __( 'Add New Item of partner', 'partner' ), | |
'add_new' => __( 'Add New Partner', 'partner' ), | |
'new_item' => __( 'New Item partner', 'partner' ), | |
'edit_item' => __( 'Edit partner', 'partner' ), | |
'update_item' => __( 'Update partner', 'partner' ), | |
'view_item' => __( 'View Item partner', 'partner' ), | |
'view_items' => __( 'View Items of partners', 'partner' ), | |
'search_items' => __( 'Search Item partner', 'partner' ), | |
'not_found' => __( 'Quote Not found', 'partner' ), | |
'not_found_in_trash' => __( 'Quote Not found in Trash', 'partner' ), | |
'featured_image' => __( 'Partner Featured Image', 'partner' ), | |
'set_featured_image' => __( 'Set featured image of partner', 'partner' ), | |
'remove_featured_image' => __( 'Remove featured image of partner', 'partner' ), | |
'use_featured_image' => __( 'Use as featured image for partner', 'partner' ), | |
'insert_into_item' => __( 'Insert into item', 'partner' ), | |
'uploaded_to_this_item' => __( 'Uploaded to this item', 'partner' ), | |
'items_list' => __( 'Items list', 'partner' ), | |
'items_list_navigation' => __( 'Items list navigation', 'partner' ), | |
'filter_items_list' => __( 'Filter items list', 'partner' ), | |
); | |
$args = array( | |
'label' => __( 'partner', 'partner' ), | |
'description' => __( 'Post Type Description', 'partner' ), | |
'labels' => $labels, | |
'supports' => array( 'title', 'custom-fields', ), | |
//'taxonomies' => array( 'category', 'post_tag' ), | |
'menu_icon' => 'dashicons-format-status', | |
'hierarchical' => false, | |
'public' => true, | |
'show_ui' => true, | |
'show_in_menu' => true, | |
'menu_position' => 5, | |
'show_in_admin_bar' => true, | |
'show_in_nav_menus' => true, | |
'can_export' => true, | |
'has_archive' => true, | |
'exclude_from_search' => false, | |
'publicly_queryable' => true, | |
'capability_type' => 'page', | |
); | |
register_post_type( 'partner', $args ); | |
} | |
add_action( 'init', 'partner', 0 ); | |
//* Enqueue FlexSlider's CSS and Javascript | |
// load from js and CSS folders | |
add_action( 'wp_enqueue_scripts', 'enqueue_flexslider' ); | |
function enqueue_flexslider() { | |
wp_enqueue_script ('jQuery.vbaimas', get_template_directory_uri() . '/js/jQuery.vbaimas.js', array('jquery')); | |
wp_enqueue_script ('jquery.flexslider-min', get_template_directory_uri() . '/js/jquery.flexslider-min.js', array( 'jquery' )); | |
wp_enqueue_style( 'slick-styles', get_template_directory_uri() . '/css/flexslider.css' ); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<section class="partners"> | |
<div class="row"> | |
<h2 class="align-center"> Some companies which have placed their <span class="w700">trust in us</span></h2> | |
<div class="sm-12 md-12 lg-6 lg-offset-3 columns"> | |
<p class="align-center">Our fitted offices are suitable for different types of businesses which also create a platform for networking and collaborations.</p> | |
</div> | |
</div> | |
<div class="row"> | |
<?php | |
$args = array( | |
'post_type' => 'partner', | |
'post_status' => 'publish', | |
); | |
$partner_query = new WP_Query( $args );?> | |
<?php if($partner_query->have_posts()) : while($partner_query->have_posts()) : $partner_query->the_post(); ?> | |
<?php $images = get_field('add_new_partner'); | |
if( $images ): ?> | |
<div class="sm-12 md-12 lg-12 columns"> | |
<div class="flexslider clearfix"> | |
<ul class="slides"> | |
<?php foreach( $images as $image ): ?> | |
<li> | |
<img class="partner" src="<?php echo $image['sizes']['partner']; ?>" alt="<?php echo $image['alt']; ?>"/> | |
</li> | |
<?php endforeach; ?> | |
</ul> | |
</div> | |
</div> | |
<?php endif; ?> | |
<?php endwhile; endif;?> | |
<?php wp_reset_postdata();?> | |
</div> | |
<div class="row"> | |
<a class="more-p align-center" href="<?php echo get_page_link(11); ?>">Partner with us</a> | |
</div> | |
</section> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
jQuery(document).ready(function($) { | |
$('.flexslider').flexslider({ | |
animation: "slide", | |
animationLoop: false, | |
itemWidth: 210, | |
itemMargin: 5, | |
directionNav : false, | |
}); | |
}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment