antond.net

0 %
Anton Darmawanto
Front-end Developer
Ui/UX Designer
  • Residence:
    Indonesia
  • City:
    Jakarta Selatan
  • Age:
    40
Indonesian
English
Jawa
html
CSS
Js
PHP
WordPress
Proxmox
Laravel
Linux server (ubuntu, debian, fedora)
Alibaba Cloud
  • Proxmox, Vm Ware
  • Stylus, Sass, Less
  • Gulp, Webpack, Grunt
  • GIT knowledge
0

No products in the cart.

Return To Shop

Cara Mengganti Tema WordPress dengan Aman: 7 Langkah Tanpa Merusak Website

20/10/2026

Tema adalah “pakaian” website Anda. Setelah beberapa tahun, tampilan website bisa terasa ketinggalan zaman: tidak lagi menarik di layar ponsel, loading lambat, atau tidak cocok dengan citra bisnis yang makin berkembang. Wajar jika Anda ingin mengganti tema agar website tampil lebih modern.

Kabar baiknya, mengganti tema WordPress tidak akan menghapus artikel, halaman, foto, komentar, atau data produk Anda — semua itu tersimpan di database, bukan di tema. Namun ada yang perlu diwaspadai: tampilan dan pengaturan yang menempel pada tema lama bisa berantakan setelah diganti — menu hilang dari posisinya, widget pindah tempat, atau warna dan font kembali ke bawaan.

Agar prosesnya berjalan mulus, ikuti 7 langkah aman di bawah ini. Panduan ini ditulis untuk pemilik website dan pelaku UMKM yang mengelola WordPress sendiri, tanpa perlu keahlian teknis khusus.

Langkah 1: Backup Website Terlebih Dahulu

Sebelum menyentuh apa pun, buat cadangan lengkap website Anda. Ini adalah jaring pengaman: jika terjadi kesalahan di tengah jalan, Anda bisa mengembalikan website ke kondisi semula dengan mudah.

Cara termudah bagi pemula adalah memakai plugin backup seperti UpdraftPlus atau Duplicator. Pastikan cadangan mencakup file website dan database, lalu simpan salinannya di Google Drive, Dropbox, atau unduh ke laptop Anda.

Jangan lanjut ke langkah berikutnya sebelum backup benar-benar selesai dan tersimpan aman.

Langkah 2: Catat Semua Kustomisasi yang Ada

Banyak pemilik website tidak sadar bahwa sebagian pengaturan mereka “menempel” pada tema lama. Begitu tema diganti, pengaturan itu tidak ikut pindah. Karena itu, catat dulu semua kustomisasi yang sudah Anda buat.

Hal-hal yang perlu dicatat:

  • Pengaturan di Customizer — buka menu Tampilan > Sesuaikan, lalu catat warna, jenis font, dan pengaturan tata letak yang Anda pakai.
  • CSS tambahan — jika Anda pernah menambahkan kode di kolom “CSS Tambahan”, salin seluruh kodenya ke sebuah file teks.
  • Kode di file tema — jika Anda atau developer pernah mengedit file seperti functions.php, salin potongan kode tersebut.
  • Kode pelacakan — kode Google Analytics, Meta Pixel, atau kode iklan yang ditempel manual di tema perlu dicatat agar bisa dipasang ulang.
  • Widget dan menu — ambil tangkapan layar (screenshot) tampilan depan website, halaman widget, dan halaman menu sebagai pembanding nanti.

Simpan semua catatan ini dalam satu dokumen sebagai panduan saat merapikan tampilan di langkah 6.

Langkah 3: Pilih Tema Baru yang Ringan dan Terpercaya

Tidak semua tema diciptakan sama. Tema yang berat bisa memperlambat website, sedangkan tema dari sumber tidak jelas bisa membawa celah keamanan. Pilihlah tema dengan kriteria berikut:

  • Berasal dari sumber resmi — direktori tema WordPress atau penjual tema premium yang punya reputasi baik. Hindari tema bajakan atau “nulled” karena berisiko disisipi malware.
  • Ringan dan cepat — tema sederhana umumnya lebih cepat dimuat daripada tema yang membawa puluhan fitur animasi.
  • Responsif — tampil baik di ponsel, karena sebagian besar pengunjung UMKM datang dari HP.
  • Diperbarui secara rutin — cek tanggal pembaruan terakhir dan kompatibilitasnya dengan versi WordPress terbaru.
  • Sesuai kebutuhan — untuk toko online, pastikan tema mendukung WooCommerce.

Baca juga ulasan pengguna lain sebelum memutuskan. Tema gratis yang populer dan terawat seringkali sudah lebih dari cukup untuk kebutuhan UMKM.

Langkah 4: Uji Tema dengan Live Preview Sebelum Mengaktifkan

WordPress punya fitur “Pratinjau Langsung” (Live Preview) yang memungkinkan Anda melihat tampilan website dengan tema baru tanpa mengubah apa pun yang dilihat pengunjung. Manfaatkan fitur ini.

