Pada tutorial kali ini kita akan membahas cara membuat thumbnail di Job Listing, sebagai kelanjutan dari artikel sebelumnya di tutorial cara membuat web lowongan kerja di part2. karena secara standar atau umum plugin wp-job-manager tidak memberikan suatu fasilitas thumbnail pada website saat akan di tampilkan, maka kali ini kita akan membahas tutorilnya.
Langkah-langkahnya adalah copy kan script yang ada dibawah ini di function.php pada template yang anda gunakan, script dibawah ini terbagi menjadi 3 bagian yaitu script yang berfungsi untuk menambah gambar di dalam job listing, script yang berguna untuk menambah area field di job listing admin dan yang terakhir adalah skrip untuk menyimpan sebuah gambar yang dimasukan atau disisipkan.
[php]*—————————————————*/
/* 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;
}[/php]
[php]/* 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;
}[/php]
[php]/* 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’] );
}[/php]
/* akhir job listing */
Sesudah anda selesai menambahkan script diatas pada fungtion.php template yang anda gunakan sekarang copy tag php yang ada dibawah ini untuk anda letakan di archive.php template yang anda gunakan agar gambar yang telah disimpan tadi dapat di tampilkan.
| 1 | <img src=”<?php echo $post->_job_image; ?>” alt=””> |
Baca juga: TUTORIAL CSS IMAGE HOVER PADA THUMBNAIL MENJADI BURAM
