Testimonials carousel in Oxygen using Easy Posts, ACF and Owl
This members-only tutorial provides the steps to display entries of a testimonial
Custom Post Type via Oxygen's Easy Posts as a responsive carousel using Owl.
For each testimonial entry, we shall show featured image, excerpt, star rating custom field
Screenshots:
1201px and above:
![](https://i2.wp.com/wpdevdesign.com/wp-content/uploads/2019/07/oxygen-cpt-testimonials-owl-carousel.jpg?fit=1024%2C541&ssl=1)
769px and above:
![](https://i1.wp.com/wpdevdesign.com/wp-content/uploads/2019/07/oxygen-cpt-testimonials-owl-carousel2.jpg?fit=953%2C1024&ssl=1)
768px and below:
![](https://i1.wp.com/wpdevdesign.com/wp-content/uploads/2019/07/oxygen-cpt-testimonials-owl-carousel3.jpg?fit=615%2C1024&ssl=1)
Custom font icons will be used for left/right arrows, quotation symbol and stars.
Step 1
Install and activate Custom Post Type UI plugin.
Add testimonial
post type.
![](https://i1.wp.com/wpdevdesign.com/wp-content/uploads/2019/07/Screen-Shot-2019-07-08-at-10.54.06-am.png?fit=1024%2C912&ssl=1)
Step 2
Download, install (upload) and activate ACF Star Rating Field plugin.
Step 3
Install and activate Advanced Custom Fields plugin.
Go to Custom Fields > Tools.
Import this field group. (alternate download link)
That will add a "Testimonial Meta" field group having a Star Rating type field named star_rating
attached to testimonial
CPT entries.
Step 4
Add as many testimonial entries as you have/want.
Enter title, content, featured image (shown as 120 x 120 in the front end), star rating for each.
![](https://wpdevdesign.com/wp-content/uploads/2019/07/Screen-Shot-2019-07-08-at-11.14.00-am.png)
Step 5
Install and activate My Custom Functionality plugin.
Connect to your hosting account using a FTP client and navigate to site's /wp-content/plugins/my-custom-functionality-master
.
Create a directory called font
under assets
.
This is a premium members-only content.
To view the rest of the content, please sign up for membership ($47/month or $599 one-time).
Already a member? Log in below or here.