Tutorial kali ini adalah membuat thumbnail di Job Listing, seperti janji saya sebelumnya di tutorial membuat web lowongan kerja di part2. karena secara default plugin wp-job-manager tidak memberikan fasilitas thumbnail di website saat di tampilkan maka kali ini saya akan memberikan tutorilnya.

Langkah-langkahnya copy kan script dibawah ini di function.php template yang anda gunakan, script dibawah ini ada 3 bagian yaitu script untuk menambah gambar di job listing, script untuk menambah area field di job listing admin dan yang terakhir skrip untuk menyimpan gambar tersebut.

*---------------------------------------------------*/
/* job listing manager */
/* Script menambah gambar di job listing */
add_filter( 'submit_job_form_fields', 'frontend_add_featured_image' );
function frontend_add_featured_image( $fields ) {
    $fields['job']['job_image'] = array(
        'label'       => __( 'Image', 'job_manager' ),
        'type'        => 'file',
        'required'    => true,
        'placeholder' => '',
        'priority'    => 7
    );
    return $fields;
}

/* script Menambah Field image di admin wp-job-manager */
add_filter( 'job_manager_job_listing_data_fields', 'admin_add_job_image_field' );
function admin_add_job_image_field( $fields ) {
    $fields['_job_image'] = array(
        'label'       => __( 'Image', 'job_manager' ),
        'type'        => 'file',
        'placeholder' => '',
        'description' => ''
    );
    return $fields;
}

/* Script menyimpan gambar */
add_action( 'job_manager_update_job_data', 'frontend_add_featured_image_save', 10, 2 );
function frontend_add_featured_image_save( $job_id, $values ) {
    update_post_meta( $job_id, '_job_image', $values['job']['job_image'] );
}

/* akhir job listing */

Setelah anda menambahkan script diatas di fungtion.php template anda sekarang copy tag php dibawah ini untuk anda taruh di archive.php template anda agar gambar yang sudah disimpan tadi bisa di tampilkan.

<img src="<?php echo $post->_job_image; ?>" alt="">

note : Tutorial Membuat Web Lowongan Kerja dengan WordPress part1 dan Tutorial Membuat Web Lowongan Kerja dengan WordPress part2

Anda Terbantu artikel ini? Silahkan bergabung dengan centerklik di Twitter dan Facebook+.