Latest Update

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

Linux Host Lab Ads

mix it up

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

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

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

 

Linux Host Lab Offer

তাহলে আর কথা না বাড়িয়ে কাজের কথা চলে আসি, আজ দেখাবো আপনি কিভাবে ওয়ার্ডপ্রেস থিমে 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

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

  1. blue sky says:

    Assalamu alaikum,

    ভাই, আমার প্রশ্ন,

    1.এখানে আপনি isotop ফাইল কে কিভাবে header.php তে কল করেছেন, সেটা দেখান নি।

    2.function.php আপনার কোডগুলো কি twenty twelve er function.php এর শেষে add করলে কাজ হবে ? মানে এতটুকু–

    (

    include_once(‘inc/custom-post.php’);
    include_once(‘inc/custom-tax.php’);
    include_once(‘inc/port.php’);
    add_theme_support( ‘post_thumbnails’);
    add_image_size(‘portfolio_small_image’, 220, 165, true);
    add_image_size(‘portfolio_large_image’, 600, 400, true);

    )

    ধন্যবাদ সুন্দর tutorial এর জন্য ।

    1. প্রথম উত্তর: এখানে header.php তে কল করবেন কোন ফাইল?
      দ্বিতীয় উত্তর: হ্যাঁ কাজ করবে, কিন্তু আপনি যে লোকেশনে এখানে কল করতেছেন ঐ সকল ফাইল ঠিক আপনার কল করার লোকেশনের মধ্যে থাকতে হবে। যেমন include_once(‘inc/custom-post.php’); এখানে বোঝানো হয়েছে ফাইলটি functions.php পেজ যেখানে আছে সেখানে inc নামে একটি ফোল্ডার আছে সেই ফোল্ডারে ভিতরে custom-post.php নামের একটি ফাইল আছে।

Leave a Reply

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

ক্যাপচাটি লিখুন * Time limit is exhausted. Please reload CAPTCHA.