wordpress এ mixitup অথবা isotop dynamic করুন সহজে [ভিডিও]

আসসালামু আলাইকুমস, কেমন আছেন সবাই? আশা করি ভালো আছেন, আমিও আপনাদের দোয়াতে অনেক ভালো আছি, অনেক দিন ধরে আপনাদের সাথে কিছু শেয়ার করি না, আর এখন কাজের ব্যস্ততার কারনে তেমন পোষ্ট করা হয় না, তবে টিউটোরিয়াল তৈরী করি, কিন্তু তা ভিডিওতে, মানে ভিডিও টিউটোরিয়াল, লিখে পোষ্ট করা এখন কেমন যেনো বিরক্ত লাগে, আমার সকল ভিডিও টিউটেরিয়াল দেখতে এখানে ক্লিক করুন, আর যারা ইউটুব থেকে ভিডিও ডাউনলোড করতে পারেন না তাদের জন্য আমার এই টিউটোরিয়াল গুলো দেখার জন্য অনুরোধ রইল

Youtube থেকে ভিডিও ডাউনলোড করুন অনেক রকম ফরমেটে এবং বিভিন্ন রেজুলেশনে [স্ক্রীনশট সহ দেখে নিন]

দেখে নিন কিভাবে ফেসবুকের এবং ইউটুবের ভিডিও ডাউনলোড করবেন সহজ পদ্ধতি [Video Tutorial]

তাহলে আর কথা না বাড়িয়ে কাজের কথা চলে আসি, আজ দেখাবো আপনি কিভাবে ওয়ার্ডপ্রেস থিমে mixitup অথবা isotop dynamic করবেন? এটা বুঝলে অনেক সহজ, আবার না বুঝলে অনেক কঠিন, অনেক থিমেই এই mixitup অথবা isotop ব্যবহার করা হয় তা ডায়নামিক করার জন্য ওয়ার্ডপ্রেস ফিল্টার অপশন ব্যবহার করা হয়, তাহলে নিচ থেকে দেখে নিন এটা কিভাবে ডায়নামিক করবেন? তিনটি পার্টে

<?php

# Register Custom Post
function cb_post_type() {
register_post_type( 'portfolio',
array(
'labels' => array(
'name' => __( 'Portfolio' ),
'singular_name' => __( 'Portfolio' ),
'add_new' => __( 'Add New' ),
'add_new_item' => __( 'Add New Portfolio' ),
'edit_item' => __( 'Edit Portfolio' ),
'new_item' => __( 'New Portfolio' ),
'view_item' => __('portfolio'),
'not_found' => __( 'Sorry, we couldnt find the Portfolio you are looking for.' )
),
'public' => true,
'publicly_queryable' => true,
'exclude_from_search' => true,
'has_archive' => false,
'hierarchical' => false,
'capability_type' => 'page',
'rewrite' => array( 'slug' => 'portfolio' ),
'supports' => array( 'title', 'editor', 'custom-fields','thumbnail')
)
);
}
add_action( 'init', 'cb_post_type' );

# Register Custom Taxonomy For Portfolio

function cb_post_taxonomy() {
register_taxonomy(
'portfolio_category',  //The name of the taxonomy. Name should be in slug form (must not contain capital letters or spaces).
'portfolio',                  //post type name
array(
'hierarchical'          => true,
'label'                         => 'Portfolio Category',  //Display name
'query_var'             => true,
'show_admin_column'             => true,
'rewrite'                       => array(
'slug'                  => 'portfolio-category', // This controls the base slug that will display before each term
'with_front'    => true // Don't display the category base before
)
)
);
}
add_action( 'init', 'cb_post_taxonomy');

======================================================

*/Shortcode*/

# Dynamic Portfolio With Shortcode

function cb_portfolio_shortcode($atts){
extract( shortcode_atts( array(
'category' => ''
), $atts, '' ) );

$q = new WP_Query(
array('posts_per_page' => '-1', 'post_type' => 'portfolio')
);

//Portfolio taxanomy query
$args = array(
'post_type' => 'portfolio',
'paged' => $paged,
'posts_per_page' => $data['portfolio_items'],
);

$portfolio = new WP_Query($args);
if(is_array($portfolio->posts) && !empty($portfolio->posts)) {
foreach($portfolio->posts as $gallery_post) {
$post_taxs = wp_get_post_terms($gallery_post->ID, 'portfolio_category', array("fields" => "all"));
if(is_array($post_taxs) && !empty($post_taxs)) {
foreach($post_taxs as $post_tax) {
$portfolio_taxs[$post_tax->slug] = $post_tax->name;
}
}
}
}
if(is_array($portfolio_taxs) && !empty($portfolio_taxs) && get_post_meta($post->ID, 'pyre_portfolio_filters', true) != 'no'):
?>

<!--Category Filter-->
<div class="category-filter">
<ul>
<?php foreach($portfolio_taxs as $portfolio_tax_slug => $portfolio_tax_name): ?>
<li class="filter" data-category="<?php echo $portfolio_tax_slug; ?>"><?php echo $portfolio_tax_name; ?></li>
<?php endforeach; ?>
</ul>
</div>
<!--End-->

<?php endif; ?>

<?php

$list = '<div class="portfolio-thumbnail"><div class="megafolio-container noborder">';
while($q->have_posts()) : $q->the_post();
$idd = get_the_ID();
//$portfolio_subtitle = get_post_meta($idd, 'portfolio_subtitle', true);
//$filterr = get_post_meta($idd, 'filterr', true);
$small_image_url = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'portfolio_small_image' );
//$full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'portfolio_large_image' );
//$small_image_url = the_post_thumbnail('project_smal_image', array('class' => 'post-thumb'));

//Get Texanmy class

$item_classes = '';
$item_cats = get_the_terms($post->ID, 'portfolio_category');
if($item_cats):
foreach($item_cats as $item_cat) {
$item_classes .= $item_cat->slug . ' ';
}
endif;

$single_link =
$list .= '

<!--Thumbnail 1 Start-->
<div class="mega-entry '.$item_classes.'" id="" data-src="'.$small_image_url[0].'">

<!--Hover Effect Start-->
<a class="" href="'.get_permalink().'">
<div class="mega-hover alone notitle">

<!-- Link Button -->
<div class="mega-hoverview"></div>

</div>
</a>
<!--Hover Effect End-->

</div>

';
endwhile;
$list.= '</div></div>';
wp_reset_query();
return $list;
}
add_shortcode('portfolio', 'cb_portfolio_shortcode');

?>

উপরের কোর্ড কাজ না করলে নিচে সোর্স কোর্ড থেকে কোর্ড কপি করতে পারেন।
How to dynamic mixitup Or isotop in wordpress Part One

Sources code:

How to dynamic mixitup Or isotop in wordpress Part Two

Sources code:

How to dynamic mixitup Or isotop in wordpress Part Three

Sources code:

টিউনটি ভালো লাগলে বা উপকারে আসলে অন্যদের সাথে শেয়ার করতে ভুলবেন না, এবং আমাদের ইউটুব চ্যানেল subscribe করতে ভুলবেন না। subscribe করতে এখানে ক্লিক করুন।

How to dynamic mixitup Or isotop in wordpress, mix it up dynamic, iso top dynamic