Skip to content

Instantly share code, notes, and snippets.

@vbaimas
Last active July 1, 2018 23:39
Show Gist options
  • Save vbaimas/5c9ac4c64950a7cc11649c136d58149b to your computer and use it in GitHub Desktop.
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.
// 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' );
}
<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>
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