افزودن تصویر شاخص مطالب در پنل مدیریت وردپرس

[Saberian 1,793]

طی این آموزش می خواهیم نحوه ی اضافه کردن تصاویر شاخص هر مطلب را در پنل ادمین به شما آموزش بدیم ، البته آموزش که نه ، منظور کدی هست که این کار را برای شما راه می اندازد . در ادامه ی این مطلب متوجه خواهید شد که چگونه می توان با استفاده از قطعه کدی ساده تصاویر شاخص مربوط به هر مطلب را در کنار هر عنوان در مدیریت سایت نیز قرار داد ، همچنین اینکار را می توان برای برگه های موجود در سایتتان هم انجام داد که در ادامه کد مربوط به آن را هم خدمتتان عرض خواهیم کرد .

 

اما فایده ی اینکار چیست ؟ !  باید گفت : شاید اینکار برای وبسایت هایی تعدادی نویسنده دارند و برای آنها مهم است تمطالب سایتشان حتما شامل تصویر باشد پس ادمین می تواند به راحتی روی کار نویسنده ها مدیریت داشته باشد از قسمت پیشخوان ، در صورتیکه در حالت عکس اینکهر برای کاربری اهمیتی ندارد .

 

تصویر شاخص در پنل ادمین وردپرس :

در ابتدا کد زیر برای تصویر شاخص مربوط به عناوین هر نوشته است ، که جهت استفاده از کد زیر باید آن را در فایل functions.php قالب وبسایت خود قرار دهید ، که البته این رو هم باید گفت که اگر این فایل در قالب سایتتون موجود نیست می توانید اقدام به ایجاد آن کنید . بعد از ذخیره کردن کد زیر شما مشاهده میکنید که تصاویر برای شما ظاهر می شود .

 

 

add_filter('manage_posts_columns', 'add_thumbnail_column', 5);
 
function add_thumbnail_column($columns){
  $columns['new_post_thumb'] = __('Featured Image');
  return $columns;
}
 
add_action('manage_posts_custom_column', 'display_thumbnail_column', 5, 2);
 
function display_thumbnail_column($column_name, $post_id){
  switch($column_name){
    case 'new_post_thumb':
      $post_thumbnail_id = get_post_thumbnail_id($post_id);
      if ($post_thumbnail_id) {
        $post_thumbnail_img = wp_get_attachment_image_src( $post_thumbnail_id, 'thumbnail' );
        echo '<img width="180" src="' . $post_thumbnail_img[0] . '" />';
      }
      break;
  }
}

 

بسیار خب ، حالا میریم سراغ قسمت بعدی که قولش رو در بالا بهتون داده بودیم ، اونم کد مربوط به اضافه کردن تصویر شاخص برای عناوین برگه های وردپرس در پنل مدیریت است . باز هم مثل همیشه یک کد داریم که در پایین کد رو مشاهده میکنید و طبق معمول باید این کد را هم در فایل قالب خود بریزید و نهایتا آن را ذخیره کنید و کار تمام خواهد شد .

 

add_filter( 'manage_pages_columns', 'custom_pages_columns' );
function custom_pages_columns( $columns ) {
 
  $columns['new_page_thumb'] = __('Featured Image');
  return $columns;
}
 
add_action( 'manage_pages_custom_column', 'custom_page_column_content', 10, 2 );
 
function custom_page_column_content( $column_name, $post_id ) {
  switch($column_name){
    case 'new_page_thumb':
    $post_thumbnail_id = get_post_thumbnail_id($post_id);
    if ($post_thumbnail_id) {
      $post_thumbnail_img = wp_get_attachment_image_src( $post_thumbnail_id, 'thumbnail' );
      echo '<img width="180" src="' . $post_thumbnail_img[0] . '" />';
    }
     break;
  }
}

 

خب دیگه رفیق ، کار تمام شد .

قبل از انجام هرکاری روی سایتتان لطفا از فایل های مربوطه بکاپ گیری نمایید تا در صورت نیاز امکان بازگردانی آنها را داشته باشید .

موفق باشید .

 

[mbm159 116]

با سلام و خسته نباشید .

با اجازتون این مطلب کپی شد در صورت عدم رضایت اطلاع بدین ممنون میشم.

لینک ها تنها برای اعضای سایت قابل نمایش است.

[Yazdan 1,703]

درود 

 

با تشکر از رعایت اخلاق و اطلاع رسانی 

 

مشکلی نیست میتونید استفاده بفرمائید. موفق باشید. 

[mbm159 116]

درود بر شما .

ممنونم امیدوارم سالم و پیروز باشید.