Panduan Lengkap untuk Thumbnail Pilihan dan Ukuran Gambar di WordPress

Panduan Lengkap untuk Thumbnail Pilihan dan Ukuran Gambar di WordPress

Gambar bernilai seribu perkataan --- melainkan jika ukurannya tidak betul, dalam hal ini agak memalukan. WordPress mengandungi alat yang hebat untuk mengubah ukuran gambar dan lakaran kecil, tetapi anda perlu tahu bagaimana menghadapinya.





Teruskan membaca untuk mengetahui semua perkara yang perlu anda ketahui mengenai saiz gambar di WordPress dan menguruskan gambar yang ditampilkan.



Mengedit PHP dalam Fail WordPress

Catatan ini mengandungi kod PHP untuk WordPress. Anda mungkin ingin membaca kursus kemalangan PHP percuma kami sebelum mencuba pengubahsuaian pada tema anda.





Sekiranya anda tidak selesa membuka fail tema anda, atau tidak mahu kerana mereka akan hilang dengan kemas kini tema yang akan datang, anda boleh menggunakan Fungsi Tersuai Saya plugin untuk menambah blok kod.

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



Asas Ukuran Imej WordPress

Di papan pemuka pentadbir WordPress, anda mungkin sudah tahu Tetapan > Separuh.

untuk apa saya boleh menggunakan kad hadiah itunes

Ini adalah tiga ukuran gambar lalai, yang disebut oleh WordPress: gambar kecil , sederhana , dan besar . Ukuran lakaran kecil mempunyai tetapan khas untuk dipotong pada dimensi yang tepat yang anda tentukan di sini. Ini tidak perlu dimensi nisbah 1: 1 --- anda boleh menetapkannya mengikut kehendak anda.



Apabila pemotongan diaktifkan, gambar akan diskalakan dan berpusat, maka apa pun yang tidak sesuai akan dibuang.

Tetapan sederhana dan besar berfungsi sedikit berbeza, kerana anda akan menentukannya maksimum dimensi untuk lebar dan tinggi, dan gambar akan dikecilkan dengan sewajarnya. Sekiranya gambar terlalu kecil, ukuran gambar tersebut tidak akan dibuat.



Apabila anda memuat naik gambar baru, yang asli akan disimpan dan tersedia untuk dimasukkan ke dalam pos pada ukuran penuh, dan ukuran gambar lain yang didaftarkan akan dibuat secara automatik.

Menambah Ukuran Imej Tersuai di WordPress

Ketiga-tiga ukuran yang ditentukan secara lalai di WordPress mungkin tidak mencukupi, itulah sebabnya tema dan pemalam dibenarkan menambahkan ukuran tersuai mereka sendiri. Sekiranya anda selesa mengedit fail tema anda, anda juga boleh melakukannya.

Buka direktori tema dan cari fungsi.php fail. Tambah kod 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 sama ada gambar harus dipangkas sesuai ukuran ini atau tidak ( benar atau salah ). Untuk bahagian struktur tema atau widget, anda biasanya ingin memotong sehingga tidak melanggar susun atur.

Anda mungkin tergoda untuk membuat banyak ukuran gambar tersuai, tetapi anda harus melakukannya dengan berhati-hati. Setiap ukuran gambar yang anda tentukan akan dihasilkan untuk setiap gambar yang anda muat naik, bahkan jika anda hanya menginginkannya untuk gambar unggulan.

Oleh itu, jika anda mempunyai tujuh ukuran gambar tersuai, ditambah tiga ukuran lalai, setiap gambar yang anda muat naik akan menghasilkan 10 salinan kecil itu sendiri. Sekiranya anda menganggap bahawa satu pos boleh memuatkan 10 gambar di dalamnya, 100 fail dibuat hanya untuk siaran itu sahaja.

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

Juga, walaupun anda tidak lagi menggunakan ukuran khusus tertentu dan telah menghapus kod tersebut (atau menukar tema), gambar lama akan kekal di pelayan selama-lamanya. WordPress tidak akan memadamkan gambar yang tidak digunakan untuk anda. Di laman web yang lama atau sebesar MakeUseOf, ini bermaksud beberapa ratus gigabait terbuang untuk menyimpan gambar yang tidak lagi digunakan.

Untuk laman web yang lebih kecil, Pembersih Media plugin boleh membantu, tetapi selalu menjalankan sandaran penuh terlebih dahulu.

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

Ukuran Gambar Tersuai untuk Digunakan dalam Kandungan Pos

Secara lalai, ukuran gambar tersuai tidak akan muncul di kotak drop-down ketika memasukkan gambar ke dalam pos. Satu-satunya perkara yang akan anda lihat ialah Thumbnail, Medium, Large, and Full Size (bergantung pada ukuran gambar asalnya, kerana ia tidak akan ditingkatkan).

Sekiranya anda mahu ukuran tersuai anda juga ada dalam senarai, kami memerlukan sedikit lagi kod. Sekali lagi, tambah pada anda fungsi.php fail:

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 berfungsi dengan menyaring senarai pemilih media. Kami menggabungkan tatasusunan senarai saiz asal dengan saiz baru yang juga ingin kami senaraikan. Tukar 'thumbnail saya' dan 'Saiz Gambar Kecil saya' ke ukuran tersuai anda, dan nama mesra yang boleh dibaca manusia yang anda mahukan disenaraikan sebagai.

