Cara Mengubah Ukuran Gambar Unggulan di WordPress

Gambar unggulan digunakan dalam WordPress dalam beberapa cara berbeda, tergantung pada tema yang Anda gunakan. Sebagian besar tema menggunakan gambar unggulan sebagai pratinjau thumbnail dari salah satu gambar di postingan atau halaman yang biasanya ditampilkan di halaman beranda dan halaman arsip.

Fungsionalitas ini diperkenalkan dengan WordPress 2.9 dan pada awalnya dikenal sebagai "posting thumbnail." Sebagian besar tema WordPress (termasuk milik kami sendiri) sekarang menggunakan gambar unggulan untuk banyak tujuan lain seperti di galeri gambar, penggeser fitur, dan gambar header halaman. Misalnya, dalam tema Full Frame kami, gambar unggulan menjadi gambar latar belakang postingan.

Gambar unggulan tentu saja sangat penting untuk materi iklan dan siapa pun yang membuat situs WordPress yang berisi banyak gambar. Untuk memanfaatkan gambar unggulan dalam tema Graph Paper Press apa pun, yang perlu Anda lakukan hanyalah memilih gambar unggulan dari tautan di sisi kanan layar di editor pos.

Jika ukuran gambar unggulan default yang diatur dalam tema Anda berfungsi untuk tujuan Anda, bagus. Jika tidak, dimungkinkan untuk mengubah ukuran dengan sedikit pengeditan kode.

Mengapa Anda ingin mengubah ukuran gambar unggulan? Selain membuat galeri gambar mini lebih besar atau lebih kecil, Anda mungkin ingin mengubah rasio aspek dimensi. Katakanlah misalnya Anda seorang fotografer lanskap dan portofolio Anda terdiri dari panorama yang luas. Dalam hal ini, jika gambar fitur default dari tema adalah persegi, itu akan memotong sebagian besar gambar Anda. Anda dapat memperbaikinya dengan menyesuaikan dimensi secara manual ke sesuatu yang lebih cocok.

Mengubah Ukuran Gambar Unggulan Di functions.php

Untuk mengedit ukuran gambar unggulan dari default, Anda perlu mengubah beberapa kode di file functions.php . File ini dapat diakses melalui FTP atau Anda dapat mengeditnya langsung di dashboard WordPress di bawah Appearance > Editor. Saya akan selalu merekomendasikan pendekatan pertama daripada yang terakhir.

Sebelum Anda membuat perubahan apa pun pada file ini, sebaiknya pastikan Anda memiliki cadangan dari versi aslinya jika terjadi kesalahan. Jika Anda belum memiliki file tema asli di komputer Anda, pastikan Anda mengunduh setidaknya file functions.php dan menyimpannya ke folder cadangan.

Ada dua cara berbeda untuk mengubah ukuran gambar unggulan. Untuk mengubah ukurannya secara proporsional (yaitu untuk menghindari peregangan atau kompresi gambar) gunakan kode berikut:

 set_post_thumbnail_size( 50, 50 ); // Lebar 50 piksel kali tinggi 50 piksel, mode ubah ukuran

Anda juga dapat memilih untuk mengubah ukuran gambar dengan memotongnya dengan kode ini:

 set_post_thumbnail_size(50, 50, benar); // Lebar 50 piksel kali tinggi 50 piksel, mode potong

Ini menetapkan ukuran default gambar unggulan.

Menambahkan Ukuran Gambar Tambahan

Anda juga dapat menambahkan ukuran gambar tambahan sebanyak yang Anda butuhkan dengan menambahkan baris kode tambahan untuk setiap ukuran gambar:

 add_image_size( 'kategori-jempol', 300, 9999 ); // Lebar 300 piksel (dan tinggi tidak terbatas)

Anda kemudian dapat menggunakan ukuran baru ini di template tema Anda dengan kode berikut:

 <?php the_post_thumbnail( 'kategori-jempol' ); ?>

Fitur ini berguna jika Anda ingin menampilkan gambar unggulan dalam beberapa cara berbeda. Misalnya, Anda mungkin ingin mengatur ukuran thumbnail untuk galeri gambar Anda dan ukuran yang lebih besar untuk header posting Anda.

Ingatlah bahwa gambar yang Anda unggah harus setidaknya sebesar dimensi yang telah Anda tetapkan untuk gambar unggulan Anda. Jika Anda mengunggah gambar yang lebih kecil, gambar tersebut akan ditingkatkan dan akhirnya akan terlihat piksel dan buram.

Membangun Kembali Gambar Unggulan Anda

Mengubah ukuran gambar unggulan hanya akan memengaruhi unggahan sejak kode diubah. Setiap unggahan sebelumnya akan disimpan pada dimensi aslinya, jadi Anda harus membuatnya kembali.

