{"id":24098,"date":"2022-10-10T16:21:54","date_gmt":"2022-10-10T09:21:54","guid":{"rendered":"\/tutorial\/?p=24098"},"modified":"2025-07-30T15:12:29","modified_gmt":"2025-07-30T08:12:29","slug":"cara-mengganti-tema-wordpress","status":"publish","type":"post","link":"\/id\/tutorial\/cara-mengganti-tema-wordpress","title":{"rendered":"Cara mengganti tema WordPress dalam 4 langkah mudah"},"content":{"rendered":"<p>Ternyata,&nbsp;<a href=\"https:\/\/www-kinesisinc-com.translate.goog\/the-truth-about-web-design\/?_x_tr_sl=id&amp;_x_tr_tl=en&amp;_x_tr_hl=en&amp;_x_tr_pto=wapp\" target=\"_blank\" rel=\"noreferrer noopener\">75% pengguna internet<\/a>&nbsp;menilai reputasi sebuah brand dari websitenya. Visual yang menarik merupakan salah satu elemen penting agar website makin ramai. Kalau menggunakan WordPress, ada metode mudah yang bisa Anda lakukan, yaitu dengan cara mengganti tema WordPress.<\/p><p>Anda hanya perlu menginstall tema untuk menyulap desain website Anda. Dengan tema baru, tidak hanya tampilannya yang berubah, tapi juga nuansa dan kesan yang dirasakan para pengunjung.<\/p><p>Kalau budget terbatas, Anda bisa menggunakan&nbsp;<a href=\"\/id\/tutorial\/tema-wordpress-gratis\/\">tema WordPress gratis<\/a>. Sedangkan kalau ingin performa yang lebih baik, Anda bisa menggunakan <a href=\"\/id\/tutorial\/tema-wordpress-tercepat\">tema WordPress yang ringan dan cepat<\/a>.<\/p><p>Kali ini kami akan menunjukkan cara ganti tema WordPress beserta persiapannya. Kami juga akan membahas berbagai masalah website yang biasanya bisa diatasi dengan ganti tema. Tanpa basa-basi lagi, yuk mulai!<\/p><h2 class=\"wp-block-heading\" id=\"h-persiapan-sebelum-mengganti-tema-wordpresss\">Persiapan Sebelum Mengganti Tema WordPresss<\/h2><p>Sebelum memulai, pastikan Anda menyimpan data-data berikut dari tema yang lama:<\/p><ul class=\"wp-block-list\">\n<li><strong>Snippet kode<\/strong> &ndash; mencakup semua kode yang bukan merupakan bagian dari plugin Anda atau software inti WordPress. Atau, install plugin snippet kode untuk mencatat setiap kode yang ada tanpa harus melakukannya secara manual.<\/li>\n\n\n\n<li><strong>Kode tracking Google Analytics<\/strong> &ndash; langkah ini sangat penting kalau Anda menggunakan kode analitik pada tema saat ini. Kalau tidak, Anda tidak akan bisa memantau performa website setelah ganti tema WordPress.<\/li>\n\n\n\n<li><strong>Konten sidebar dan widget<\/strong> &ndash; setiap tema memiliki area sidebar dan widget yang berbeda. Oleh karena itu, mengganti template WordPress bisa mengacaukan visibilitas atau posisi elemen-elemennya. Sebaiknya catat setiap kode kustom yang sebelumnya ditambahkan ke area ini.<\/li>\n\n\n\n<li><strong>File backup website<\/strong> &ndash; kalau menggunakan staging environment, Anda tidak perlu <a href=\"\/id\/tutorial\/cara-backup-wordpress\">backup website WordPress<\/a>.<\/li>\n<\/ul><p>Selain itu, cek kecepatan dan performa loading website Anda saat ini untuk memastikan tema yang baru juga memiliki performa yang sebanding atau bahkan lebih baik dari yang sebelumnya.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Tips Berguna<\/h4>\n                    <p>Sebaiknya uji coba tema baru Anda di&nbsp;staging environment dulu&nbsp;sebelum mengonlinekannya di website.&nbsp;Selain menyediakan ruang pengujian yang aman, <a href=\"\/id\/tutorial\/wordpress-staging-environment\">WordPress staging environment<\/a> memungkinkan Anda menemukan dan mengatasi masalah apabila terjadi error yang parah tanpa memengaruhi website Anda saat ini.<\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-cara-mengganti-tema-wordpress\">Cara Mengganti Tema WordPress<\/h2><p>Setelah melakukan semua langkah-langkah persiapannya, Anda bisa langsung memulai 4 cara mengganti template WordPress berikut ini:<\/p><h3 class=\"wp-block-heading\" id=\"h-langkah-1-aktifkan-mode-maintenance\">Langkah 1. Aktifkan Mode Maintenance<\/h3><p><a href=\"\/id\/tutorial\/wordpress-maintenance-mode\">WordPress maintenance mode<\/a> memberi tahu pengunjung bahwa website Anda saat ini tidak tersedia karena sedang maintenance. Status ini akan membantu menjaga kredibilitas brand, terutama kalau beberapa fitur perlu dinonaktifkan selama prosesnya.<\/p><p>Cara yang paling mudah adalah menggunakan plugin seperti&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/wp-maintenance-mode\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP Maintenance Mode<\/a>. Anda juga bisa membuat halaman mode maintenance dengan plugin landing page builder, atau mengaktifkan mode maintenance dari control panel web host.&nbsp;Semua ini ini tidak perlu coding.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Tips Berguna<\/h4>\n                    <p>Apabila memutuskan untuk mengganti tema WordPress menggunakan staging environment, Anda boleh melewati langkah di atas.<\/p>\n                <\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-langkah-2-instal-tema-wordpress-yang-baru\">Langkah 2. Instal Tema WordPress yang Baru<\/h3><p>Langkah ini berlaku untuk menginstal tema gratis yang tersedia di <a href=\"https:\/\/wordpress.org\/themes\/\" target=\"_blank\" rel=\"noreferrer noopener\">direktori tema WordPress<\/a>. Untuk <a href=\"\/id\/tutorial\/cara-install-wordpress-theme\">menginstal tema WordPress<\/a> premium, Anda harus mengupload file tema secara manual.<\/p><ol class=\"wp-block-list\">\n<li>Buka <strong>Appearance<\/strong> -&gt; <strong>Themes<\/strong>&nbsp;dari dashboard WordPress Anda.&nbsp;Klik tombol <strong>Add New<\/strong> di bagian atas halaman.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"431\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/area-tema-di-dashboard-wordpress.png\/public\" alt=\"area tema di dashboard wordpress\" class=\"wp-image-24581\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/area-tema-di-dashboard-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/area-tema-di-dashboard-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/area-tema-di-dashboard-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/area-tema-di-dashboard-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol start=\"2\" class=\"wp-block-list\">\n<li>Temukan tema yang Anda inginkan menggunakan opsi pencarian tema WordPress.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"977\" height=\"374\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/opsi-pencarian-tema-wordpress.png\/public\" alt=\"opsi pencarian tema wordpress\" class=\"wp-image-24582\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/opsi-pencarian-tema-wordpress.png\/w=977,fit=scale-down 977w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/opsi-pencarian-tema-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/opsi-pencarian-tema-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/opsi-pencarian-tema-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 977px) 100vw, 977px\" \/><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Anda bisa menggunakan <strong>Feature Filter<\/strong> untuk menemukan hasil yang lebih spesifik berdasarkan beberapa kriteria. Klik&nbsp;<strong>Apply Filters<\/strong>&nbsp;setelah mencentang kriteria yang diinginkan.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"966\" height=\"506\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/fitur-filter-untuk-mengganti-tema-wordpress.png\/public\" alt=\"fitur filter untuk mengganti tema wordpress\" class=\"wp-image-24583\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/fitur-filter-untuk-mengganti-tema-wordpress.png\/w=966,fit=scale-down 966w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/fitur-filter-untuk-mengganti-tema-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/fitur-filter-untuk-mengganti-tema-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/fitur-filter-untuk-mengganti-tema-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 966px) 100vw, 966px\" \/><\/figure><\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Arahkan kursor ke tema yang dipilih, kemudian klik <strong>Install<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"276\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/mengklik-opsi-instal-untuk-memilih-tema.png\/public\" alt=\"mengklik opsi instal untuk memilih tema\" class=\"wp-image-24584\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/mengklik-opsi-instal-untuk-memilih-tema.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/mengklik-opsi-instal-untuk-memilih-tema.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/mengklik-opsi-instal-untuk-memilih-tema.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/mengklik-opsi-instal-untuk-memilih-tema.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-langkah-3-preview-dan-aktifkan-tema\">Langkah 3. Preview dan Aktifkan Tema<\/h3><p>Setelah proses instalasi selesai, Anda akan melihat tombol <strong>Live Preview<\/strong> dan <strong>Activate<\/strong> saat mengarahkan kursor ke tema.<\/p><p>Kalau Anda mengklik&nbsp;<strong>Live Preview<\/strong>,&nbsp;area WordPress theme customizer akan terbuka. Di sini Anda bisa melihat preview tampilan website Anda kalau menggunakan tema tersebut. Untuk langsung menggunakan tema, pilih tombol&nbsp;<strong>Activate<\/strong>.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"275\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/mengaktifkan-tema-di-wordpress.png\/public\" alt=\"mengaktifkan tema di wordpress\" class=\"wp-image-24585\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/mengaktifkan-tema-di-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/mengaktifkan-tema-di-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/mengaktifkan-tema-di-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/mengaktifkan-tema-di-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Tips Berguna<\/h4>\n                    <p>Kalau ingin mengganti tema dari beberapa pilihan yang sudah diinstal, Anda bisa membuka <strong>Appearance -&gt; Themes<\/strong>&nbsp;dari panel admin WordPress.<\/p>\n                <\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-langkah-4-perbaiki-error-dan-tambahkan-lagi-kode-kustom\">Langkah 4. Perbaiki Error dan Tambahkan Lagi Kode Kustom<\/h3><p>Tema yang baru diinstal memiliki pengaturan yang benar-benar default dan tidak menyertakan modifikasi apa pun. Anda perlu restore semua data, kode kustom, dan pengaturan dari tema sebelumnya.<\/p><p>Cek ulang poin-poin berikut untuk membantu Anda memeriksa kembali semua pengaturan yang diperlukan sebelum mengonlinekan perubahan ke website:<\/p><ul class=\"wp-block-list\">\n<li><strong>Kode<\/strong>&nbsp;&ndash; tambahkan snippet kode, shortcode khusus tema, kode tracking, dan konten sidebar.&nbsp;Layout sidebar juga mungkin berubah, jadi pastikan untuk cek ulang dan menyesuaikan kembali posisi widget.<\/li>\n\n\n\n<li><strong>Halaman<\/strong>&nbsp;&ndash; cek dan sesuaikan kembali layout serta formatting area widget di seluruh website WordPress Anda.<\/li>\n\n\n\n<li><strong>Favicon<\/strong>&nbsp;&ndash; pastikan&nbsp;<a href=\"\/id\/tutorial\/cara-membuat-favicon-wordpress\">favicon<\/a>&nbsp;berfungsi dengan baik.&nbsp;Kalau tidak, tambahkan kembali melalui WordPress customizer.<\/li>\n\n\n\n<li><strong>Schema markup<\/strong>&nbsp;&ndash; apabila Anda menggunakan plugin untuk menambahkan dan mengelola data schema markup, perubahan tema tidak akan memengaruhinya.&nbsp;Kalau sebelumnya tidak menggunakan plugin, Anda harus mengonfigurasi ulang tema baru secara manual.<\/li>\n\n\n\n<li><strong>Plugin<\/strong>&nbsp;&ndash; karena beberapa tema dilengkapi dengan plugin dan fitur khusus tema yang sudah terinstal, Anda harus memastikan keduanya tidak menimbulkan masalah dengan plugin yang ada.<\/li>\n\n\n\n<li><strong>Konten website<\/strong>&nbsp;&ndash; mengganti tema WordPress tidak akan memengaruhi konten yang ada, tapi Anda tetap harus memastikan konten website tidak hilang dan berada di area yang benar.<\/li>\n\n\n\n<li><strong>Cache<\/strong>&nbsp;&ndash; buka website WordPress Anda di beberapa browser dan bersihkan cachenya. Dengan begitu, semua file statis website sebelum tema berubah akan dihapus, memastikan pengalaman pengguna yang baik saat tema baru mulai diterapkan.<\/li>\n<\/ul><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Tips Berguna<\/h4>\n                    <p>Kalau Anda menguji tema WordPress baru di staging environment, jangan lupa untuk menyalin versi staging tersebut ke website utama Anda lalu menerapkan perubahannya agar langsung online.<\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-cara-mengganti-tema-wordpress-secara-manual-melalui-ftp\">Cara Mengganti Tema WordPress secara Manual Melalui FTP<\/h2><p>Apabila tidak bisa mengakses admin area, Anda bisa mengubah tema WordPress melalui FTP client.<\/p><p>FTP client memungkinkan Anda mentransfer file antara komputer dan server website. Cara kerjanya mirip seperti file manager, tapi bukannya menggunakan komputer, Anda akan mengelola file di server website secara langsung.<\/p><p><strong>FileZilla<\/strong> adalah FTP client gratis yang umum digunakan untuk mentransfer file. Tool ini populer karena kemudahan penggunaannya, serta dukungan sistem operasi yang luas.<\/p><p>Oleh karena itu, kami akan menggunakan FileZilla dalam langkah-langkah di bawah ini untuk menunjukkan cara mengubah tema WordPress melalui FTP. Apa pun FTP client yang Anda gunakan, prosesnya tidak akan berbeda jauh.<\/p><h3 class=\"wp-block-heading\" id=\"h-langkah-1-akses-website-wordpress-melalui-ftp\">Langkah 1. Akses Website WordPress Melalui FTP<\/h3><p>Untuk mengupload tema WordPress baru melalui FTP, Anda perlu membuat koneksi antara klien FTP dan akun hosting Anda.<\/p><p>Proses ini memerlukan kredensial FTP, yang berfungsi untuk membuat koneksi dan memastikan FileZilla&nbsp;bisa mengakses file website Anda.&nbsp;Umumnya, Anda memerlukan detail berikut:<\/p><ul class=\"wp-block-list\">\n<li><strong>Server FTP<\/strong>&nbsp;&ndash; biasanya berupa URL seperti ftp.websiteanda.com, atau bisa juga alamat IP.<\/li>\n\n\n\n<li><strong>Username FTP<\/strong>&nbsp;&ndash; username yang diberikan oleh provider hosting untuk akses FTP.<\/li>\n\n\n\n<li><strong>Password FTP<\/strong>&nbsp;&ndash; kata sandi yang terkait dengan username FTP Anda.<\/li>\n<\/ul><p>Di hPanel, akses kredensial FTP melalui&nbsp;<strong>Website<\/strong>&nbsp;&rarr;&nbsp;<strong>Kelola<\/strong>&nbsp;&rarr;&nbsp;<strong>File<\/strong>&nbsp;&rarr;&nbsp;<strong>Akun FTP<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"490\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/10\/hpanel-files-ftpaccounts-id.png\/public\" alt=\"Informasi akun FTP di hPanel\" class=\"wp-image-30155\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/10\/hpanel-files-ftpaccounts-id.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/10\/hpanel-files-ftpaccounts-id.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/10\/hpanel-files-ftpaccounts-id.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/10\/hpanel-files-ftpaccounts-id.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Anda juga bisa mendapatkan kredensial FTP dengan menghubungi tim dukungan provider hosting Anda.<\/p><p>Kemudian di aplikasi FTP client, cari bagian untuk memasukkan detail koneksi Anda. Klik tombol <strong>Quickconnect<\/strong> untuk membuat koneksi.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/id\/tutorial\/wp-content\/uploads\/sites\/37\/2024\/03\/filezilla-host-username-password-port-quickconnect-1024x383.png\" alt=\"filezilla host username password port quickconnect\"><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-langkah-2-buka-direktori-tema\">Langkah 2. Buka Direktori Tema<\/h3><p>Setelah terhubung, Anda akan melihat file lokal di sisi kiri jendela dan file website Anda di sisi kanan. Mulai proses transfer file antara komputer dan akun web hosting Anda dengan menyeret dan meletakkan file atau menggunakan menu konteks.<\/p><p>Sekarang, mari cari direktori untuk tema website WordPress yang saat ini terinstal. Buka panel <strong>Remote Site &rarr; <\/strong>direktori <strong>\/wp-content\/themes\/<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/id\/tutorial\/wp-content\/uploads\/sites\/37\/2024\/03\/filezilla-remotesite-publichtml-wpcontent-themes.png\" alt=\"filezilla remotesite publichtml wpcontent themes\"><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-langkah-3-download-dan-upload-tema-wordpress-baru\">Langkah 3. Download dan Upload Tema WordPress Baru<\/h3><p>Apabila belum memiliki file ZIP tema baru yang akan digunakan, silakan download dulu dari sumbernya. Di tutorial ini, kami akan menggunakan <a href=\"https:\/\/wordpress.org\/themes\/sakara\/\" target=\"_blank\" rel=\"noreferrer noopener\">Sakara<\/a> sebagai contoh, yang merupakan child theme Martanda.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/id\/tutorial\/wp-content\/uploads\/sites\/37\/2024\/03\/tema-wordpress-sakara.png\" alt=\"tema wordpress sakara\"><\/figure><\/div><p>Kemudian, unzip file ini di komputer Anda.<\/p><p>Setelah itu, upload folder tema yang sudah diekstrak ke direktori <strong>\/wp-content\/themes\/<\/strong>. Berikut langkah-langkahnya:<\/p><ol class=\"wp-block-list\">\n<li>Temukan folder tema yang sudah diekstrak di perangkat Anda melalui panel sebelah kiri.<\/li>\n\n\n\n<li>Pilih file yang ingin Anda upload.<\/li>\n\n\n\n<li>Klik kanan file, lalu pilih <strong>Upload<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/id\/tutorial\/wp-content\/uploads\/sites\/37\/2024\/03\/sakara-sudah-diupload-melalui-filezilla-1024x281.png\" alt=\"sakara sudah diupload melalui filezilla\"><\/figure><\/div><p>Pastikan tema sudah benar-benar diupload untuk menghindari kerusakan file.<\/p><h3 class=\"wp-block-heading\">Langkah 4. Aktifkan Tema Baru<\/h3><p>Karena sedang tidak bisa mengakses area admin WordPress, Anda perlu melakukan perubahan pada database website secara langsung.&nbsp;Berhati-hatilah selama proses ini, karena perubahan kode yang salah bisa mengakibatkan masalah pada website Anda.<\/p><p>Berikut cara mengaktifkan tema baru melalui database&nbsp;<strong>phpMyAdmin<\/strong>:<\/p><ol class=\"wp-block-list\">\n<li>Akses database melalui hPanel. Buka&nbsp;<strong>Website&nbsp;&rarr;&nbsp;Kelola&nbsp;&rarr;&nbsp;Database&nbsp;&rarr;&nbsp;phpMyAdmin<\/strong>.&nbsp;Kemudian, klik&nbsp;<strong>Masuk phpMyAdmin<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/id\/tutorial\/wp-content\/uploads\/sites\/37\/2023\/05\/hpanel-databases-management-listofcurrentmysqldatabases-enterphpmyadmin-highlighted-id-1024x363.png\" alt=\"Masuk phpmyadmin di hpanel\"><\/figure><\/div><ol start=\"2\" class=\"wp-block-list\">\n<li>Setelah masuk, temukan tabel <strong>wp_options<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/id\/tutorial\/wp-content\/uploads\/sites\/37\/2024\/03\/tabel-wpoptions-di-phpmyadmin-1024x347.png\" alt=\"tabel wpoptions di phpmyadmin\"><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Dalam tabel <strong>wp_options<\/strong>, cari baris <strong>template<\/strong> dan <strong>stylesheet<\/strong>. Baris ini berfungsi untuk menentukan tema yang aktif.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/id\/tutorial\/wp-content\/uploads\/sites\/37\/2024\/03\/tabel-template-dan-stylesheet-di-phpmyadmin-1024x280.png\" alt=\"tabel template dan stylesheet di phpmyadmin\"><\/figure><\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Klik <strong>Edit<\/strong> pada baris <strong>template<\/strong> dan <strong>stylesheet<\/strong> untuk memasukkan nama direktori tema baru yang Anda upload ke FTP client.<\/li>\n\n\n\n<li>Di kolom <strong>option_value<\/strong>, ganti nama tema saat ini dengan nama direktori tema baru. Nama direktori harus dimasukkan persis seperti yang terlihat di <strong>\/wp-content\/themes\/<\/strong>. Simpan perubahan Anda setelahnya.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/id\/tutorial\/wp-content\/uploads\/sites\/37\/2024\/03\/kolom-optionvalue-sakara100-di-wpoptions-phpmyadmin-1024x416.png\" alt=\"kolom optionvalue sakara100 di wpoptions phpmyadmin\"><\/figure><\/div><p>Setelah mengubah nilai database, hapus cache browser untuk memastikan Anda melihat versi website terbaru.<\/p><p>Cek apakah tema yang baru sudah aktif. Apabila tampilannya sudah sesuai harapan, artinya Anda berhasil mengubah tema WordPress. Selain itu, uji website Anda secara menyeluruh untuk memastikan semuanya berfungsi sebagaimana mestinya.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/id\/wordpress-hosting\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-37614\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-kenapa-perlu-mengganti-tema-wordpress\">Kenapa Perlu Mengganti Tema WordPress?<\/h2><p>Mengganti tema WordPress tidak hanya bisa memberikan tampilan baru yang benar-benar &lsquo;fresh&rsquo; bagi pengunjung, tapi juga cukup efektif untuk mengatasi beberapa masalah, seperti:<\/p><ul class=\"wp-block-list\">\n<li><strong>Desain yang sudah ketinggalan tren<\/strong> &ndash; saat ini ada banyak sekali tema baru dengan desain yang lebih modern sesuai pasar sehingga Anda bisa turut mengikuti tren UX terbaru dan menyajikan tampilan yang lebih up-to-date di website Anda.<\/li>\n\n\n\n<li><strong>Batasan&nbsp;tema<\/strong> &ndash; tema yang Anda gunakan saat ini mungkin tidak memiliki fungsionalitas yang dibutuhkan website, yang bisa Anda hadirkan dengan cara mengganti theme WordPress.&nbsp;<\/li>\n\n\n\n<li><strong>Waktu loading yang lambat<\/strong> &ndash; dengan mengganti theme WordPress ke opsi yang SEO-friendly, Anda bisa turut <a href=\"\/id\/tutorial\/cara-mempercepat-wordpress\/\">meningkatkan kecepatan dan performa website.<\/a><\/li>\n\n\n\n<li><strong>Masalah keamanan<\/strong> &ndash; mengganti tema ke versi resmi yang berlisensi akan&nbsp;membantu <a href=\"\/id\/tutorial\/cara-mengamankan-wordpress\/\">mengamankan website WordPress Anda<\/a>. Hindari tema nulled (tema salinan dari versi premium) karena biasanya berisi kode berbahaya yang justru menimbulkan celah keamanan saat penginstalan.<\/li>\n\n\n\n<li><strong>Masalah kompatibilitas&nbsp;dengan versi WordPress dan PHP<\/strong>&nbsp;&ndash; kalau tema sebelumnya memiliki masalah kompatibiltas yang tidak bisa diatasi dengan update, user WordPress bisa berganti tema ke opsi yang kompatibel dengan&nbsp;<a href=\"\/id\/tutorial\/cara-update-wordpress\">update WordPress dan versi PHP<\/a>&nbsp;saat ini.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/id\/wordpress-hosting\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-37614\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-kesimpulan\">Kesimpulan<\/h2><p>Terkadang, menggunakan tema WordPress yang sama untuk waktu yang lama tanpa harus berganti-ganti memang sudah dirasa cukup bagi pemilik website. Namun, ada kalanya Anda harus menggunakan visual baru yang lebih menarik.<\/p><p>Mengubah tampilan website dengan cara mengganti theme WordPress sebenarnya memiliki banyak manfaat bagi website Anda.&nbsp;Selain tampilan yang lebih fresh, tema baru bisa membantu mengatasi sejumlah masalah dan menyediakan fungsionalitas baru bagi website Anda serta meningkatkan performanya.<\/p><p>Jadi, sudah siap memberikan suasana baru bagi website Anda dan menjangkau lebih banyak pengunjung? Selamat mencoba!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ternyata,&nbsp;75% pengguna internet&nbsp;menilai reputasi sebuah brand dari websitenya. Visual yang menarik merupakan salah satu elemen penting agar website makin ramai. Kalau menggunakan WordPress, ada metode mudah yang bisa Anda lakukan, yaitu dengan cara mengganti tema WordPress. Anda hanya perlu menginstall tema untuk menyulap desain website Anda. Dengan tema baru, tidak hanya tampilannya yang berubah, tapi [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/id\/tutorial\/cara-mengganti-tema-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":190,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"","rank_math_description":"Ubah tampilan website Anda agar lebih menarik dengan cara mengganti tema WordPress. Baca langkah-langkah selengkapnya di artikel ini yuk!","rank_math_focus_keyword":"cara mengganti tema wordpress","footnotes":""},"categories":[4859],"tags":[],"class_list":["post-24098","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/change-a-theme-in-wordpress","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-mudar-o-tema-do-wordpress","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/comment-changer-theme-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/cambiar-tema-wordpress","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-mengganti-tema-wordpress","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/change-a-theme-in-wordpress","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-change-a-theme-in-wordpress","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-change-a-theme-in-wordpress","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/cambiar-tema-wordpress","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/cambiar-tema-wordpress","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/cambiar-tema-wordpress","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-mudar-o-tema-do-wordpress","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-change-a-theme-in-wordpress","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/change-a-theme-in-wordpress","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/change-a-theme-in-wordpress","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/change-a-theme-in-wordpress","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/24098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/users\/190"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/comments?post=24098"}],"version-history":[{"count":90,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/24098\/revisions"}],"predecessor-version":[{"id":45066,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/24098\/revisions\/45066"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media?parent=24098"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/categories?post=24098"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/tags?post=24098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}