Kembali ke Dukungan Desain Situs Anda Mengubah Latar Belakang Situs

Mengubah Latar Belakang Situs

Hadirkan penampilan dan nuansa yang berbeda di situs dengan mengganti latar belakangnya dengan warna atau gambar tertentu. Ikuti langkah-langkah berikut untuk mengetahui caranya.

Tips Memilih Latar Belakang

Menyetel warna atau gambar latar belakang menjadi salah satu cara efektif untuk menunjukkan identitas dan menjadikan situs tampil beda dari yang lain. Berikut hal yang perlu diperhatikan dalam menyesuaikan latar belakang situs:

Cara 1: Mengubah Latar Belakang Situs Lewat Editor Situs

Untuk situs yang menggunakan tema yang mendukung editor situs, cara berikut bisa digunakan untuk mengganti latar belakangnya. Cara cepat untuk mengetahui ada tidaknya editor situs dalam situs Anda adalah dengan membuka Tampilan di dasbor situs. Jika terdapat tampilan Editor di menu tersebut, latar belakang situs bisa diganti dengan cara berikut.

Warna Latar Belakang
  1. Di dasbor situs, buka  Tampilan → Editor.
  2. Klik Gaya di sebelah kiri atau klik ikon Gaya yang ditunjukkan dalam gambar. Ikonnya tampak seperti lingkaran hitam-putih.
  3. Klik opsi Warna .
  4. Klik opsi Latar Belakang.
  5. Pilih warna yang diinginkan menggunakan alat pemilih warna yang disediakan. Anda dapat memilih warna solid atau membuat gradasi warna sendiri.
  6. Klik Simpan.
Panah yang menunjuk tombol Gaya di Editor Situs.
Gambar Latar Belakang

Blok Sampul bisa digunakan untuk menempatkan latar belakang berupa gambar di belakang seluruh konten dari suatu halaman. Ikuti langkah-langkah berikut untuk menyetel gambar dengan blok Sampul dan menempatkan seluruh konten halaman di depannya:

  1. Di dasbor situs, buka Tampilan → Editor.
  2. Buka Tampilan Daftar dengan mengeklik tombol tiga garis horizontal di pojok kiri atas.
  3. Arahkan kursor ke blok paling atas di bagian Tampilan Daftar.
  4. Klik tombol tiga titik di sebelah kanan blok tersebut.
  5. Klik opsi Masukkan sebelum.
Menggunakan Tampilan Daftar untuk memasukkan sebuah blok ke atas blok lain.
  1. Masukkan blok Sampul ke sini di atas blok lain.
  2. Unggah gambar latar belakang ke blok Sampul.
  3. Pilih dan pindahkan semua blok lain yang ada di Tampilan Daftar, lalu masukkan ke dalam blok Sampul. Blok bisa diklik lalu diseret seperti yang ditunjukkan video berikut.
    • Jika terkunci, blok perlu dibuka kuncinya agar dapat diedit dan dipindahkan.
  4. Jika teks di atas blok Sampul tersebut jadi sulit terbaca setelah gambar latar belakang ditambahkan, sesuaikan pengaturan tingkat opasitasnya agar teks lebih terlihat.
  5. Klik tombol Simpan di pojok kanan atas.

Cara 2: Mengubah Latar Belakang Lewat Customizer

Untuk situs yang menggunakan tema WordPress klasik, pengaturan gambar latar belakang terdapat di Customizer. Cara cepat untuk mengecek apakah situs menggunakan tema klasik adalah dengan membuka Tampilan → Penyesuaian di dasbor situs. Jika terdapat tab Warna & Latar Belakang di menu tersebut, latar belakang situs bisa diubah dengan cara berikut.

Warna Latar Belakang
  1. Buka dasbor situs.
  2. Buka Tampilan → Penyesuaian.
  3. Klik tab Warna & Latar Belakang.
    • Jika tab Warna & Latar Belakang tidak muncul di menu Penyesuaian, itu artinya tema tidak bisa diubah warna dan latar belakangnya. Kami sarankan untuk berganti ke tema dengan editor situs agar situs bisa disesuaikan semaksimal mungkin. 
  4. Di tampilan selanjutnya, lihat bagian pengaturan Latar Belakang. Sesuaikan latar belakang situs dengan mengeklik elemen-elemen bernomor pada gambar yang akan dijelaskan di bawah ini:
Opsi-opsi untuk menyetel latar belakang di Customizer. Anda bisa mengedit palet, menggungah gambar latar belakang, memilih warna Anda sendiri, atau memilih salah satu pola yang ada.
  1. Klik area berwarna dari kotak ini untuk memunculkan opsi-opsi untuk menyesuaikan latar belakang tema situs.
  2. Klik tombol Palet untuk memilih palet warna baru untuk situs.
  3. Klik tombol Pilih Gambar untuk memilih gambar yang ingin digunakan sebagai latar belakang. Opsi ini hanya tersedia untuk situs yang mendukung latar belakang berupa gambar. Baca selengkapnya tentang Gambar Latar Belakang di penjelasan berikut.
  4. Klik salah satu dari warna yang direkomendasikan otomatis untuk situs.
  5. Klik tautan memilih warna Anda sendiri untuk membuka alat pemilih warna, yang bisa Anda gunakan untuk memilih warna khusus sebagai latar belakang.
  6. Klik salah satu pola yang disediakan untuk dijadikan latar belakang situs.
  7. Klik tombol Lainnya untuk melihat pilihan pola lainnya. Setelah mengeklik tombol Lainnya, tombol Kembali akan muncul di sebelahnya. Klik untuk melihat pilihan pola sebelumnya. Pola latar belakang disediakan oleh COLOURlovers.
Gambar Latar Belakang

Setelah memilih gambar yang akan dipakai sebagai latar belakang situs (lihat #3 di atas), tombol Opsi akan muncul tepat di bawahnya. Klik tombol untuk menampilkan pengaturan yang bisa digunakan untuk menyesuaikan tampilan gambar latar belakang dengan penjelasan sebagai berikut:

Opsi untuk mengubah posisi gambar latar belakang di Customizer beserta warna dasarnya.
  1. Klik Pilih Gambar untuk memilih gambar yang sudah diunggah ke pustaka media. Anda juga bisa mengunggah gambar lainnya.
  2. Klik Opsi untuk memunculkan pengaturan lainnya untuk tampilan gambar latar belakang.
  3. Klik tombol yang disediakan untuk mengatur posisi gambar latar belakang.
    • Posisi berfungsi untuk mengatur perataan gambar latar belakang: rata kiri, tengah, atau kanan.
    • Pengulangan berfungsi untuk menentukan pola pengulangan gambar: tidak diulangi atau diulangi dari atas ke bawah, dari kiri ke kanan, atau membentuk tampilan kotak-kotak.
    • Jika Posisi Tetap aktif, posisi gambar tidak akan berubah saat halaman digulir ke atas atau ke bawah.
    • Warna Dasar adalah warna yang ada di belakang gambar latar belakang.
  4. Klik kotak berwarna untuk membuka pemilih warna , yang bisa digunakan untuk memilih Warna Dasar lain untuk latar belakang.
  5. Klik Sembunyikan gambar latar belakang untuk menghapus yang saat ini disetel dan memilih gambar lain, warna, atau pola sebagai latar belakang.
Menyimpan Perubahan

Setelah selesai menyesuaikan latar belakang, klik tombol Simpan Perubahan di bagian atas layar untuk menyimpannya.

Tombol Simpan Perubahan di bagian atas Customizer.
Copied to clipboard!