{"id":7908,"date":"2018-09-12T21:40:56","date_gmt":"2018-09-12T21:40:56","guid":{"rendered":"https:\/\/idwebhost.com\/tutorial\/?post_type=dt_articles&#038;p=7908"},"modified":"2022-07-27T11:12:05","modified_gmt":"2022-07-27T04:12:05","slug":"install-dan-ubah-themes-wordpress","status":"publish","type":"dt_articles","link":"https:\/\/idwebhost.com\/tutorial\/kb\/install-dan-ubah-themes-wordpress\/","title":{"rendered":"Install Dan Ubah Themes WordPress"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Asiknya jika kita mempunyai website dengan desain menawan. Ya, di wordpress kamu bisa bebas mengubah tampilan website sesuai kemauan. Mulai dari paralax hingga flat design. Ikuti panduan berikut untuk install dan ubah tampilan website-mu;<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">Install Melalui Web Admin<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Melalui admin web wordpress bisa merubah themes wordpress langsung melalui login wp-admin, ikuti langkah \u2013 langkah di bawah ini:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Login Dashboard admin wordpress-mu. Masuk ke menu Appearance kemudian pilih Themes , pilih menu Add New (add new theme).<\/span><\/li>\n<\/ol>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-7446 size-full\" src=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress1.png\" alt=\"Install Dan Ubah Themes WordPress 1\" width=\"810\" height=\"455\" srcset=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress1.png 810w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress1-300x169.png 300w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress1-768x431.png 768w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>2. <span style=\"font-weight: 400;\">Pilih themes yang sesuai dengan keinginan dan klik Install.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-7447 size-full\" src=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress2.png\" alt=\"Install Dan Ubah Themes WordPress 2\" width=\"658\" height=\"427\" srcset=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress2.png 658w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress2-300x195.png 300w\" sizes=\"(max-width: 658px) 100vw, 658px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Tunggu proses nstalasi hingga selesai.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-7448 size-full\" src=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress3.png\" alt=\"Install Dan Ubah Themes WordPress 3\" width=\"661\" height=\"427\" srcset=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress3.png 661w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress3-300x194.png 300w\" sizes=\"(max-width: 661px) 100vw, 661px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Setelah muncul notifikasi Installed, selanjutnya kamu bisa mengaktifkan themes yang baru saja ter-install untuk website dengan Klik Activate, lihat gambar dibawah.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-7449 size-full\" src=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress4.png\" alt=\"Install Dan Ubah Themes WordPress 4\" width=\"659\" height=\"425\" srcset=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress4.png 659w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress4-300x193.png 300w\" sizes=\"(max-width: 659px) 100vw, 659px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">Cara Upload File Themes<\/span><\/h2>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-7446 size-full\" src=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress1.png\" alt=\"Install Dan Ubah Themes WordPress 5\" width=\"810\" height=\"455\" srcset=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress1.png 810w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress1-300x169.png 300w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress1-768x431.png 768w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Tidak berbeda dengan cara yang pertama, klik menu Add New untuk menambahkan themes baru yang akan di upload dari komputer.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-7454 size-large\" src=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress5-1024x397.png\" alt=\"Install Dan Ubah Themes WordPress 6\" width=\"1024\" height=\"397\" srcset=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress5-1024x397.png 1024w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress5-300x116.png 300w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress5-768x298.png 768w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress5.png 1179w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Klik menu Upload Theme seperti yang di tunjukkan pada gambar dengan nomor 1 untuk upload themes, akan muncul menu Choose File seperti yang di tunjukkan pada nomor 2 pada gambar di atas. Klik menu choose files nanti akan muncul <\/span><i><span style=\"font-weight: 400;\">popup<\/span><\/i><span style=\"font-weight: 400;\"> arahkan ke lokasi atau direktori file themes-mu, setelah dipilih klik Install Now.<\/span><br \/>\n<img loading=\"lazy\" class=\"aligncenter wp-image-7455 size-full\" src=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress6.png\" alt=\"Install Dan Ubah Themes WordPress 7\" width=\"791\" height=\"452\" srcset=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress6.png 791w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress6-300x171.png 300w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress6-768x439.png 768w\" sizes=\"(max-width: 791px) 100vw, 791px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Jika berhasil terinstall, maka muncul tampilan seperti di atas. Aktifkan themes cukup klik Activate.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">Upload melalui cPanel<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Login ke cPanel dahulu, setelah berhasil login cari dan klik menu File Manager.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-7456 size-full\" src=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress7.png\" alt=\"Install Dan Ubah Themes WordPress 8\" width=\"991\" height=\"358\" srcset=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress7.png 991w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress7-300x108.png 300w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress7-768x277.png 768w\" sizes=\"(max-width: 991px) 100vw, 991px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Setelah klik File Manager, kamu akan diarahkan ke halaman file manager seperti di bawah ini.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-7457 size-full\" src=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress8.png\" alt=\"Install Dan Ubah Themes WordPress 9\" width=\"918\" height=\"459\" srcset=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress8.png 918w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress8-300x150.png 300w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress8-768x384.png 768w\" sizes=\"(max-width: 918px) 100vw, 918px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Klik menu Upload, setelah klik menu Upload akan muncul popup. Cari file yang akan kamu upload dalam bentuk .zip. Progres upload akan tampil dan jika sudah selesai tampi keterangan completed seperti dibawah ini;<\/span><\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-7458 size-full\" src=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress9.png\" alt=\"Install Dan Ubah Themes WordPress 10\" width=\"808\" height=\"463\" srcset=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress9.png 808w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress9-300x172.png 300w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress9-768x440.png 768w\" sizes=\"(max-width: 808px) 100vw, 808px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Jika upload sudah selesai kamu bisa kembali ke halaman File Manager dengan cara klik Go Back to.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-7459 size-full\" src=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress10.png\" alt=\"Install Dan Ubah Themes WordPress 11\" width=\"881\" height=\"567\" srcset=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress10.png 881w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress10-300x193.png 300w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress10-768x494.png 768w\" sizes=\"(max-width: 881px) 100vw, 881px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Setelah kembali ke halaman <a href=\"https:\/\/idwebhost.com\/blog\/cara-menghapus-file-di-file-manager\/\">File Manager<\/a>, klik kanan file tadi, setelah itu pilih Extract, maka file themes\/template akan terekstrak dan akan ada folder baru, folder tersbut merupakan folder themes.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-7461 size-large\" src=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress12-1024x673.png\" alt=\"Install Dan Ubah Themes WordPress 12\" width=\"1024\" height=\"673\" srcset=\"https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress12-1024x673.png 1024w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress12-300x197.png 300w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress12-768x505.png 768w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress12-420x275.png 420w, https:\/\/idwebhost.com\/tutorial\/wp-content\/uploads\/2018\/08\/Ganti-tehems-wordpress12.png 1114w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Setelah file selesai di extract, kamu bisa login ke Dashboard admin wordpress, kemudian cek themes di menu Appearance &gt; Themes jika sudah muncul bisa klik Activate untuk mengaktifkan themes tersebut.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Masih bingung? Kamu bisa hubungi tim customer service terbaik kami melalui :<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Live Chat<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Email ( info@idwebhost.com, billing@idwebhost.com, support@idwebhost.com )<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Hotline (0274) 415585<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Selamat menikmati layanan kami \ud83d\ude42<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Asiknya jika kita mempunyai website dengan desain menawan. Ya, di wordpress kamu bisa bebas mengubah tampilan website sesuai kemauan. Mulai dari paralax hingga flat design. Ikuti panduan berikut untuk install dan ubah tampilan website-mu; &nbsp; Install Melalui Web Admin Melalui admin web wordpress bisa merubah themes wordpress langsung melalui login wp-admin, ikuti langkah \u2013 langkah [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"amp_status":""},"article_entries":[4],"tags":[],"_links":{"self":[{"href":"https:\/\/idwebhost.com\/tutorial\/wp-json\/wp\/v2\/dt_articles\/7908"}],"collection":[{"href":"https:\/\/idwebhost.com\/tutorial\/wp-json\/wp\/v2\/dt_articles"}],"about":[{"href":"https:\/\/idwebhost.com\/tutorial\/wp-json\/wp\/v2\/types\/dt_articles"}],"author":[{"embeddable":true,"href":"https:\/\/idwebhost.com\/tutorial\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/idwebhost.com\/tutorial\/wp-json\/wp\/v2\/comments?post=7908"}],"version-history":[{"count":2,"href":"https:\/\/idwebhost.com\/tutorial\/wp-json\/wp\/v2\/dt_articles\/7908\/revisions"}],"predecessor-version":[{"id":9008,"href":"https:\/\/idwebhost.com\/tutorial\/wp-json\/wp\/v2\/dt_articles\/7908\/revisions\/9008"}],"wp:attachment":[{"href":"https:\/\/idwebhost.com\/tutorial\/wp-json\/wp\/v2\/media?parent=7908"}],"wp:term":[{"taxonomy":"article_entries","embeddable":true,"href":"https:\/\/idwebhost.com\/tutorial\/wp-json\/wp\/v2\/article_entries?post=7908"},{"taxonomy":"tags","embeddable":true,"href":"https:\/\/idwebhost.com\/tutorial\/wp-json\/wp\/v2\/tags?post=7908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}