Apakah Anda ingin menambahkan gambar latar belakang ke situs WordPress Anda?
Gambar latar belakang dapat digunakan untuk membuat situs web Anda lebih menarik dan menyenangkan secara estetika.
Pada artikel ini, kami akan menunjukkan kepada Anda cara menambahkan gambar latar belakang ke situs WordPress Anda dengan mudah.
Jika Anda lebih suka instruksi tertulis, silakan lanjutkan membaca.
Metode 1. Tambahkan gambar latar belakang menggunakan pengaturan tema WordPress Anda
itu Tema WordPress Paling Populer datang dengan dukungan latar belakang khusus. Fitur ini memungkinkan Anda untuk dengan mudah mengatur gambar latar di situs WordPress Anda.
Jika kamu tema WordPress mendukung fungsionalitas latar belakang khusus, sebaiknya gunakan metode ini untuk menambahkan gambar latar belakang ke situs web Anda.
Namun, jika Anda tema WordPress tidak mendukung fitur ini, atau jika Anda tidak menyukai cara mengimplementasikan gambar latar belakang, Anda dapat mencoba opsi lain yang disebutkan dalam tutorial kami.
Anda harus mengunjungi halaman tersebut terlebih dahulu Penampilan »Sesuaikan di admin WordPress Anda. Ini akan meluncurkan Penyesuai tema WordPress di mana Anda dapat mengubah pengaturan berbeda dari tema ini sambil melihat pratinjau waktu nyata.
Kemudian Anda harus mengklik opsi 'Gambar latar belakang'. Panel akan meluncur keluar dan menunjukkan pilihan untuk mengunggah atau memilih gambar latar untuk situs web Anda.
Klik tombol Pilih Gambar untuk melanjutkan.
Ini akan memunculkan pop-up WordPress tempat Anda dapat mengupload gambar dari komputer Anda. Anda juga akan dapat memilih gambar yang sebelumnya diunduh dari perpustakaan media.
Kemudian Anda perlu mengklik tombol Pilih Gambar setelah mengunggah atau memilih gambar yang ingin Anda gunakan di latar belakang.
Ini akan menutup pop-up pengunggah media, dan Anda akan melihat pratinjau gambar yang Anda pilih di kustomisasi tema WordPress.
Di bawah gambar Anda juga akan dapat melihat opsi gambar latar belakang. Dibawah " PresetAnda dapat memilih bagaimana Anda ingin gambar latar muncul: mengisi layar, menyesuaikan layar, ulangi, atau kustom.
Anda juga dapat memilih posisi gambar latar belakang dengan mengklik panah di bawah. Dengan mengklik bagian tengah, gambar akan sejajar dengan bagian tengah layar.
Jangan lupa klik tombol « menerbitkan Untuk menyimpan pengaturan Anda. Itu saja, Anda telah berhasil menambahkan gambar latar belakang ke situs WordPress Anda.
Silakan dan kunjungi situs web Anda 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 Anda mengkonfigurasi beberapa gambar latar belakang.
Anda juga dapat mengatur latar belakang yang berbeda untuk setiap posting, halaman, kategori, atau bagian lain dari situs WordPress Anda.
Itu secara otomatis membuat semua gambar latar belakang Anda layar penuh dan responsif. Artinya, gambar latar belakang Anda akan secara otomatis diubah ukurannya pada perangkat yang lebih kecil.
Pertama-tama, Anda perlu menginstal dan mengaktifkan plugin Latar Belakang Layar Penuh Pro. Untuk lebih jelasnya, lihat panduan langkah demi langkah kami di cara menginstal plugin WordPress.
Setelah aktivasi, Anda harus mengunjungi halaman tersebut Penampilan »Gambar BG Layar Penuh untuk mengkonfigurasi pengaturan plugin.
Anda akan diminta untuk menambahkan kunci lisensi Anda. Anda bisa mendapatkan informasi ini dari email yang Anda terima setelah membeli plugin atau dari akun Anda di situs web plugin.
Kemudian Anda harus mengklik 'Simpan Pengaturan'untuk menyimpan perubahan Anda. Anda sekarang siap untuk mulai menambahkan gambar latar belakang ke situs WordPress Anda.
Silakan dan klik tombol Tambahkan Gambar Baru Di halaman pengaturan plugin. Ini akan membawa Anda ke layar unduhan gambar latar belakang.
Klik pada tombol 'Pilih Gambar'untuk mengunduh atau memilih gambar. Segera setelah Anda memilih gambar, Anda akan dapat melihat pratinjau gambar secara real-time di layar Anda.
Maka Anda perlu memberi nama untuk gambar ini. Nama ini akan digunakan secara internal, sehingga Anda dapat menggunakannya di mana saja.
Terakhir, Anda perlu memilih di mana Anda ingin gambar ini digunakan sebagai gambar latar belakang.
Full Screen Background Pro juga memungkinkan Anda untuk mengatur gambar latar belakang untuk seluruh situs web, atau Anda dapat memilih dari berbagai bagian situs web Anda seperti kategori, arsip, beranda atau blog.
Jangan lupa simpan untuk menyimpan gambar background Anda.
Anda dapat menambahkan gambar sebanyak yang Anda inginkan dengan mengunjungi halaman Apparence »Gambar BG Layar Penuh
Jika Anda menentukan beberapa gambar untuk digunakan secara global, plugin akan ditampilkan secara otomatis gambar latar belakang sebagai tayangan slide.
Anda dapat mengatur waktu yang dibutuhkan untuk menghilangkan gambar dan waktu setelah gambar latar baru muncul.
Waktu yang Anda masukkan di sini dalam milidetik. Jika Anda ingin gambar latar belakang memudar setelah 20 detik, Anda harus memasukkan 20000.
Jangan lupa klik tombolnya Simpan Opsi untuk menyimpan perubahan Anda.
Gambar latar belakang untuk posting, halaman dan kategori
Full Screen Background Pro juga memungkinkan Anda mengatur gambar latar belakang untuk posting, halaman, kategori, tag, dan banyak lagi.
Cukup edit posting / halaman di mana Anda ingin menampilkan gambar latar belakang yang berbeda. Pada halaman edit artikel, Anda akan melihat grup baru " Gambar Latar Layar Penuh »Di editor artikel.
Untuk menggunakan gambar latar belakang untuk kategori tertentu, Anda perlu mengunjungi halaman Penampilan »Gambar Latar Layar Penuh, lalu klik "Pilih Gambar '.
Setelah mengunggah gambar Anda, Anda dapat memilih "kategori" sebagai konteks di mana Anda ingin menampilkan gambar latar belakang.
Masukkan ID dari Kategori atau Slug tertentu tempat Anda ingin menampilkan gambar.
Ingatlah untuk menyimpan gambar Anda untuk menyimpan pengaturan Anda.
Metode 3. Tambahkan gambar latar belakang kustom di mana saja di WordPress menggunakan kode CSS
Secara default, WordPress menambahkan beberapa kelas CSS ke elemen HTML yang berbeda di situs WordPress Anda. Anda dapat dengan mudah menambahkan gambar latar belakang khusus ke posting, kategori, penulis, dan halaman lain menggunakan kelas CSS yang dibuat WordPress ini.
Misalnya, jika Anda memiliki kategori di situs web Anda yang disebut TV, WordPress akan secara otomatis menambahkan kelas CSS ini ke tag body ketika seseorang melihat halaman kategori TV.
Anda dapat menggunakan alat inspeksi untuk melihat dengan tepat kelas CSS mana yang ditambahkan oleh WordPress ke tag body.
Anda dapat menggunakan salah satu kelas CSS untuk menata halaman kategori ini secara berbeda.
kategori-kategori-4
Mari tambahkan gambar latar belakang kustom ke halaman arsip kategori. Anda perlu menambahkan CSS khusus ini ke tema WordPress Anda.
body.kategori-tv { background-image: url ("http://example.com/wp-content/uploads/2017/03/your-background-image.jpg"); latar belakang-posisi: tengah tengah; ukuran latar belakang: penutup; background-repeat: tidak-ulangi; background-attachment: tetap; }
Anda juga dapat menambahkan latar belakang khusus ke setiap posting dan halaman. WordPress menambahkan kelas CSS dengan posting atau ID halaman di badan tag. Anda dapat menggunakan kode CSS yang sama, cukup ganti .category-tv dengan kelas CSS dari postingan tertentu.
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. JS dan CSS Kustom mudah
Ce WordPress Plugin premium adalah editor kode CSS dan JavaScript yang kuat yang memungkinkan Anda menambahkannya ke bagian mana pun di situs web Anda. Ini memungkinkan Anda untuk mempertahankan penyesuaian Anda bahkan setelah pembaruan besar-besaran pada tema WordPress Anda.
Anda memiliki opsi untuk membatasi bidang penggunaan kode pribadi Anda. Misalnya, Anda dapat menggunakan kode Anda hanya untuk artikel yang memiliki format video.
Lihat artikel kami di Cara membutuhkan penerimaan persyaratan penggunaan di WordPress
Atau Anda dapat membatasi kode Anda ke tema WordPress tertentu; Yang berguna jika Anda sedang mengubah tema untuk blog WordPress Anda.
Download | Demo | Hébergement Web
2. Pensil Kuning: Editor Gaya Visual CSS
Yellow Pencil adalah editor gaya visual yang dapat Anda gunakan dengan tema apa pun untuk mempersonalisasi situs web Anda dalam hitungan menit (font, warna, animasi, dan lainnya…).
Ce WordPress Plugin premium akan membuat gaya CSS dengan latar belakang saat Anda bermain dengan warna seolah-olah itu adalah game. Ini dirancang untuk pemula dan juga pengguna berpengalaman.
Temukan juga milik kami Plugin 5 WordPress untuk menampilkan notifikasi
Tidak diperlukan pengetahuan pengkodean. Namun, WordPress Plugin memiliki editor CSS yang bagus untuk mereka yang suka membuat kode. Anda dapat membuat kode langsung dengan editor ini dan menyesuaikan CSS Anda.
Download | Demo | Hébergement Web
3. Widget Komentar Terbaru Facebook
Widget ini memungkinkan Anda untuk menampilkan daftar komentar Facebook terbaru dari blog WordPress Anda di halaman pertama, atau di mana saja terdapat widget yang digunakan oleh website.
Adapun fitur yang akan Anda miliki antara lain: tampilan semua komentar terakhir dari website atau blog WordPress Anda, filePersetujuan otomatis atau manual atas komentar yang akan ditampilkan di widget,mengirim pemberitahuan email ketika seseorang berkomentar melalui plugin komentar Facebook, SEO yang bagus, kompatibilitas dengan tema WordPress apa pun, oopsi untuk menyesuaikan widget dan banyak lagi.
Download | Demo | Hébergement Web
Sumber Daya yang Direkomendasikan
Cari tahu tentang sumber daya lain yang direkomendasikan untuk membantu Anda membangun dan mengelola situs web Anda.
- Cara menyembunyikan widget WordPress di ponsel
- 10 plugin WordPress untuk memperbaiki visual situs Anda
- Cara Memigrasi Situs WordPress Secara Manual: Panduan
- 7 plugin WordPress untuk tombol ajakan bertindak di WordPress
Kesimpulan
Sini! Itu saja untuk tutorial ini. Kami harap artikel ini membantu Anda mempelajari cara menambahkan gambar latar belakang di WordPress. Jangan sungkan berbagi dengan teman-teman Anda di jejaring sosial favorit Anda.
Namun, Anda juga bisa berkonsultasi sumber daya kita, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress.
Jika Anda memiliki saran atau komentar, tinggalkan di bagian kami komentar.
...