Cara Menambahkan Gambar Latar Belakang di WordPress

Bagikan

Apakah kamu ingin menambahkan gambar latar belakang ke situs WordPress mu?

Gambar latar belakang dapat digunakan untuk membuat situs web terlihat lebih menarik dan menyenangkan secara estetika.

Pada artikel ini, kita akan belajar cara menambahkan gambar latar belakang ke situs WordPress Anda dengan mudah.

Metode 1. Tambahkan Gambar Latar Belakang Menggunakan Pengaturan Tema WordPress Anda

Tema WordPress paling populer hadir dengan dukungan latar belakang khusus. Fitur ini memungkinkan kamu untuk dengan mudah mengatur gambar latar belakang ke situs WordPress mu.

Jika tema mu mendukung fitur latar belakang khusus, kami merekomendasikan penggunaan metode ini untuk menambahkan gambar latar belakang ke situs WordPress mu.

Namun, jika tema mu tidak mendukung fitur ini, atau kamu tidak suka cara menerapkan gambar latar belakang, kamu dapat mencoba opsi lain yang disebutkan dalam tutorial kami.

Pertama, kamu perlu mengunjungi halaman Appearance »Customize di admin WordPress kamu. Ini akan meluncurkan penyesuai tema WordPress di mana kamu dapat mengubah pengaturan tema yang berbeda sambil melihat pratinjau langsung situs web kamu.

 

Selanjutnya, kamu perlu mengklik opsi ‘Gambar latar belakang’. Panel akan meluncur masuk dan menunjukkan pilihan untuk mengunggah atau memilih gambar latar belakang untuk situs web kamu.

Klik pada tombol pilih gambar untuk melanjutkan.

Ini akan memunculkan pop-up pengunggah media WordPress tempat kamu dapat mengunggah gambar dari komputer kamu. kamu juga dapat memilih gambar yang diunggah sebelumnya dari perpustakaan media.

 

Selanjutnya, kamu perlu mengklik tombol pilih gambar setelah mengunggah atau memilih gambar yang ingin kamu gunakan sebagai latar belakang.

Ini akan menutup pop-up pengunggah media, dan kamu akan melihat pratinjau gambar yang kamu pilih di penyesuai tema.

 

Di bawah gambar, kamu juga akan dapat melihat opsi gambar latar belakang. Di bawah ‘Preset,’ Kamu dapat memilih bagaimana kamu ingin gambar latar ditampilkan: mengisi layar, menyesuaikan layar, ulangi, atau kustom.

Kamu juga dapat memilih posisi gambar latar belakang dengan mengklik panah di bawah. Mengklik di tengah akan menyelaraskan gambar ke tengah layar.

Jangan lupa untuk mengklik tombol ‘Simpan & Publikasikan’ di bagian atas untuk menyimpan pengaturan kamu. Itu saja, kamu telah berhasil menambahkan gambar background ke situs WordPress mu.

Silakan dan kunjungi situs web  untuk melihatnya beraksi.

Metode 2. Tambahkan Gambar Latar Belakang Kustom di WordPress Menggunakan Plugin

Metode ini jauh lebih fleksibel. Ini berfungsi dengan tema WordPress apa pun dan memungkinkan kamu mengatur beberapa gambar latar belakang.

kamu juga dapat mengatur latar belakang berbeda untuk setiap posting, halaman, kategori, atau bagian lain dari situs WordPress kamu.

Itu secara otomatis membuat semua gambar latar belakang kamu layar penuh dan responsif seluler. Artinya, gambar latar belakang kamu akan secara otomatis mengubah ukurannya di perangkat yang lebih kecil.

Pertama, kamu perlu menginstal dan mengaktifkan plugin Full Screen Background Pro. Untuk lebih jelasnya, lihat panduan langkah demi langkah kami tentang cara memasang plugin WordPress.

Setelah aktivasi, kamu perlu mengunjungi Tampilan »Gambar BG Layar Penuh untuk mengkonfigurasi pengaturan plugin.

Kamu akan diminta untuk menambahkan kunci lisensi kamu. kamu bisa mendapatkan informasi ini dari email yang kamu terima setelah membeli plugin atau dari akun kamu di situs web plugin.

Selanjutnya, kamu perlu mengklik tombol ‘Simpan Pengaturan’ untuk menyimpan perubahan kamu. kamu sekarang siap untuk mulai menambahkan gambar latar belakang ke situs WordPress kamu.

Lanjutkan dan klik tombol ‘Tambahkan Gambar Baru’ di halaman setelan plugin. Ini akan membawa kamu ke layar unggah gambar latar belakang.

