--- title: "Cara Mengganti Tema WordPress Tanpa Merusak Tampilan" description: "Langkah aman mengganti tema WordPress, dari mencatat pengaturan lama, uji di staging, sampai memperbaiki menu, widget, dan CSS yang hilang." url: "https://nivelva.com/insight/cara-mengganti-tema-wordpress-tanpa-merusak-tampilan" category: "Website \u0026 Domain" tags: ["wordpress","tema wordpress","desain website","staging","tutorial"] author: "Aisyah Aris" published: "2026-11-11T13:13:00+07:00" updated: "2026-11-11T13:13:00+07:00" language: "id" publisher: "Nivelva (https://nivelva.com)" --- # Cara Mengganti Tema WordPress Tanpa Merusak Tampilan > **Jawaban singkat:** Ganti tema WordPress dengan aman lewat urutan ini: backup, catat pengaturan dan kode tambahan di tema lama, uji tema baru di staging atau Pratinjau Langsung, aktifkan, lalu rapikan menu, widget, CSS tambahan, dan ukuran gambar. Sudah lama ingin ganti tema, tapi takut menu berantakan, logo hilang, atau halaman depan mendadak kosong? Ketakutan itu wajar. Tema mengatur hampir semua yang dilihat pengunjung, dan sebagian pengaturan memang **melekat pada tema**, bukan pada website. Kabar baiknya, konten seperti artikel, halaman, produk, dan gambar tetap aman saat tema diganti. Yang biasanya rusak adalah hal di sekitarnya: menu, widget, CSS tambahan, shortcode, dan kode yang dulu ditempel di file tema. Kalau semua itu dicatat lebih dulu, pergantian tema bisa berjalan mulus. ## Apa saja yang ikut hilang saat tema diganti? Sebelum masuk ke langkah, pahami dulu mana yang aman dan mana yang perlu disiapkan ulang. | Bagian | Setelah ganti tema | Yang perlu dilakukan | |:--|:--|:--| | Artikel, halaman, media | Tetap ada | Cek tampilannya saja | | Menu | Isi menu tetap, lokasi menu perlu diatur ulang | Pasang lagi ke lokasi di tema baru | | Widget sidebar/footer | Bisa pindah ke "Widget Tidak Aktif" | Seret ke area widget tema baru | | Pengaturan Customizer (logo, warna) | Tersimpan per tema | Atur ulang di tema baru | | CSS Tambahan di Customizer | Tersimpan per tema | Salin dulu, tempel lagi bila masih cocok | | Shortcode bawaan tema | Tampil sebagai teks mentah | Ganti dengan blok atau plugin | | Kode di functions.php atau header.php | Hilang bersama tema lama | Pindahkan ke plugin kecil | Satu hal yang sering melegakan: pengaturan Customizer tema lama tidak dihapus. Kalau kamu kembali ke tema lama, logo dan warnanya biasanya kembali seperti semula. ## Langkah mengganti tema WordPress dengan aman ### 1. Buat backup lengkap Backup file dan database sebelum menyentuh apa pun. Pastikan kamu tahu cara memulihkannya, bukan hanya punya file-nya. Backup yang belum pernah dicoba dipulihkan belum bisa diandalkan. ### 2. Catat semua yang melekat di tema lama Buka website dan ambil tangkapan layar halaman penting: beranda, halaman produk atau layanan, artikel, dan halaman kontak. Lalu catat: - Isi **CSS Tambahan** di Tampilan > Sesuaikan. Salin ke file teks. - Widget yang dipakai dan urutannya. - Kode pelacak (Google Analytics, Meta Pixel, verifikasi Search Console) yang dulu ditempel langsung di `header.php` atau `functions.php`. - Shortcode khusus tema, misalnya slider atau tombol yang hanya berfungsi di tema itu. Bagian kode inilah yang paling sering bikin kaget. Kode yang ditaruh di file tema ikut hilang saat tema dinonaktifkan, termasuk kode pelacak. Statistik bisa berhenti tercatat tanpa ada pesan error apa pun. ### 3. Pindahkan kode penting keluar dari tema Kode pelacak dan potongan PHP kecil lebih aman dipindahkan ke plugin khusus snippet atau plugin buatan sendiri sebelum tema diganti. Dengan begitu, kode tetap jalan apa pun temanya. Pilih plugin yang aktif dirawat dan jangan menumpuk banyak plugin dengan fungsi sama. Daftar plugin dasar ada di [plugin WordPress wajib untuk website bisnis](https://nivelva.com/insight/plugin-wordpress-wajib-bisnis). ### 4. Uji tema baru di staging Cara paling aman adalah mencoba tema baru di salinan website. Panduan menyiapkannya ada di [cara membuat staging WordPress](https://nivelva.com/insight/cara-membuat-staging-wordpress-update-besar). Di staging, kamu bebas mengatur menu, widget, dan tata letak tanpa pengunjung melihat proses setengah jadi. Kalau belum punya staging, pakai tombol **Pratinjau Langsung** (Live Preview) di Tampilan > Tema. Untuk tema klasik, pratinjau ini membuka Customizer dengan tema baru tanpa mengaktifkannya. Kamu bisa melihat tampilan dan mengatur sebagian pengaturan sebelum menekan Aktifkan. ### 5. Aktifkan di jam sepi Pilih waktu saat pengunjung paling sedikit. Kalau perubahan besar, aktifkan mode pemeliharaan sebentar supaya pengunjung tidak melihat tampilan yang belum rapi. ### 6. Rapikan menu dan widget Untuk **tema klasik**, buka Tampilan > Menu, lalu tab Kelola Lokasi. Pasang menu utama dan menu footer ke lokasi yang disediakan tema baru. Setelah itu buka Tampilan > Widget dan pindahkan widget dari bagian "Widget Tidak Aktif" ke area yang benar. Untuk **tema blok** (block theme), menu diatur lewat blok Navigasi di Editor Situs (Tampilan > Editor). Area seperti header dan footer berupa template part, jadi widget lama tidak otomatis pindah. Susun ulang dengan blok. ### 7. Perbaiki shortcode dan CSS Cari halaman yang menampilkan teks seperti `[slider id="3"]`. Itu tanda shortcode tema lama sudah tidak dikenali. Ganti dengan blok bawaan atau plugin yang setara. Tempel kembali CSS Tambahan hanya bagian yang masih relevan. Selector CSS tema lama sering tidak cocok dengan struktur tema baru, jadi jangan tempel semuanya mentah-mentah. ### 8. Regenerasi ukuran gambar Setiap tema bisa mendaftarkan ukuran thumbnail sendiri. Gambar lama mungkin tampil terpotong atau buram karena ukuran yang diminta tema baru belum dibuat. Jalankan regenerasi thumbnail dengan plugin, atau lewat WP-CLI bila tersedia: ``` wp media regenerate --yes ``` Perintah ini membuat ulang semua ukuran gambar, jadi jalankan saat server sepi bila jumlah gambarnya banyak. ### 9. Uji ulang halaman penting Bandingkan dengan tangkapan layar di langkah 2. Cek di HP dan komputer, coba formulir kontak, keranjang belanja bila ada, dan pastikan kode pelacak masih mengirim data. Setelah itu, simpan tema lama dalam keadaan nonaktif beberapa hari sebagai jalan pulang, lalu hapus bila sudah yakin. Tema nonaktif yang dibiarkan bertahun-tahun tanpa update hanya menambah celah. ## Perlukah child theme? Kalau kamu berencana mengubah file tema (template atau `functions.php`), buat child theme. Perubahan di child theme tidak tertimpa saat tema induk diperbarui. Kalau perubahanmu hanya CSS ringan dan pengaturan, child theme biasanya tidak perlu. Setelah tema baru jalan, jaga kebiasaan update yang aman seperti di [cara update WordPress, tema, dan plugin tanpa error](https://nivelva.com/insight/update-wordpress-tanpa-error). ## Pertanyaan yang sering diajukan ### Apakah artikel dan halaman hilang kalau tema diganti? Tidak. Konten tersimpan di database dan tetap ada. Yang berubah adalah tampilannya, plus bagian yang melekat ke tema seperti widget, CSS Tambahan, dan shortcode tema. ### Apakah ganti tema memengaruhi SEO? Bisa, terutama kalau struktur judul, kecepatan, atau tautan internal berubah. Cek ulang judul halaman, heading, dan kecepatan setelah tema baru aktif. ### Bagaimana kalau website rusak setelah tema diganti dan dashboard tidak bisa dibuka? Ganti nama folder tema baru lewat File Manager atau FTP. WordPress akan kembali ke tema lain yang terpasang, lalu kamu bisa masuk dashboard lagi. ### Apakah tema blok dan tema klasik bisa saling ganti? Bisa, tapi cara mengatur menu dan widget berbeda. Pindah dari tema klasik ke tema blok biasanya butuh menyusun ulang header, footer, dan menu dengan blok. Checklist singkat sebelum menekan Aktifkan: - Backup sudah dibuat dan cara pulihnya diketahui. - CSS Tambahan, widget, dan kode pelacak sudah dicatat. - Kode penting sudah dipindah ke plugin. - Tema baru sudah diuji di staging atau Pratinjau Langsung. - Daftar halaman yang wajib dicek setelah aktif sudah siap. ## Sumber - - --- Diterbitkan oleh Nivelva Insight (https://nivelva.com/insight/). Artikel ini: https://nivelva.com/insight/cara-mengganti-tema-wordpress-tanpa-merusak-tampilan Kontak Nivelva: WhatsApp https://wa.me/6285111245007, email hello@nivelva.com