by Semua Tentang Gambar WordPress Dari Ide Hingga Implementasi – Salah satu tren terpenting saat ini dalam desain web adalah desain gambar pahlawan WordPress. Header khusus ini sering disebut sebagai hero image, hero slider, banner, video header atau carousel. Membuat kesan pertama yang baik sangat penting. Anda hanya mendapatkan satu kesempatan dengan kesan pertama dan Anda hanya memiliki beberapa detik untuk menarik perhatian pengunjung Anda.
Semua Tentang Gambar WordPress Dari Ide Hingga Implementasi
phpbbstyles.com – Pada artikel ini, saya akan memperkenalkan Anda pada beberapa praktik terbaik, contoh gambar pahlawan dan menyediakan sumber daya yang luar biasa untuk membantu Anda membuat gambar pahlawan WordPress yang efektif untuk situs web Anda.
Untuk apa Anda dapat menggunakan gambar pahlawan?
Dilansir dari laman kompas.com Saat Anda menjelajah di web, Anda dapat menemukan banyak gambar pahlawan dengan tujuan berbeda. Saya mengumpulkan beberapa kasus ketika Anda dapat menggunakan gambar pahlawan. Mari kita lihat mereka.
Baca Juga : 10 Situs Web Luar Biasa yang Dibuat dengan WordPress
– Sorot produk Anda. Cara terbaik untuk menyorot produk adalah gambar pahlawan yang bagus di halaman Anda. Pengunjung melihat gambar ini terlebih dahulu dan dapat membaca informasi kecil tentang produk Anda. Letakkan tautan di halaman Beli sekarang, dan pengunjung Anda dapat langsung membeli.
– Berbagi informasi. Anda dapat menggunakan gambar pahlawan untuk berbagi informasi tentang produk atau layanan Anda dengan cara lain. Anda dapat menambahkan teks pada gambar, Anda juga dapat menambahkan video yang memberikan informasi kepada pengunjung.
– Menampilkan berita terbaru. Apakah Anda ingin menampilkan postingan terbaru atau penting untuk pengunjung? Letakkan judul dan deskripsi kecil pada gambar, tombol dengan tautan posting, dan saya yakin, jika menarik, pengunjung akan mengkliknya untuk membaca lebih lanjut.
– Elemen desain. Gambar pahlawan bisa menjadi elemen desain yang hebat dari halaman Anda, itu adalah fokus, menyemangati halaman Anda, dan biasanya mendapat interaksi dengan pengunjung.
– Ciptakan sebuah emosi. Emosi bisa menjadi faktor besar. Membangkitkan emosi yang tepat dapat langsung membangun kepercayaan dengan pengunjung Anda.
Bagaimana cara memilih gambar pahlawan WordPress?
Saat Anda memilih gambar pahlawan, penting untuk diingat bahwa gambar pahlawan Anda tidak hanya perlu terlihat bagus, gayanya juga harus sesuai dengan seluruh situs web Anda. Jika Anda menggunakan gambar pahlawan emosional, pikirkan tentang suasana halaman Anda.
Gambar dapat berupa halaman penuh tetapi gambar yang lebih kecil juga dapat ditampilkan di bawah bilah navigasi. Gambar spanduk besar ini adalah tren dalam desain web dan mendahului gambaran umum dari bisnis Anda, jadi Anda harus memilih gambar yang sesuai untuk halaman Anda.
Di mana menemukan sumber gratis terbaik untuk gambar pahlawan?
Gambar yang bagus adalah bagian penting dari gambar pahlawan yang hebat, tetapi menemukan gambar bisa jadi sulit. Berikut adalah koleksi situs web terbaik saya untuk menemukan foto dan video gratis.
Unsplash – Foto beresolusi tinggi
Pexels – Stok foto gratis terbaik di satu tempat
Picjumbo – Foto stok gambar gratis
Kaboompics – Tempat yang bagus untuk mendapatkan gambar gratis yang menakjubkan untuk proyek bisnis atau pribadi
Death to the Stock Photo – Foto gratis melalui email setiap bulan
Coverr – Video indah dan gratis untuk beranda Anda
Pikwizard – Stok foto gratis untuk semua kebutuhan kreatif Anda
Apa yang harus terkandung dalam gambar pahlawan yang baik?
Gambar pahlawan WordPress menyajikan ikhtisar layanan atau produk Anda. Ini bisa berupa gambar sederhana, tetapi lebih berhasil jika Anda menggunakan konten di dalamnya, seperti CTA. Mari kita lihat 4 bagian penting dari apa yang harus terkandung dalam gambar pahlawan.
Panggilan untuk bertindak
Tombol CTA adalah tindakan yang Anda ingin pengunjung Anda lakukan, jadi tujuan Anda dengan gambar pahlawan adalah untuk membujuk pengunjung agar melakukan tindakan ini. Tidak masalah jika tujuan Anda adalah meningkatkan penjualan atau menghasilkan prospek email.
Tapi jangan lupa Anda harus jelas tentang tindakan apa yang Anda ingin pengunjung lakukan dan membuatnya semudah mungkin. Oke, tapi bagaimana memulainya? Mulailah dengan CTA dan kerjakan kembali. Akan jauh lebih mudah jika Anda tahu persis tujuan Anda.
Salinan yang bagus
Judul pertama yang dilihat pengunjung Anda adalah salinan terpenting yang akan Anda tulis di situs web Anda. Menulis salinan web yang baik tidak mudah dan membutuhkan keterampilan untuk melakukannya dengan benar.
Beberapa copywriter terbaik akan menghabiskan waktu berminggu-minggu hanya untuk menyusun headline. Tujuan Anda adalah untuk mengomunikasikan nilai Anda dan membuat pengunjung berinteraksi di situs web Anda.
Latar belakang berkualitas
Mungkin citra adalah bagian terpenting dari citra pahlawan. Ini adalah alat yang ampuh untuk membantu Anda berkomunikasi dan membedakan situs web Anda. Gambar pahlawan Anda harus berisi gambar, video, atau grafik yang menarik perhatian dan memikat audiens Anda.
Sebagian besar gambar kontekstual menyampaikan pesan Anda dengan lebih efektif, gambar non-kontekstual tidak melengkapi pesan dengan informasi tambahan apa pun.
Dampak
Ini semua tentang menciptakan momen WOW itu. Gambar pahlawan terbaik mencapai keseimbangan antara menangkap perhatian pembaca dan memberikan informasi berguna dalam jumlah yang memadai.
Misalnya, animasi sangat bagus untuk membuat desain situs web tak terlupakan dan menarik perhatian pengunjung Anda. Kunci animasi sebagai alat desain adalah moderasi. Ada banyak cara menggunakan animasi untuk meningkatkan pengalaman pengguna di Smart Slider 3: animasi lapisan, animasi teks terpisah, atau interaksi yang mudah diingat.
Bagaimana cara membuat gambar pahlawan WordPress dengan mudah?
Sekarang mungkin Anda ingin menempatkan gambar pahlawan di halaman Anda, tetapi Anda tidak tahu bagaimana melakukannya. Yang terbaik jika Anda mencari plugin di mana Anda dapat membuat bagian pahlawan untuk situs Anda dengan mudah.
Dengan plugin dalam kasus yang ideal, Anda dapat meletakkan teks atau tombol pada gambar, dan Anda dapat mempublikasikannya di tempat yang Anda inginkan. Smart Slider adalah plugin yang bagus untuk membuat gambar pahlawan.
Apa itu Smart Slider 3?
Smart Slider 3 adalah plugin slider gratis yang dengannya Anda dapat dengan mudah membuat slider, gambar pahlawan, dan blok tanpa pengetahuan pengkodean. Dengan editor seret dan lepas, Anda dapat membuat blok yang Anda inginkan, dan menggunakan lapisan seperti heading atau tombol. Ini sepenuhnya responsif, dan ketika Anda siap, Anda dapat menerbitkannya dengan kode pendek sederhana, dengan Gutenberg atau dengan pembuat halaman juga.
Karena Smart Slider 3 bukan hanya plugin slider, Anda akan dapat membuat gambar pahlawan WordPress yang sempurna untuk situs web Anda dengan mudah. Apa pun jenis yang Anda butuhkan, mereka biasanya terletak di bagian atas situs web dan ini adalah hal pertama yang dilihat orang.
Buat blok pahlawan
Jenis blok adalah jenis slider khusus Smart Slider. Blok hanya menampilkan satu slide, yang merupakan pilihan sempurna untuk membuat gambar pahlawan. Membuat blok pahlawan dengan Smart Slider sangat sederhana. Cukup klik tombol proyek baru berwarna hijau, dan buat proyek baru atau mulai dengan template siap pakai.
Kemudian Anda dapat mengedit blok Anda di editor visual. Dalam versi gratis Smart Slider, Anda dapat memilih dari 7 lapisan, dalam versi Pro ada 24 jenis lapisan. Anda dapat meletakkan lapisan di tempat yang Anda inginkan, mengubah warna, ukurannya, atau memasang tautan di atasnya. Selain itu, Anda memiliki opsi untuk menganimasikan layer Anda, yang dapat menarik perhatian pengunjung.
Mengapa memilih Smart Slider untuk membuat gambar pahlawan?
– Seret dan lepas editor visual – Dengan Smart Slider, Anda dapat mengedit gambar pahlawan WordPress Anda seperti yang Anda bayangkan. Editor seret dan lepas membantu Anda membuat blok pahlawan dalam hitungan menit. Dengan pengaturan responsif, Anda dapat membuatnya terlihat bagus di perangkat apa pun.
– Animasi & Efek – Dalam Smart Slider 3 versi Pro, Anda dapat menggunakan animasi dan efek untuk menghibur gambar pahlawan Anda dan menarik perhatian pengunjung. Gunakan efek Ken Burns jika Anda ingin menambahkan gerakan ke pahlawan Anda, atau gunakan animasi lapisan untuk menyorot konten.
Baca Juga : Panduan Untuk Mendesain Web Pemula Dalam 15 Langkah 2021
– Sumber dinamis – Mengubah konten secara dinamis di blok pahlawan Anda? Itu mungkin dengan Smart Slider 3, cukup buat slider dinamis, dan gunakan variabel.
– Mudah untuk diterbitkan – Anda dapat dengan mudah menempatkan pahlawan di beranda Anda, cukup gunakan pembuat halaman Anda, blok Smart Slider Gutenberg, atau kode pendek slider. Sebagai alternatif, Anda dapat menggunakan kode PHP dari penggeser dan meletakkannya di tema anak Anda.
– SEO ramah – SEO sangat penting untuk membuat orang menemukan situs web Anda. Di Smart Slider, Anda dapat mengisi tag alt, dan Anda dapat menambahkan teks yang dapat dibaca oleh mesin pencari.
Apa yang harus Anda pedulikan saat membuat gambar pahlawan?
– Fokus pada konten – Kekuatan gambar pahlawan besar ada di konten. Fokus pada bagian terpenting dari teks Anda, tarik perhatian pengunjung dengan judul dan deskripsi yang menarik, dan gunakan tombol Ajakan Bertindak. Jangan terlalu banyak menggunakan teks, jaga keserasian antara gambar dan konten.
– Gunakan ukuran gambar yang benar – Kecepatan halaman Anda sangat penting. Jangan bekerja dengan gambar yang terlalu besar, karena dapat memperlambat waktu loading.
– Membuat teks dapat dibaca – Jika Anda memiliki teks pada pahlawan Anda, perhatikan keterbacaan teks Anda. Gunakan salah satu teknik gambar pahlawan yang populer seperti latar belakang teks atau gambar buram.
– Jaga SEO-nya – Jangan pernah membakar teks di gambar pahlawan Anda. Gunakan plugin seperti Smart Slider yang bekerja dengan baik dengan mesin pencari, dan isi tag alt gambar.
– Periksa di perangkat yang berbeda – Selalu perhatikan untuk membuat pahlawan Anda responsif. Gambar dan teks harus dapat dibaca di setiap perangkat.
Teknik gambar pahlawan WordPress yang populer
Mungkin tantangan terbesar bagi pengguna non-desain adalah membuat gambar pahlawan WordPress baru yang indah dengan Smart Slider 3 karena ada banyak cara yang dapat Anda mulai. Di bawah ini, saya akan menunjukkan contoh paling populer dan teknik dasar tentang bagaimana Anda dapat menggunakan citra di header situs web Anda dan membuat kesan pertama yang mengagumkan.
Hamparan
Sangat sulit untuk membuat teks menonjol saat diletakkan di atas gambar atau video. Kurangnya kontras akan menyebabkan masalah keterbacaan dan hal terakhir yang diinginkan pengunjung adalah menebak apa yang mereka baca.
Overlay adalah metode yang sangat sederhana untuk mencerahkan atau menggelapkan latar belakang Anda dan mendapatkan kontras yang lebih tinggi. Di Smart Slider 3 cukup pilih warna dan atur opacity untuk latar belakang Anda. Cobalah untuk menemukan warna dan keseimbangan yang sempurna dengan overlay, di atas dan di atas jangan terlalu banyak menyembunyikan gambar.
Latar Belakang Teks
Jika Anda tidak ingin menyembunyikan latar belakang maka Anda dapat menambahkan latar belakang di belakang teks daripada seluruh gambar pahlawan. Pada dasarnya, Anda dapat memilih warna latar belakang untuk setiap judul dan elemen teks di jendela lapisan di Smart Slider 3.
Latar Belakang Kabur
Memburamkan adalah salah satu cara terbaik untuk menangkap esensi gambar dan meningkatkan keterbacaan salinan. Anda dapat menambahkan efek blur ke latar belakang Anda di tab Gaya pada slide.
Komposisi
Jika Anda memiliki foto bagus yang memiliki ruang aman untuk teks, maka Anda tidak boleh menyembunyikan latar belakang dengan overlay. Cobalah untuk menemukan tempat terbaik untuk teks yang tidak menghalangi aliran visual. Jangan menutupi wajah atau bagian gambar yang sibuk!
Warna Latar Belakang Padat
Terkadang lebih sedikit lebih banyak dan situs web Anda bisa lebih baik jika Anda menghilangkan gambar latar belakang sepenuhnya. Teknik desain ini memungkinkan tipografi menjadi dramatis dan memiliki dampak visual yang kuat. Ini adalah kesempatan ideal untuk bereksperimen dengan tipografi, tata letak, dan warna!
Latar Belakang Video
Menggunakan video latar belakang dan animasi juga dapat menambahkan dimensi yang menarik pada gambar pahlawan. Ketika dijalankan dengan baik, metode ini dapat meningkatkan konten halaman.
Dengan Smart Slider 3 Anda dapat menggunakan video latar belakang dengan mudah dan meningkatkan citra pahlawan Anda dan membuat pengalaman pengguna menjadi lebih baik. Kualitas dan panjang video harus terbaik untuk menyampaikan pesan karena video pasti memperlambat situs Anda. Tidak setiap situs web dapat memperoleh manfaat dari teknik ini, tetapi ini dapat menjadi manfaat yang sangat besar bagi keseluruhan desain dan branding.