Klik tombol ‘Pilih Gambar’ untuk mengupload atau memilih gambar. Segera setelah kamu memilih gambar, kamu akan dapat melihat pratinjau langsung dari gambar tersebut di layar kamu.

Selanjutnya, kamu perlu memberi nama untuk gambar ini. Nama ini akan digunakan secara internal, jadi kamu dapat menggunakan apa saja di sini.

Terakhir, kamu perlu memilih di mana kamu ingin gambar ini digunakan sebagai halaman latar belakang.

Full Screen Background Pro memungkinkan kamu untuk mengatur gambar sebagai latar belakang global, atau kamu dapat memilih dari berbagai bagian situs web kamu seperti kategori, arsip, halaman depan atau blog.

Jangan lupa untuk mengklik tombol simpan gambar untuk menyimpan gambar latar kamu.

kamu dapat menambahkan gambar sebanyak yang kamu inginkan dengan mengunjungi halaman Tampilan »Gambar BG Layar Penuh.

Jika kamu mengatur lebih dari satu gambar untuk digunakan secara global, maka plugin akan secara otomatis mulai menampilkan gambar latar belakang sebagai slideshow.

kamu dapat menyesuaikan waktu yang diperlukan untuk memudarnya gambar dan waktu setelah gambar latar baru mulai memudar.


Waktu yang kamu masukkan di sini dalam milidetik. Jika kamu ingin gambar latar memudar setelah 20 detik, kamu harus memasukkan 20000.

Jangan lupa untuk mengklik tombol simpan pengaturan untuk menyimpan perubahan kamu.

Gambar Latar Belakang untuk Posting, Halaman, dan Kategori

Full Screen Background Pro juga memungkinkan kamu mengatur gambar latar belakang untuk posting tunggal, halaman, kategori, tag, dan banyak lagi.

Cukup edit posting / halaman di mana kamu ingin menampilkan gambar latar belakang yang berbeda. Pada layar edit posting, kamu akan melihat kotak baru ‘Gambar Latar Belakang Layar Penuh’ di bawah editor posting.

Untuk menggunakan gambar latar belakang untuk kategori tertentu, kamu perlu mengunjungi halaman Tampilan »Gambar BG Layar Penuh dan kemudian klik tombol‘ Tambahkan Gambar Baru ’.

Setelah mengupload gambar kamu, kamu dapat memilih ‘Category’ sebagai konteks di mana kamu ingin menampilkan gambar background.

Sekarang masukkan ID kategori tertentu atau siput tempat kamu ingin menampilkan gambar. Lihat panduan kami tentang cara menemukan ID kategori di WordPress.

Jangan lupa untuk menyimpan gambar kamu untuk menyimpan pengaturan kamu.

Metode 3. Tambahkan Gambar Latar Belakang menggunakan CSS Hero

CSS Hero adalah plugin WordPress yang memungkinkan kamu membuat perubahan apa pun pada tema kamu tanpa menyentuh satu baris kode pun.

kamu dapat menambahkan gambar latar belakang dengan cepat dalam beberapa langkah sederhana. Pertama, kamu perlu menginstal dan mengaktifkan CSS Hero. Setelah kamu selesai melakukannya, sekarang saatnya untuk mulai menyesuaikan situs web kamu.

Sekarang buka berkamu kamu di browser kamu. kamu akan melihat tautan ‘Sesuaikan dengan CS SHero’ di bilah admin kamu.


Setelah kamu mengklik link tersebut, kamu akan melihat opsi CSS Hero terbuka. Arahkan mouse kamu ke area yang ingin kamu tambahi gambar.

Pada tangkapan layar di bawah, kamu akan melihat area .header-filter-gradient. Saat kamu mengklik area ini, kamu dapat memilih link latar belakang di sidebar kiri.

Tautan latar belakang akan terbuka. Dari sana, kamu dapat mengklik ‘Gambar’. Sekarang, kamu dapat memilih gambar dari Unsplash atau dari unggahan kamu untuk membuat latar belakang.

Saat kamu mengeklik gambar yang kamu inginkan, kamu akan melihat tombol ‘Terapkan Gambar’. Kemudian kamu dapat memilih ukuran gambar yang kamu inginkan. Kami memilih versi besar sehingga akan membentang di halaman.

Tekan ‘Simpan dan Publikasikan’ di bagian bawah, dan gambar latar belakang sekarang disimpan untuk situs kamu.

 

Semoga artikel ini bermanfaat yaa!

Subscribe & Dapatkan Info Lainnya

WEBZID DEVELOPER

Berita Terkait