Gambar pilihan adalah gambar tunggal yang dikaitkan dengan siaran, tetapi tidak semestinya dimasukkan ke dalam kandungan siaran. Mereka sering digunakan oleh tema di tajuk, di halaman depan, atau di bar sisi. Namun, dari segi ukuran gambar, gambar tersebut tidak diperlakukan dengan gambar normal.

Untuk setiap ukuran yang telah anda tentukan, setiap gambar yang dimuat akan diduplikasi dan diubah ukurannya, termasuk gambar yang ditampilkan.

cara menjatuhkan pin di peta google

Sekiranya anda tidak melihat pilihan untuk Tetapkan gambar yang diketengahkan pada skrin edit siaran anda, ada kemungkinan tema anda tidak menyokong ciri tersebut. Anda boleh memaksa sokongan dengan menambahkan baris berikut ke tema anda fungsi.php fail, tetapi saya sangat mencadangkan mencari tema baru.

Kekurangan sokongan untuk sesuatu yang asas seperti gambar yang dipaparkan akan menunjukkan kod yang ketinggalan zaman di tempat lain.

add_theme_support('post-thumbnails');

Untuk menggunakan gambar yang ditampilkan dalam tema atau plugin anda sendiri, gunakan the_post_thumbnail () berfungsi untuk mengeluarkan 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 kes ini 'my-thumbnail'), dan atribut yang anda ingin masukkan, seperti kelas CSS tersuai.

Sekiranya anda lebih suka mendapatkan URL sebenar gambar yang dipaparkan daripada HTML yang diperlukan juga, cubalah ini (dapatkan ukuran gambar sederhana dalam contoh ini):

penyesuai wayarles windows 10 tidak berfungsi
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];

Menjana semula Gambar Thumbnail WordPress

Bila-bila masa anda mengubah dimensi gambar lalai atau membuat ukuran gambar khusus, itu hanya akan berlaku untuk baru memuat naik. Semua gambar yang ada kekal dalam dimensi asal.

Sekiranya anda ingin mengubah saiz gambar yang dimuat naik sebelumnya, anda memerlukan pemalam. Membangun semula Thumbnail AJAX membolehkan anda memilih ukuran mana yang akan dihasilkan semula, dan perlahan-lahan akan berfungsi melalui arkib anda.

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

Terdapat beberapa batasan dan perangkap yang harus anda ketahui.

Walaupun gambar yang diketengahkan dapat diubah ukurannya secara automatik, tidak ada plugin yang dapat menulis ulang kandungan pos. Contohnya, jika anda menambahkan gambar ke siaran di besar ukuran (yang mungkin 500px pada masa itu), mengubah definisi besar tidak akan mengubah ukuran gambar dalam siaran. Ia akan kekal 500px kecuali anda mengedit siaran dan memasukkan semula gambar yang sama pada ukuran baru.

Seperti disebutkan, jika anda mempunyai banyak ukuran gambar, anda akan menghasilkan banyak gambar. Syukurlah, Thumbnail Rebuild membolehkan anda menghadkan ini hanya gambar yang dipaparkan . Tetapi sekali lagi, ingat ini hanya berlaku pada gambar sebelumnya. Semua muat naik gambar masa depan akan diuruskan oleh WordPress, yang bermaksud semua ukuran gambar akan dibuat untuk semuanya.

Sekarang adalah masa yang tepat untuk belajar perbezaan antara JPG dan PNG jadi anda tahu menggunakan format yang optimum pada masa akan datang.

Naik Laman WordPress Anda ke Tahap Seterusnya

Ingin mengubah tema WordPress anda? Penggunaan gambar, warna, dan penentuan elemen dari tema anda terutama ditentukan oleh CSS dan HTML, jadi kami mengesyorkan anda melihat tutorial langkah demi langkah ini untuk mempelajari CSS dan HTML.

Dan jika anda berminat dengan tema, lihat tema WordPress yang hebat ini untuk portfolio fotografi.

Adakah laman WordPress anda terlalu kerap terhempas? Adakah anda membayar terlalu banyak? Beralih ke perkhidmatan hosting terkenal seperti InMotion Hosting (diskaun khas MakeUseOf dengan pautan ini ) atau Bluehost (diskaun khas MakeUseOf dengan pautan ini ).

Berkongsi Berkongsi Tweet E-mel Inilah Sebabnya FBI Mengeluarkan Amaran untuk Hive Ransomware

FBI mengeluarkan amaran mengenai jenis ransomware yang sangat jahat. Inilah sebabnya mengapa anda perlu berhati-hati terhadap Hive ransomware.

Baca Seterusnya Topik-topik yang berkaitan
  • Pengaturcaraan
  • Perkataan
Mengenai Pengarang James Bruce(707 Artikel Diterbitkan)

James mempunyai BSc dalam Artificial Intelligence dan disahkan CompTIA A + dan Network +. Apabila dia tidak sibuk sebagai Editor Ulasan Perkakasan, dia menikmati permainan LEGO, VR, dan permainan papan. Sebelum menyertai MakeUseOf, dia adalah juruteknik pencahayaan, guru bahasa Inggeris, dan jurutera pusat data.

Lebih Banyak Dari James Bruce

Langgan buletin kami

Sertailah buletin kami untuk mendapatkan petua, ulasan, ebook percuma, dan tawaran eksklusif!

Klik di sini untuk melanggan