ساختن post type slider در وردپرس

با سلام ، در این آموزش قصد داریم تا آموزش نحوه ساختن post type slider در وردپرس را ارائه کنیم که بسیار کاربردی به نظر می رسد.و شما با مطالعه این مطلب و انجام کار های گفته شده قادر هستید به احتی اسلایدر post type بسازید و از آن استفاده کنید.با ما هماه باشید تا بریم سراغ آموزش …

برای ایجاد و ساخت post type slider در سایت های وردپرس باید ابتدا وارد فایل های قالب وردپرس خود شوید و فانکشن را پیدا و به حالت ویرایش در آوید و در نهایت کد زیر را به آن اضافه کنید.

add_theme_support( 'post-thumbnails' );
function slider_register() {
$args = array(
'label' => __('اسلایدر'), /////////////// نام post type
'singular_label' => __('اسلایدر'),
'public' => true, ///////////// حالت عمومی post type
'show_ui' => true, /////////////// نمایش Post type
'capability_type' => 'post', //////////// نوع post type
'hierarchical' => false,
'rewrite' => true,
'supports' => array('title', 'editor', 'thumbnail') ////////////// امکاناتی که post type خواهد داشت
);
register_post_type( 'slider' , $args ); ///////////// ساخت post type
}
add_action('init', 'slider_register');

کاربران گرای اگر به کد بالا دقت کنید تابعی وجود دارد به این شکل add_theme_support( ‘post-thumbnails’ ); این تابع تعیین کننده ی post type اسلایدر از قابلیت پشتیبانی تصوی شاخس می باشد و مطالب دارای تصویر هستند و همچنین در کنار ان تابعی به شکل slider_register هم قرا گرفته که توسط آن post type ایجاد می شود.کاربران عزیز لازم به ذکر است که این تابع دارای یک آرایه و در داخل ان آرگمان post type تعریف شده است.

در مرحله بعدی می بایست کد زیر را به ادامه آن اضافه کنید.

add_filter("manage_edit-slider_columns", "slider_edit_columns");
function slider_edit_columns($columns){
$columns = array(
"cb" => "<input type=\"checkbox\" />",
"title" => "slider",
"image" => "image",
);

return $columns;
}
function slider_thumbnail_url($pid){
$image_id = get_post_thumbnail_id($pid);
$image_url = wp_get_attachment_image_src($image_id,'screen-shot');
return $image_url[0];
}

add_action("manage_posts_custom_column", "slider_custom_columns");

function slider_custom_columns($column){
global $post;
$image_id = get_post_thumbnail_id($pid);
$image_url = wp_get_attachment_image_src($image_id,'screen-shot');
switch ($column)
{

case "image":
$custom = get_post_custom();
echo '<img src="'.$image_url[0].'" width="50" height="50" />';
break;
}
}

نقش کد بالا تعیین کننده post type اسلایدر می باشد که الان ستون ها هم اسجاد شده است.الان می توانید فایل را ذخیره سازی کنید.خواهید دید که post type slider به بخش پیشخوان وردپرسی قالب وردپرس شما اضافه شده است.از این قسمت می توانید اسلایدر های مورد نظر خود را اضافه کنید.

حال نوبت به نمایش اسلایدر در سایت می باشد خب شما باید بخشی در سایت را در نظر بگیرید که ما بهترین بخش را ابزارک ها می دانیم و همین کار را در این اموزش انجام می دهیم.برای این کار شورت کد ایجاد و در ابزارک قرا می دهیم.شما هم می توانید شورت کد ایجاد کنید برای این کار از کد زیر کمک بگیرید.

function slider_shortcode($atts,$content = null) {
global $post;
$posts = new WP_Query($atts);
query_posts('post_type=slider'); // نام post type که ساخته این را قرار میدیم
ob_start();?>

<div id="carousel-main-slider" class="carousel slide" data-ride="carousel">

<div class="carousel-inner">
<?php $slider=0; if (have_posts()) : while (have_posts()) : the_post(); ?>

<div class="item <?php if ($slider==0) { echo "active";} else { echo "";} ?>">
<?php the_post_thumbnail('full'); //////// تصویر شاخص ?>

<div class="carousel-caption">

<h3><?php the_title(); /////// عنوان اسلایدر ?></h3>

<?php the_content(); ///////// محتوای اسلایدر?>
</div>

</div>

<?php $slider++; endwhile; endif; ?>
</div>

<a class="left carousel-control" href="#carousel-main-slider" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-main-slider" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>

<?php
wp_reset_query();
return ob_get_clean()
; }
add_shortcode('up_slider', 'slider_shortcode'); ////

بعد از این که کد بالا را در سایت خود استفاده کردید از طریق کد زیر آن را فراخوانی کنید.

[up_slider]

این آموزش هک وردپرس هم به پایان رسید امید واریم توانسته باشیم خدمتی دیگر در حق شما کاربران گرامی انجام داده باشیم.

منبع: آپتم  مرجع: آموزش وردپرس