Panduan Lengkap untuk Thumbnail Unggulan dan Ukuran Gambar di WordPress

Sebuah gambar bernilai seribu kata --- kecuali jika ukurannya tidak tepat, dalam hal ini agak memalukan. WordPress berisi alat yang ampuh untuk mengubah ukuran gambar dan thumbnail, tetapi Anda perlu tahu cara menanganinya.

Baca terus untuk semua yang perlu Anda ketahui tentang ukuran gambar di WordPress dan mengelola gambar unggulan.

Mengedit PHP di File WordPress

Posting ini berisi kode PHP untuk WordPress. Anda mungkin ingin membaca kursus kilat PHP gratis kami sebelum mencoba modifikasi apa pun pada tema Anda.

Jika Anda merasa tidak nyaman membuka file tema, atau tidak ingin karena file tersebut akan hilang dengan pembaruan tema di masa mendatang, Anda dapat menggunakan Fungsi Kustom Saya plugin untuk menambahkan blok kode sebagai gantinya.

https://en-gb.wordpress.org/plugins/my-custom-functions/

Dasar-dasar Ukuran Gambar WordPress

Di dasbor admin WordPress, Anda mungkin sudah tahu tentang Pengaturan > Setengah.

windows 10 mengidentifikasi tidak ada akses internet

Ini adalah tiga ukuran gambar default, yang disebut WordPress: gambar mini , medium , dan besar . Ukuran thumbnail memiliki pengaturan khusus untuk dipotong pada dimensi yang tepat yang Anda tentukan di sini. Ini tidak perlu dimensi rasio 1:1 --- Anda dapat mengaturnya sesuka Anda.

Saat pemotongan diaktifkan, gambar akan diskalakan dan dipusatkan, lalu apa pun yang tidak sesuai akan dibuang.

Pengaturan sedang dan besar bekerja sedikit berbeda, karena Anda akan menentukan maksimum dimensi untuk lebar dan tinggi, dan gambar akan diperkecil sesuai dengan itu. Jika gambar terlalu kecil, ukuran gambar tersebut tidak akan dibuat.

Saat Anda mengunggah gambar baru, gambar asli disimpan dan tersedia untuk dimasukkan ke dalam posting dalam ukuran penuh, dan ukuran gambar terdaftar lainnya dibuat secara otomatis.

Menambahkan Ukuran Gambar Kustom di WordPress

Tiga ukuran yang ditentukan secara default dalam WordPress mungkin tidak cukup, itulah sebabnya tema dan plugin diizinkan untuk menambahkan ukuran khusus mereka sendiri. Jika Anda merasa nyaman mengedit file tema, Anda juga dapat melakukannya.

Buka direktori tema dan cari function.php mengajukan. Tambahkan kode berikut, satu untuk setiap ukuran gambar yang ingin Anda tentukan:

add_image_size( 'my-thumbnail', 400, 200, true);

Setiap ukuran gambar baru memerlukan nama, dimensi lebar dan tinggi, dan apakah gambar harus dipangkas ke ukuran ini atau tidak ( benar atau Salah ). Untuk bagian struktural tema atau widget, biasanya Anda ingin memotongnya agar tidak merusak tata letak.

Anda mungkin tergoda untuk membuat banyak ukuran gambar khusus, tetapi Anda harus melakukannya dengan hemat. Setiap ukuran gambar yang Anda tentukan akan dibuat untuk setiap gambar yang Anda unggah, meskipun Anda hanya menginginkannya untuk kami dengan gambar unggulan.

Jadi, jika Anda memiliki tujuh ukuran gambar khusus, ditambah tiga ukuran default, setiap gambar yang Anda unggah akan menelurkan 10 salinan kecil dari dirinya sendiri. Jika Anda menganggap bahwa satu posting mungkin memiliki 10 gambar yang disematkan di dalamnya, itu berarti 100 file dibuat hanya untuk posting itu saja.

Anda tidak dapat membuat ukuran gambar khusus dan menentukannya hanya boleh digunakan untuk gambar unggulan Anda.

Juga, bahkan jika Anda tidak lagi menggunakan ukuran khusus tertentu dan telah menghapus kode itu (atau mengubah tema), gambar lama akan tetap ada di server selamanya. WordPress tidak akan menghapus gambar yang tidak digunakan untuk Anda. Di situs setua atau sebesar MakeUseOf, ini berarti beberapa ratus gigabyte terbuang sia-sia untuk menyimpan gambar yang tidak lagi digunakan.

Untuk situs yang lebih kecil, Pembersih Media plugin dapat membantu, tetapi selalu jalankan full backup terlebih dahulu.

https://wordpress.org/plugins/media-cleaner/#description

Ukuran Gambar Kustom untuk Digunakan dalam Konten Posting

Secara default, ukuran gambar khusus tidak akan muncul di kotak tarik-turun saat menyisipkan gambar ke dalam kiriman. Satu-satunya hal yang akan Anda lihat di sana adalah Thumbnail, Medium, Large, dan Full Size (tergantung pada ukuran gambar aslinya, karena tidak akan ditingkatkan).

Jika Anda ingin ukuran khusus Anda juga ada dalam daftar, kami memerlukan sedikit kode lagi. Sekali lagi, tambahkan ke Anda function.php mengajukan:

function image_sizes_to_mediapicker( $default_sizes ) {  
 return array_merge( $default_sizes, array(  
 'my-thumbnail' => __( 'My Thumbail Size' ),  
 ) );  
}  
add_filter( 'image_size_names_choose', 'image_sizes_to_mediapicker' );

Ini bekerja dengan memfilter daftar pemilih media. Kami menggabungkan larik daftar ukuran asli dengan ukuran baru apa pun yang juga ingin kami daftarkan. Ubah 'my-thumbnail' dan 'My Thumbnail Size' ke ukuran khusus Anda, dan nama ramah yang dapat dibaca manusia yang Anda inginkan untuk dicantumkan.

