Apakah Anda ingin tahu cara menambahkan ukuran khusus pada gambar mini?

Mengupload gambar ke WordPress menciptakan ukuran berbeda dari gambar asli, tapi sayangnya, ini bukan solusi yang mungkin berhasil untuk semua orang. Ukuran default yang dibuat adalah: thumbnail, medium, large, dan original size. Namun, jika Anda membutuhkan ukuran yang berbeda, seperti produk di toko online, Anda dapat membuat ukuran sendiri sesuai dengan kebutuhan Anda.

Dalam tutorial ini, kami akan menunjukkan cara membuat format gambar kustom dengan menyimpannya di tema Anda dengan kode.

Saya akan berasumsi untuk tutorial ini bahwa Anda tahu cara mengembangkan (HTML/CSS & PHP). Tutorial ini juga berlaku jika Anda tahu cara membuatnya plugin WordPress.

Tetapi sebelumnya, jika Anda belum pernah menginstal WordPress temukan Bagaimana menginstal sebuah blog WordPress langkah 7 et Bagaimana menemukan, menginstal dan mengaktifkan tema WordPress di blog Anda 

Lalu kembali ke mengapa kita ada di sini.

Bagaimana cara menyimpan ukuran khusus di WordPress

Mulailah dengan membuka atau buat file functions.php tema Anda, lalu konfigurasikan seperti pada contoh di bawah ini yang merupakan kutipan dari tema Twenty Seventeen default:

<?php

jika ( version_compare( $GLOBALS['wp_version'], '4.7-alpha', '<' ) ) {
    memerlukan get_template_directory() . '/inc/back-compat.php';
    kembali;
}

/**
 * Konfigurasi tema default + menambahkan fitur baru.
 *
 * Perhatikan bahwa kode ini ditambahkan setelah "after_setup_theme hook", yang mana
 * berjalan sebelum init hook.
 */