Jika Anda hanya memiliki beberapa gambar untuk diubah ukurannya, Anda dapat mengunggahnya lagi secara manual. Jika Anda memiliki lebih dari segelintir, yang terbaik adalah menggunakan plugin seperti Regenerate Thumbnails untuk melakukan semua kerja keras untuk Anda. Plugin ini dapat diakses melalui menu Tools Anda dan akan mengubah ukuran satu atau lebih gambar di galeri media yang Anda pilih.

Buktikan Masa Depan Editan Anda Dengan Tema Anak

Masalah dengan melakukan pengeditan langsung ke file functions.php Anda adalah bahwa mereka akan hilang jika versi baru dari tema dirilis dan Anda perlu memutakhirkannya. Anda dapat membuat catatan dari kode yang telah Anda tambahkan dan memasukkannya ke dalam file functions.php baru tetapi ini bisa menjadi membosankan, terutama jika Anda melakukan banyak pengeditan atau ada versi baru dari tema yang sering keluar.

Menggunakan tema anak memecahkan masalah ini, seperti ketika tema induk diperbarui, tema anak dibiarkan utuh. Jika Anda melakukan pengeditan pada kode tema, baik di file functions.php , atau di lembar gaya atau file lainnya, praktik terbaik selalu menggunakan tema anak.

Kami sudah memiliki panduan lengkap untuk membuat tema anak di blog, tetapi inilah yang perlu Anda ketahui untuk tujuan kami.

Untuk membuat tema anak, sambungkan ke situs Anda melalui FTP dan buat folder baru di /wp-content/themes/ untuk tema anak baru Anda. Ini adalah praktik umum untuk memberi nama folder sama dengan tema yang ingin Anda edit, dengan "-anak" ditambahkan ke dalamnya. Misalnya: “awesome-child” jika Anda membuat child theme dari Awesome theme.

Anda harus membuat lembar gaya di dalam folder tema anak Anda, meskipun Anda tidak bermaksud untuk mengedit CSS. Buat file baru bernama style.css dan rekatkan kode berikut:

 /*
Nama Tema: Anak Luar Biasa
URI Tema: http://example.com/awesome-child/
Deskripsi: Tema Anak yang Luar Biasa
Penulis: Graph Paper Press
URI Penulis: http://example.com
Templat: Luar Biasa
Versi: 1.0.0
Tags: terang, gelap, tata letak responsif, siap aksesibilitas
Domain Teks: mengagumkan-anak
*/

@import url("../awesome/style.css");

/* =Penyesuaian tema dimulai di sini
-------------------------------------------------- ------------ */

Ubah nama tema dan detail lainnya yang sesuai.

Untuk menambahkan fungsionalitas untuk mengubah gambar unggulan menjadi tema anak Anda, Anda harus membuat file functions.php baru, jadi lanjutkan dan lakukan ini di direktori tema anak. File ini akan dimuat di samping functions.php tema induk.

Template untuk functions.php terlihat seperti ini:

 <?php //Membuka tag PHP

// fungsi

?> // Menutup tag PHP

Anda kemudian dapat menambahkan kode pengubahan ukuran gambar di antara tag PHP, sehingga Anda akan mendapatkan sesuatu seperti ini:

 <?php // Membuka tag PHP

if ( function_exists( 'add_theme_support' ) ) {
add_theme_support( 'post-thumbnail' );
set_post_thumbnail_size( 150, 150, benar ); // dimensi Postingan Thumbnail default (dipotong)

// ukuran gambar tambahan
// hapus baris berikutnya jika Anda tidak membutuhkan ukuran gambar tambahan
add_image_size( 'kategori-jempol', 300, 9999 ); //300 piksel lebar (dan tinggi tidak terbatas)
}

?> // Menutup tag PHP

Setelah Anda selesai membuat kode tema anak Anda, Anda harus mengaktifkannya. Anda dapat melakukannya melalui dasbor situs, di bawah Administration Panels > Appearance > Themes . Temukan tema anak Anda dalam daftar dan klik Aktifkan.

Kagumi Gambar Unggulan Baru Anda yang Diubah Ukuran

Mengubah ukuran gambar unggulan dan menambahkan ukuran gambar baru adalah tugas yang cukup sederhana tetapi memerlukan beberapa pengeditan kode. Karena itu, beberapa pengguna lebih suka menggunakan plugin untuk menangani pengubahan ukuran gambar, tetapi menambahkan plugin tambahan selalu merupakan risiko keamanan. Memahami dan membuat beberapa perubahan sederhana pada kode seperti ini benar-benar dapat membantu membangun kepercayaan diri Anda dengan menggunakan WordPress dan akan memudahkan Anda untuk menyesuaikan tema dan benar-benar menjadikannya milik Anda sendiri.