Opsi Gambar Unggulan WordPress

Gambar unggulan adalah gambar tunggal yang terkait dengan posting, tetapi tidak harus dimasukkan ke dalam konten posting. Mereka sering digunakan oleh tema di header, di halaman depan, atau di sidebar. Namun, dalam hal ukuran gambar, mereka tidak diperlakukan berbeda dengan gambar normal.

Untuk setiap ukuran yang telah Anda tentukan, gambar apa pun yang diunggah akan diduplikasi dan diubah ukurannya, termasuk gambar unggulan.

google chrome menggunakan banyak memori

Jika Anda tidak melihat opsi untuk Setel gambar unggulan di layar edit posting Anda, mungkin tema Anda tidak mendukung fitur tersebut. Anda dapat memaksa dukungan dengan menambahkan baris berikut ke tema Anda function.php file, tapi saya sangat menyarankan mencari tema baru sebagai gantinya.

Kurangnya dukungan untuk sesuatu yang mendasar seperti gambar unggulan akan menjadi indikasi kode usang di tempat lain.

add_theme_support('post-thumbnails');

Untuk menggunakan gambar unggulan dalam tema atau plugin Anda sendiri, gunakan the_post_thumbnail() fungsi untuk menampilkan tag gambar:

the_post_thumbnail('my-thumbnail',array('class'=>'my_post_thumbnail_css_class'));

Fungsi ini mengambil 2 parameter: ukuran bernama yang Anda cari (dalam hal ini 'my-thumbnail'), dan atribut apa pun yang ingin Anda berikan, seperti kelas CSS khusus.

Jika Anda lebih suka mendapatkan URL sebenarnya dari gambar unggulan daripada HTML yang diperlukan juga, coba ini sebagai gantinya (dapatkan ukuran gambar sedang dalam contoh ini):

android untuk raspberry pi 3 b+

$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');  
echo $thumbnail[0];

Meregenerasi Gambar Thumbnail WordPress

Setiap kali Anda mengubah dimensi gambar default atau membuat ukuran gambar khusus, itu hanya akan berlaku untuk baru upload. Semua gambar Anda yang ada tetap dalam dimensi aslinya.

Jika Anda ingin mengubah ukuran gambar yang diunggah sebelumnya, Anda memerlukan plugin. Pembuatan Ulang Gambar Mini AJAX memungkinkan Anda memilih ukuran yang akan dibuat ulang, dan perlahan-lahan akan bekerja melalui arsip Anda.

https://wordpress.org/plugins/ajax-thumbnail-rebuild/

Ada beberapa batasan dan jebakan yang harus Anda ketahui.

Sementara gambar unggulan dapat diubah ukurannya secara otomatis, tidak ada plugin yang dapat menulis ulang konten posting. Misalnya, jika Anda menambahkan gambar ke postingan di besar size (yang mungkin berukuran 500px pada saat itu), mengubah definisi dari besar tidak akan mengubah ukuran gambar di postingan. Itu akan tetap di 500px kecuali Anda mengedit posting dan memasukkan kembali gambar yang sama pada ukuran baru.

Seperti yang disebutkan, jika Anda memiliki banyak ukuran gambar, Anda akan menghasilkan banyak gambar. Untungnya, Thumbnail Rebuild memungkinkan Anda membatasi ini untuk hanya gambar unggulan . Tapi sekali lagi, ingat ini hanya berlaku untuk gambar Anda sebelumnya. Semua unggahan gambar di masa mendatang akan dikelola oleh WordPress, artinya semua ukuran gambar akan dibuat untuk semuanya.

Sekarang akan menjadi waktu yang tepat untuk juga mempelajari perbedaan antara JPG dan PNG jadi Anda tahu untuk menggunakan format yang optimal di masa mendatang.

Bawa Situs WordPress Anda ke Tingkat Selanjutnya

Ingin mengubah tema WordPress Anda? Penggunaan gambar, warna, dan pemosisian elemen oleh tema Anda sebagian besar ditentukan oleh CSS dan HTML, jadi sebaiknya lihat tutorial langkah demi langkah ini untuk mempelajari CSS dan HTML .

Dan jika Anda tertarik dengan tema, lihatlah tema WordPress keren ini untuk portofolio fotografi.

Apakah situs WordPress Anda terlalu sering mogok? Apakah Anda membayar terlalu banyak? Beralih ke layanan hosting terkenal seperti InMotion Hosting (diskon MakeUseOf khusus dengan Link ini ) atau Bluehost (diskon MakeUseOf khusus dengan Link ini ).

Membagikan Membagikan Menciak Surel Inilah Mengapa FBI Mengeluarkan Peringatan untuk Hive Ransomware

FBI mengeluarkan peringatan tentang jenis ransomware yang sangat jahat. Inilah mengapa Anda harus sangat waspada terhadap ransomware Hive.

Baca Selanjutnya Topik-topik yang berkaitan

Pemrograman
Wordpress

Tentang Penulis James Bruce(707 Artikel Diterbitkan)

James memiliki gelar BSc dalam Artificial Intelligence dan bersertifikat CompTIA A+ dan Network+. Ketika dia tidak sibuk sebagai Editor Ulasan Perangkat Keras, dia menikmati LEGO, VR, dan permainan papan. Sebelum bergabung dengan MakeUseOf, ia adalah seorang teknisi pencahayaan, guru bahasa Inggris, dan insinyur pusat data.

Berlangganan newsletter kami

Bergabunglah dengan buletin kami untuk kiat teknologi, ulasan, ebook gratis, dan penawaran eksklusif!

Klik di sini untuk berlangganan