আসসালামু আলাইকুমস, কেমন আছেন সবাই? আশা করি ভালো আছেন, আমিও আপনাদের দোয়াতে অনেক ভালো আছি, অনেক দিন ধরে আপনাদের সাথে কিছু শেয়ার করি না, আর এখন কাজের ব্যস্ততার কারনে তেমন পোষ্ট করা হয় না, তবে টিউটোরিয়াল তৈরী করি, কিন্তু তা ভিডিওতে, মানে ভিডিও টিউটোরিয়াল, লিখে পোষ্ট করা এখন কেমন যেনো বিরক্ত লাগে, আমার সকল ভিডিও টিউটেরিয়াল দেখতে এখানে ক্লিক করুন, আর যারা ইউটুব থেকে ভিডিও ডাউনলোড করতে পারেন না তাদের জন্য আমার এই টিউটোরিয়াল গুলো দেখার জন্য অনুরোধ রইল
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
How to dynamic mixitup Or isotop in wordpress Part Two
How to dynamic mixitup Or isotop in wordpress Part Three
টিউনটি ভালো লাগলে বা উপকারে আসলে অন্যদের সাথে শেয়ার করতে ভুলবেন না, এবং আমাদের ইউটুব চ্যানেল subscribe করতে ভুলবেন না। subscribe করতে এখানে ক্লিক করুন।
How to dynamic mixitup Or isotop in wordpress, mix it up dynamic, iso top dynamic
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 এর জন্য ।
প্রথম উত্তর: এখানে header.php তে কল করবেন কোন ফাইল?
দ্বিতীয় উত্তর: হ্যাঁ কাজ করবে, কিন্তু আপনি যে লোকেশনে এখানে কল করতেছেন ঐ সকল ফাইল ঠিক আপনার কল করার লোকেশনের মধ্যে থাকতে হবে। যেমন include_once(‘inc/custom-post.php’); এখানে বোঝানো হয়েছে ফাইলটি functions.php পেজ যেখানে আছে সেখানে inc নামে একটি ফোল্ডার আছে সেই ফোল্ডারে ভিতরে custom-post.php নামের একটি ফাইল আছে।
How to dynamic mixitup or Isotope in wordpress step by step with video tutorial
http://www.wp-tutorials.com/how-to-dynamic-mixitup-or-isotope-in-wordpress-step-by-step/
How to Markup with dynamic mixitup step by step
http://www.wp-tutorials.com/how-to-markup-with-dynamic-mixitup-step-by-step/