Caranya: buka Tampilan > Tema, arahkan kursor ke tema baru, lalu klik tombol “Pratinjau Langsung”. Di dalam mode pratinjau, Anda bisa membuka berbagai halaman — beranda, halaman produk atau layanan, halaman kontak — dan melihat bagaimana konten Anda tampil dengan tema baru.

Perhatikan apakah menu navigasi tampil lengkap, apakah gambar produk tidak terpotong, dan apakah teks mudah dibaca. Coba juga ubah ukuran jendela browser untuk mensimulasikan tampilan di ponsel. Jika tema kurang cocok, tutup pratinjau dan coba tema lain tanpa risiko apa pun.

Langkah 5: Install dan Aktifkan Tema Baru

Setelah yakin dengan pilihan, saatnya mengaktifkan tema. Buka Tampilan > Tema > Tambah Baru, cari tema yang diinginkan, lalu klik “Install” dan “Aktifkan”. Jika Anda membeli tema premium, pilih “Unggah Tema” lalu unggah file ZIP yang Anda terima dari penjual.

Setelah tema aktif, jangan panik jika tampilan website terlihat acak-acakan — ini normal. Menu mungkin belum terpasang di posisinya dan logo mungkin belum muncul. Semua itu akan dirapikan di langkah berikutnya. Yang penting, konten Anda tetap utuh.

Langkah 6: Rapikan Ulang Widget, Menu, dan Beranda

Inilah langkah yang paling sering dilewatkan, padahal menentukan apakah website terlihat profesional atau berantakan setelah ganti tema. Kerjakan satu per satu:

  • Menu navigasi — buka Tampilan > Menu. Menu Anda masih tersimpan, tetapi perlu ditetapkan ulang ke “lokasi menu” tema baru, misalnya menu utama di header dan menu tambahan di footer.
  • Widget — buka Tampilan > Widget. Widget dari tema lama yang tidak punya tempat di tema baru biasanya terkumpul di area “Widget Nonaktif”. Seret kembali widget yang masih dibutuhkan — seperti kolom pencarian, daftar kategori, atau banner promo — ke area sidebar atau footer yang baru.
  • Halaman beranda — buka Pengaturan > Membaca dan pastikan halaman yang dijadikan beranda statis masih benar.
  • Logo dan identitas situs — pasang ulang logo, favicon, dan tagline melalui Tampilan > Sesuaikan > Identitas Situs.
  • Kode kustom — tempel kembali CSS tambahan dan kode pelacakan yang sudah Anda catat di langkah 2.

Bandingkan hasilnya dengan screenshot yang Anda ambil sebelumnya, lalu sesuaikan hingga tampilannya rapi.

Langkah 7: Uji Kecepatan, Tampilan Mobile, dan Cek Error

Langkah terakhir adalah memastikan semuanya berfungsi dengan baik sebelum Anda bernapas lega:

  • Buka setiap halaman penting — beranda, halaman produk atau layanan, halaman kontak, dan untuk toko online: halaman keranjang dan checkout. Pastikan tidak ada konten yang hilang atau tata letak yang rusak.
  • Cek di ponsel asli — buka website dari HP. Pastikan menu bisa dibuka, teks terbaca jelas, dan tombol mudah ditekan.
  • Uji kecepatan — jalankan tes di PageSpeed Insights dan bandingkan dengan kondisi sebelum ganti tema. Jika jauh lebih lambat, pertimbangkan mengganti tema yang lebih ringan atau memasang plugin caching.
  • Tes semua fungsi interaktif — kirim formulir kontak percobaan dan klik tombol beli. Plugin formulir biasanya tetap jalan di tema baru, tetapi tampilannya kadang perlu penyesuaian.
  • Pantau beberapa hari ke depan — jika muncul error, coba nonaktifkan plugin satu per satu untuk menemukan sumber masalah. Ingat, Anda selalu punya backup dari langkah 1 sebagai jalan keluar terakhir.

Contoh untuk UMKM: Toko Online yang Ganti Tema

Bayangkan sebuah toko online kecil yang menjual kerajinan tangan. Website-nya masih memakai tema lama yang tampilannya sempit di HP, padahal sebagian besar pembeli datang dari ponsel. Pemiliknya ingin beralih ke tema yang lebih modern dan lapang.

Hasilnya: tampilan toko terlihat modern tanpa kehilangan satu pun data produk, pesanan, atau pelanggan — karena semua data itu tersimpan aman di database, bukan di tema.

Kesimpulan

Mengganti tema WordPress aman selama persiapannya matang: backup dulu, catat kustomisasi, pilih tema yang ringan dan terpercaya, uji dengan pratinjau langsung, aktifkan temanya, rapikan ulang menu dan widget, lalu uji kecepatan serta tampilan mobile. Luangkan waktu untuk setiap langkah dan jangan terburu-buru. Dengan cara ini, website Anda bisa tampil segar dan modern tanpa drama kehilangan data atau tampilan yang rusak.

Posted in Tips & TrikTags: