Panduan Ukuran Pangkas Gambar WordPress

WordPress 3.9 telah hadir dengan banyak kekuatan ekstra. Salah satu fitur baru yang mengagumkan adalah kemampuan tambahan untuk mengontrol posisi pemotongan gambar yang diunggah di WordPress – ini sangat apik!!

Sebelum melanjutkan, terima kasih banyak kepada Brad Touesnard yang telah memberikan kontribusi luar biasa yang kini telah disertakan dalam inti WordPress! Saya pikir ini akan menjadi kesempatan bagus untuk tidak hanya menguraikan cara memanfaatkan fitur baru ini tetapi juga mempelajari dan memahami keseluruhan cakupan fungsi ini.

Permulaan – Menambah atau Menyesuaikan Ukuran Gambar

Secara default, WordPress menghasilkan 3x versi tambahan gambar Anda. Versi 'Thumbnail', 'Medium' dan 'Besar'. Ukuran gambar asli yang diunggah disebut sebagai versi ‘Lengkap’.

Menyesuaikan Default

Anda dapat menimpa nilai default dari masing-masing ukuran krop ini dengan cukup mudah. Anda dapat membuka Dasbor WordPress, Pengaturan >> Media dan mengubah nilainya di sana atau Anda dapat melakukannya melalui file fungsi tema atau plugin seperti ini:

update_option('thumbnail_size_w', 250);
update_option('thumbnail_size_h', 250);
update_option('thumbnail_crop', 1);

Menambahkan Ukuran Tambahan

Anda dapat dengan cepat dan mudah menempatkan fungsi ini di file fungsi tema atau plugin Anda:

add_image_size( $name, $width, $height, $crop );

Ini akan terlihat seperti ini:

add_image_size( 'homepage-thumb', 250, 250, true );

Kiat: Ingatlah untuk memberi nama unik pada setiap ukuran gambar tambahan ;-).

Semua yang perlu Anda ketahui dapat ditemukan melalui Codex WordPress.

Beberapa Keajaiban WordPress 3.9+ – Mengontrol Posisi Pangkas

Parameter $crop sebelumnya hanyalah nilai Boolean, benar atau salah. Jadi, apakah tanaman proporsional lunak atau tanaman keras jika disetel ke benar (teruskan membaca lebih jauh untuk melihat perbedaan antara tanaman keras dan tanaman lunak). Namun sekarang Anda dapat menggunakan array untuk menentukan posisi area pemangkasan, (x_crop_position, y_crop_position). Saya suka gambar yang dipotong dari tengah, jadi misalnya fungsi Anda akan terlihat seperti ini sekarang:

add_image_size( 'homepage-thumb', 250, 250, array( 'center', 'center' ) );

Parameter $crop masih menerima nilai benar/salah dan menurut Brad, sepenuhnya kompatibel. Sintaksnya identik dengan properti CSS background-position, sehingga akrab bagi desainer dan pengembang, tetapi ini dia demi kejelasan.

left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom

Jadi Saya Sudah Memotongnya, Sekarang Bagaimana Cara Menggunakannya?

Kabar baiknya… sama persis!! Untuk rincian lengkapnya, seperti biasa, lihat Codex WordPress. Ini adalah pengingat dalam hal apa pun. Untuk memanggil gambar khusus ini di tema atau plugin Anda. Dalam contoh yang kami gunakan, berikut caranya:

the_post_thumbnail('homepage-thumb');

atau…

wp_get_attachment_url( get_post_thumbnail_id($post->ID, 'homepage-thumb') );

Tapi Bagaimana Dengan Semua Gambar Saya yang Ada?

Seperti yang mungkin Anda ketahui, ukuran pemotongan digilir dan dihasilkan pada saat Anda mengunggah. Artinya, setelah memanfaatkan fitur baru ini dengan menambahkan posisi pemotongan khusus atau mengubah/menambahkan ukuran pemotongan baru, kini kita hanya mendapatkan apa yang dihasilkan pada saat pengunggahan dan tidak ada versi gambar baru yang tersedia untuk kita, tidak keren!

Aaah tapi tunggu.. Untungnya ada banyak orang cerdas dan hebat di komunitas WordPress yang dapat menyelamatkan situasi, berikut adalah plugin regenerasi thumbnail. Plugin ini sudah ada sejak lama, luar biasa! Ini akan menggilir semua gambar yang Anda unggah dan membuat ulang semua ukuran gambar baru yang telah Anda tambahkan atau sesuaikan. Woohooo masalah terpecahkan ?

Keras Vs. Pangkas Lembut – Anda Memutuskan

Pangkas Keras

Pangkas Lembut

Sesuatu yang Patut Diketahui…

Jika dimensi gambar yang diunggah (lebar atau tinggi) lebih kecil dari ukuran pemotongan yang ditetapkan, maka gambar tersebut akan dilewati dan versi untuk ukuran tersebut tidak akan dibuat! WordPress akan menelusuri semua ukuran gambar yang ditetapkan dan hanya membuat versi gambar yang lebih besar dari versi yang coba dihasilkannya. Dalam kasus seperti ini, ketika sebuah gambar diambil dalam tema atau plugin Anda dan tidak ada, gambar tersebut akan default ke gambar asli, 'Penuh' sebagai cadangan.

Nikmati penerapan fitur baru yang hebat ini pada tema dan plugin Anda. Saatnya untuk menendang pantat dan memotong beberapa gambar ?