Connect with us


Responsive carousel slider




To create a custom responsive slider, we need to register custom post type in function.php file:

/*register post*/
add_action( ‘init’, ‘collection_register_post_types’ );
/* Registers post types. */
function collection_register_post_types() {
/* Set up the arguments for the ‘view_job’ post type. */
$album_args = array(‘public’ => true,’query_var’ => ‘view_job’,’rewrite’ => array(‘slug’ => ‘view/job’,’with_front’ => false),’supports’ => array(‘title’, ‘editor’, ‘excerpt‘, ‘thumbnail’, ‘comments’, ‘custom-fields’, ‘page-attributes’),’labels’ => array(‘name’ => ‘slider’,’singular_name’ => ‘slider’,’add_new’ => ‘Add New Slide’,’add_new_item’ => ‘Add New Slide’,’edit_item’ => ‘Edit Slide’,’new_item’ => ‘New Slide’,’view_item’ => ‘View Slide’,’search_items’ => ‘Search Slide’,’not_found’ => ‘No Slide Found’,’not_found_in_trash’ => ‘No Slide Found In Trash’));
/* Register the music album post type. */
register_post_type( ‘view_job’, $album_args );
/*register post*/

Now add taxonomy or category for custom post type:-



function create_taxo(){

$lab = array(
‘search_items’=>’search geners’,
‘parent_item’=>’parent gener’,
‘edit_item’=>’edit gener’,
‘update_item’=>’update gener’,
‘add_new_item’=>’add new gener’,
‘new_item_name’=>’new item name’,

$ar = array(
‘hierarchical’ => true,
‘labels’ => $lab,
‘show_in’ => true,

Also Read :   SEO and Marketing




Now create loop for front-end with bxslider class:-

<!– custom post slider—>


//Relative container
echo ‘<div class=”relative container top-slider”>’;

echo ‘<ul class=”bxslider”>’;
//Limit the slider to 5 slides
$args = array(‘post_type’ => ‘view_job’,’post_status’ => ‘publish’,
‘posts_per_page’ => -1,);
$loop = new WP_Query($args);
while ($loop->have_posts()) : $loop->the_post();

echo ‘<li>’;

//$class grabs the position selected in the ‘Add Slide’ page
$class = ‘showskid’;

echo ‘<h3>’;
echo ‘<a href=’.get_permalink().’>’;
echo ‘</a>’;
echo ‘</h3>’;
echo ‘<span class=”post_content_slider”>’;
echo ‘</span>’;
echo ‘<span class=”btn_join”><a href=’.get_permalink().’>View Job</a></span>’;

echo ‘</li>’;


echo ‘</ul>’;
echo ‘</div>’;


<!—custom end —>

Add scripts and css for slider:-

<!– jQuery library–>
<script src=”//”></script>
<!– bxSlider Javascript file –>
<script src=”<?php echo esc_url( get_template_directory_uri() ); ?>/js/jquery.bxslider.js”></script>
<!– bxSlider CSS file –>
<link href=”<?php echo esc_url( get_template_directory_uri() ); ?>/css/jquery.bxslider.css” rel=”stylesheet” />

var maxSlides;
width = $(window).width();

if (width < 480) {
maxSlides = 1;
} else {
maxSlides = 2;
slideWidth: 580,
minSlides: 1,
maxSlides: maxSlides,

Also Read :   Moto X Force Video Depicts

More bx slider options and slider callback functions visit bx slider options page.

Hi, Thank you for reading my article. I am Victor, a professional blogger from Jaipur, India.I started webetutorial for blogging & sharing solution for developer questions, and now it’s empowering globally by helping them to make money.I am writing about starting & managing a blogs, WordPress, Magento, Social Media, SEO, Marketing, making money online, Investment, Finance, Gadgets, Fitness and more.

Continue Reading
Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

eleven + five =


Keys to Blogging Success: How to Write an Awesome Blog Post




Keys to Blogging Success: How to Write an Awesome Blog Post

In this article we will talk about how to write a quality blog post. This article will give you some idea to enhance your post quality and increase content word limit.

Follow the below points to write a blog:

Make A Plan:

Before starting on any blog we have to make a plan on which topic we are going to write and how many words we can write. We need to choose the words and headings of content on which readers is driving on search engine. Blog plan will maintain a well-created synopsis with a target goal to reach your readers.

Create A Good Title Of Blog:

You need to stand out in the today competition need a good title for your blog which define your whole blog in a single line. Your title should be completed in a 60 characters because greater title will escape by some search engine like Google.

Make sure your blogs all point is clear from the beginning which creates a connection between you and your readers not only for current blog they will connect for further blogs.

Also Read :   Priyanka Chopra flashes her cleavage in Baywatch movie

Keep It Clean & Formatted:

Blog content should be proper aligned and well-formatted with an organized structure. Only need to describe the information which is important and will not confuse your reader.

First all blogs should write in the Microsoft word or open word which gives formatted structure to your blog and make low chance for wrong spell.  After ensuring that your post is good enough and everything looks fine to be published upload content on your live blogging website.

Write Down The Truth:

When you are going to write a any blog you need to write down the truth content because readers only love true websites. You also need to respect your readers and competitor bloggers to increase traffic on your website.

On-Page SEO:

Blog must have SEO friendly title, meta keywords, meta description, Image alt tags, Headings, Inbound and outbound links. On-page seo will give change to your blog to show on top of search result in search engines. For the WordPress blogs you can install and configuring Yoast SEO plugin.

Also Read :   Moto X Force Video Depicts

Wrap Up:

Once you have completed your blog you should write a 2-3 line of short description which you have wrote because that will wrapping your blog overview and make your blog attractive.

For example: In this blog we talk about grows in traffic, revenue, authority topic and sharing personal experiences. The all of things describe here will increase your content quality for blogs.

To get more news on content writing, subscribe us or join us to advertise your blog with us.

Continue Reading