fungsi dua puluh tujuh belas_setup() {

Seperti yang dijelaskan oleh komentar, Anda dapat menambahkan kompatibilitas dengan fitur WordPress yang ingin Anda gunakan di tema Anda, seperti gambar unggulan, format posting, tajuk khusus, dan opsi serupa lainnya.

Lihat juga daftar kami Plugin 5 WordPress untuk mengedit gambar di blog Anda

Ada fitur yang mutlak harus Anda tambahkan untuk dapat membuat gambar dengan ukuran khusus dan pratinjau gambar kecil:

  Add_theme_support ('post-thumbnails');

Setelah WordPress versi 2.9, gambar posting diubah namanya menjadi "gambar unggulan", tetapi (secara membingungkan) masih disebutkan dengan nama aslinya di kode file. Istilah-istilah ini dapat digunakan secara bergantian, namun, ini mungkin membingungkan beberapa orang, tergantung pada audiens Anda.

Baca juga tutorial kami di Bagaimana memiliki kontrol pengguna maju di WordPress

Kemudian Anda dapat menambahkan ukuran gambar khusus Anda ke " add_image_size ". Ini adalah struktur dasar yang Anda butuhkan:

    add_image_size ('new-custom-size', width, height, crop mode);

Pastikan untuk berubah " THEMENAME Dengan nama tema Anda. Ganti " baru-ukuran khusus Dengan nama deskriptif untuk ukuran gambar Anda. Meskipun Anda dapat menggunakan hampir semua nama, nama ini dilarang karena telah dipesan oleh ukuran gambar default yang disebutkan di atas: ibu jari, gambar kecil, sedang, besar, gambar kecil pasca.

Selain itu, Anda dapat mengatur ukuran gambar khusus lebar, tinggi dan untuk tanam.

Temukan juga Cara kompres dan mengubah ukuran gambar pada WordPress

Anda dapat mengubah dimensi " lebar "Dan" tinggi Untuk yang Anda butuhkan. Meskipun cukup jelas, mode krop tidak.

Ada beberapa opsi untuk memotong gambar Anda:

  • Paksa panen - Untuk melakukan ini, setel nilainya " Mode tanaman "Untuk" benar ". Ini memotong gambar yang lebih besar dengan lebar dan tinggi yang tepat yang diatur agar sesuai dengan desain Anda, tetapi mungkin tidak perlu memotong gambar secara proporsional.
  • Tanam lembut - Ini adalah pengaturan default dan diaktifkan dengan menghapus mode krop. Ini menghasilkan gambar secara proporsional, tetapi ketinggian gambar dapat bervariasi jika aslinya berukuran berbeda.
  • Tinggi tak terbatas - Dengan menghapus nilai " tinggi », Mode pangkas gambar khusus Anda dapat memiliki ketinggian yang tidak terbatas. Ini sangat berguna untuk infografis.

Anda dapat mengulangi baris pada cuplikan di atas untuk menyimpan ukuran gambar sebanyak yang Anda butuhkan. Jangan lupa untuk mengeditnya agar memenuhi spesifikasi yang Anda butuhkan. 

Bagaimana cara membagikan artikel Anda sebagai PDF di WordPress? Cari tahu dengan membaca artikel ini.

Anda dapat terus menambahkan dukungan untuk fitur yang Anda butuhkan dan ketika Anda selesai, sertakan dalam hook " after_setup_theme »:

Add_action ('after_setup_theme', 'themename_setup');

Ingatlah bahwa " THEMENAME Harus diubah menjadi nama sebenarnya dari tema WordPress Anda. Pastikan untuk menggunakan nama ini secara konsisten di seluruh file ini.

Temukan juga beberapa plugin WordPress premium  

Anda dapat menggunakan yang lain plugin WordPress untuk memberikan tampilan yang modern dan untuk mengoptimalkan penanganan blog atau website Anda.

Kami menawarkan kepada Anda beberapa plugin WordPress premium yang akan membantu Anda melakukannya.

1. Tempat QT

QT Places adalah Ekstensi WordPress elegan dan serbaguna untuk menampilkan peta dari Google Maps di situs web Anda. Setelah instalasi, jenis posting baru yang disebut "Tempat" akan muncul di menu WordPress Anda, dan Anda dapat segera mulai menambahkan tempat baru ke peta.

Qt menempatkan plugin wordpress google maps responsif interaktif

Ekstensi ini sangat responsif, dan berfungsi di seluler (iPhone, Android). Kamu bisa menambahkan fungsionalitas peta ke semua jenis publikasi standar (seperti artikel atau halaman), atau dipersonalisasi (seperti portofolio).

Download | Demo | Hébergement Web

2. Calendarista

Calendarista adalah plugin WordPress premium yang dirancang untuk memberikan pengalaman Pemesanan online –Pemesanan- lebih cepat dan lebih efisien untuk pelanggan Anda. Tujuannya adalah untuk membuat layanan menjadi sangat cepat dan mudah ditambahkan untuk perusahaan yang menawarkan pemesanan sesi atau janji temu di internet.

Plugin pemesanan janji wp premium Calendarista dan plugin sistem jadwal wordpress

Jadi jika Anda mencari sistem reservasi lengkap untuk hotel, perusahaan persewaan mobil, persewaan apartemen, biro perjalanan, salon kecantikan, restoran, dll…, plugin ini akan sempurna untuk Anda. 

Baca artikel ini di Cara menampilkan semua publikasi WordPress Anda pada satu halaman

Adapun fitur yang ditawarkan antara lain: 10 model sistem reservasi siap pakai, dukungan gateway pembayaran 3, Dukungan WooCommerce, integrasi pembuat formulir yang dapat disesuaikan, Dukungan Google Map, templat kalender yang bagus untuk menampilkan janji temu Anda, dan banyak lagi.

Download | Demo Hébergement Web

3. EventOn

Plugin WordPress EventOn premium adalah plugin kalender terlaris di CodeCanyon, dengan lebih dari 7000 penjualan. Ini memiliki banyak fitur berguna seperti gambar unggulan untuk acara, kode pendek, pembuatan kalender acara yang tidak terbatas, bidang metadata yang dapat disesuaikan, dan karakteristik acara.

Plugin Wordpress Kalender Acara Eventon Wordpress

Ekstensi utamanya antara lain: kemungkinan penjualan tiket, impor / ekspor acara dalam format CSV, integrasi gratis dengan Google Map, menyortir dan memfilter pada daftar acara, tata letak yang sepenuhnya responsif, Dukungan multibahasa, dan penyesuaian kalender yang mudah.

Temukan kami Plugin 9 WordPress untuk membuat situs web perjalanan

Beberapa fitur sudah tersedia secara gratis di plugin lain, tetapi nilainya kompromi yang efektif.

Download | Demo | Hébergement Web

Sumber daya lain yang direkomendasikan

Kami juga mengundang Anda untuk berkonsultasi dengan sumber daya di bawah ini untuk melangkah lebih jauh dalam cengkeraman dan kontrol situs web dan blog Anda.

Kesimpulan

Disini adalah ! Sekian untuk panduan ini. Kami berharap ini akan memungkinkan Anda untuk menambahkan ukuran khusus untuk gambar.

Namun, Anda juga akan dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.

Jika sudah komentar atau saran, jangan ragu untuk memberi tahu kami di bagian yang disediakan Tapi sementara itu, bagikan artikel ini di berbagai jejaring sosial Anda

...