Panduan Instalasi Theme Detak Terkini ke WordPress

Dibuat pada Maret 2021

Detak Terkini adalah tema atau template WordPress yang cocok untuk website berita. Selain memiliki fitur yang komplit, tema ini juga cepat dan ringan digunakan. Tampilannya pun mirip dengan situs berita terbesar di Indonesia.

Niagahoster juga memiliki layanan dalam Jasa Pembuatan Website dengan pilihan tema yang beragam. Salah satunya tema Detak Terkini atau Berita Terkini. Anda bisa melihat preview dan melakukan demo dari setiap tema. Silakan kunjungi tautan di atas.

Langkah-langkah Upload Theme dan XML Detak Terkini

Anda bisa mengikuti langkah berikut untuk menerapkan tema Detak Terkini.

1. Login ke Member Area Niagahoster. Lalu, masuk ke menu Layanan Anda. Selanjutnya pilih sub menu WP Store. Pastikan Anda telah memiliki tema Detak Terkini yang aktif untuk siap dikelola. Kemudian, klik Kelola Theme untuk memulai.

1 Capture Layanan Anda   WP Store (Edit)

2. Anda sekarang berada di Detail Produk / Layanan. Silakan klik Download Theme untuk mengunduh aset tema sebelum diterapkan ke WordPress. Unduh dan simpan aset tema pada folder PC Anda.

2 Capture Download Theme (Edit)

3. Ekstrak dahulu file detak-terkini.ZIP untuk bisa mengelola aset di dalamnya. Ada 4 folder yang mesti ada dalam file ZIP tersebut, antara lain:

  • dummy file import
  • logo psd
  • plugin
  • theme
3 Capture Ekstrak File (Edit)

4. Saatnya Anda login ke Dashboard WordPress. Anda juga bisa login melalui Member Area Niagahoster. Caranya masuk ke menu WordPress Management, pilih sub menu Sites, kemudian klik Login WordPress.

4 Capture Login WordPress via Member Area NH (Edit)

5. Ketika Anda telah berhasil login ke Dashboard WordPress. Silakan masuk ke menu Pengaturan, kemudian sub menu Umum. Selanjutnya ikuti pengaturan seperti ini.

  • Bahasa Situs: Bahasa Indonesia
  • Zona Waktu: UTC+7
  • Format Tanggal: j F Y
  • Format Waktu: H:i
5 Capture Dashboard WordPress   Pengaturan   Umum (Edit)

6. Masih di menu Pengaturan, silakan masuk ke sub menu Permalink untuk mengganti pengaturan link menjadi Nama tulisan. Kemudian, klik Simpan Perubahan untuk menyimpannya.

6 Capture Pengaturan   Permalink (Edit)

Pasang Plugin Autoptimize

7. Selanjutnya Anda perlu memasang plugin Autoptimize pada WordPress Anda. Caranya dengan masuk ke menu Plugin, kemudian pilih Tambah Baru. Ketik di kolom pencarian: Autoptimize. Kemudian, klik Instal Sekarang untuk memasangnya.

7 Capture Pasang Autoptimize di WP (Edit)

Setelah Autoptimize berhasil dipasang, klik Aktifkan untuk menjalankannya.

7a Capture Autoptimize (Edit)

8. Kemudian, Anda perlu kembali ke Pengaturan, lalu cari sub menu Autoptimize. Anda akan berada di tab JS, CSS & HTML


8.1. Pada Opsi JavaScript, centang pada bagian ini:

  • Optimasi Kode JavaScript
  • Gabungkan Berkas JS
8 1 Capture Autoptimize Opsi JS (Edit)

8.2. Pada Opsi CSS, centang pada bagian ini:

  • Optimasi Kode CSS
  • Gabungkan Berkas CSS
  • Juga gabungkan inline CSS
8 2 Capture Opsi CSS (Edit)

8.3. Pada Opsi HTML, centang pada bagian ini:

  • Optimasi Kode HTML
8 3 Capture Opsi HTML (Edit)

8.4. Pada Opsi Lain-lain, centang pada bagian ini:

  • Simpan script/css yang digabungkan sebagai berkas statik.
  • Minify excluded CSS and JS files
  • Enable 404 fallbacks
  • Also optimize for logged in editors/administrators

Terakhir, setelah pengaturan telah disesuaikan, Anda bisa menyimpan dengan klik tombol Simpan Perubahan dan Kosongkan Cache.

8 4 Capture Opsi Lain lain (Edit)

9. Anda masih berada di Pengaturan – Autoptimize. Selanjutnya bergeser ke tab Images. Centang pada Lazy-load Images. Kemudian, klik tombol Simpan Perubahan.

9 Capture Tab Images (Edit)

Pasang Plugin Inline Related Post

10. Selanjutnya Anda perlu memasang plugin Inline Related Posts pada WordPress Anda. Caranya dengan masuk ke menu Plugin, kemudian pilih Tambah Baru. Ketik di kolom pencarian: Inline Related Posts. Kemudian, klik Instal Sekarang untuk memasangnya.

10 Capture Pasang Inline Related Posts (Edit)

Setelah Inline Related Posts berhasil dipasang, klik Aktifkan untuk menjalankannya.

10a Capture Inline Related Posts (Edit)

11. Anda akan diarahkan pada PengaturanInline Related Posts. Silakan Anda gulir ke bawah hingga menemukan tombol Continue Using Free Version.

11 Capture Free Version (Edit)

12. Anda akan diarahkan ke halaman Settings dari Inline Related Posts.


12.1. Pada Style Settings, silakan centang opsi Active dan isi form Related text or Call-To-Action. Contohnya: “Baca juga”

12 1 Capture Style Settings (Edit)

12.2. Silakan Anda gulir ke bawah untuk menemukan Plugin Settings. Anda bisa mengikuti pengaturan seperti gambar di bawah.

12 2 Capture Plugin Settings (Edit)

12.3. Jika semua pengaturan telah disesuaikan, Anda bisa gulir ke bawah untuk menyimpannya dengan klik Save.

12 3 Capture Save (Edit)

Pasang Impor WordPress

13. Kini Anda bisa beralih ke menu Peralatan untuk masuk ke sub menu Impor


13.1. Anda bisa menemukan WordPress di bagian bawah. Lalu, klik Instal sekarang untuk memasangnya.

13 1 Capture Pasang Impor WordPress (Edit)

13.2. Setelah proses pemasangan selesai, Anda bisa menjalankan Pengimpor.

13 2 Capture Jalankan Pengimpor (Edit)

13.3. Saatnya Anda memilih file yang akan diimpor, yaitu detakterkini.WordPress.2019-12-18.XML. Silakan klik Choose File untuk mencari file XML pada folder penyimpanan.

13 3 Capture Choose File (Edit)

13.4. File tersebut ada di folder dummy file import. Pilih file, kemudian klik Open.

13 4 Capture Open File XML dari Folder Penyimpanan (Edit)

13.5. Pastikan file telah siap diunggah, bisa dicek keterangannya di sebelah Choose File. Selanjutnya bisa Anda klik Unggah berkas dan impor.

13 5 Capture Unggah di WordPress (Edit)

13.6. Anda bisa menetapkan penulis sebagai admin. Kemudian, centang pada opsi Unduh dan impor lampiran berkas. Selanjutnya klik Kirim untuk mengimpornya.

13 6 Capture Tetapkan Penulis dan Impor Lampiran (Edit)

13.7. Jika Anda berhasil melakukan impor, ada pesan seperti ini.

13 7 Capture Sudah Selesai Impor (Edit)

Unggah Tema Detak Terkini

14. Saatnya Anda mengunggah tema Detak Terkini supaya bisa diterapkan pada WordPress. Kemudian, bisa disesuaikan dengan kebutuhan Anda.


14.1. Caranya masuk ke Tampilan, kemudian pilih Tema. Selanjutnya klik Tambah Baru.

14 1 Capture Tampilan   Tema   Tambah Baru (Edit)

14.2. Anda akan mengunggah file ZIP dari tema Detak Terkini. Klik Unggah Tema, kemudian klik Choose File untuk mencarinya pada folder penyimpanan.

14 2 Capture Unggah Tema   Choose File (Edit)

14.3. Cari file ZIP dari tema Detak Terkini di folder penyimpanan Anda. Kemudian, pilih dan klik Open untuk mengunggahnya.

14 3 Capture Open Detik Terkini ZIP (Edit)

14.4. Perhatikan keterangan di sebelah Choose File. Kemudian, klik Install sekarang untuk memasang tema.

14 4 Capture Instal Sekarang (Edit)

14.5. Selanjutnya tema Detak Terkini dari file ZIP telah berhasil dipasang. Kemudian, bisa diterapkan pada website dengan klik Aktifkan.

14 5 Capture Tema Berhasil Dipasang   Aktifkan (Edit)

14.6. Tema Detak Terkini sudah berhasil diaktifkan, namun ada beberapa pengaturan yang perlu disesuaikan.

14 6 Capture Tema Detak Terkini Aktif (Edit)

Tambah Menu

15. Salah satunya penyesuaian menu pada tema. Anda perlu menambahkan menu untuk menyesuaikan tampilan.


15.1. Caranya dengan masuk ke menu Tampilan, kemudian pilih Menu. Anda akan disarankan untuk membuat menu. Silakan input form Nama Menu dengan “Menu Atas”. Lalu, klik Buat Menu.

15 1 Capture Buat Menu Atas (Edit)

15.2. “Menu Atas” telah dibuat di langkah sebelumnya. Selanjutnya Anda perlu membuat satu menu lagi bernama “Menu Bawah”. Caranya dengan klik buat menu baru.

15 2 Capture Cara Buat Menu Baru (Edit)

15.3. Setelah itu Anda baru bisa membuat menu lagi. Caranya sama, input form Nama Menu dengan “Menu Bawah”. Lalu, klik Buat Menu.

15 3 Capture Buat Menu Bawah (Edit)

Kelola Lokasi Menu

16. Selanjutnya Anda perlu mengelola lokasi menu.

16.1. Masih di Tampilan – Menu. Silakan pilih tab Kelola Lokasi. Atur menu terpilih seperti ini:

  • Menu utama: Menu Atas
  • Menu bawah: Menu Bawah

Kemudian, klik Simpan Perubahan.

16 1 Capture Kelola Lokasi   Simpan Perubahan (Edit)

Edit Menu

16.2. Anda bisa memilih menu mana yang akan diedit. Kali ini, Anda perlu edit Menu Atas terlebih dahulu. Caranya klik form dropdown, kemudian pilih Menu Atas (menu utama). Lalu, klik Pilih.

16 2 Pilih Menu Atas untuk diedit (Edit)

16.3. Menu Atas terpilih dan siap untuk diedit. Sekarang Anda perlu menambahkan Item Menu ke Menu Atas. Pada kotak Laman, pilih tab Lihat Semua, dan centang Item Menu yang ingin ditambahkan. Berikutnya, klik Tambahkan ke Menu.

16 3 Tambah Item Menu (Edit)

16.4. Item Menu yang telah dicentang sebelumnya, akan tampil pada Menu Atas. Selanjutnya klik Simpan Menu untuk menerapkan pada tema.

16 4 Simpan   Item menu telah ditambahkan (Edit)

Sesuaikan Tampilan

17. Selanjutnya Anda perlu menyesuaikan tema Detak Terkini pada website. Hal ini supaya tema berjalan dengan optimal.


17.1. Silakan masuk ke menu Tampilan, kemudian pilih Sesuaikan.

17 1 Capture Tampilan   Sesuaikan (Edit)

17.2. Anda akan diarahkan ke halaman penyesuain website. Pilih Identitas Situs.

17 2 Identitas Situs (Edit)

17.3. Anda bisa mengunggah logo tema dengan klik Pilih logo.

17 3 Capture Pilih Logo (Edit)

17.4. Silakan klik Pilih Berkas untuk membuka file penyimpanan di PC.

17 4 Capture Unggah Berkas (Edit)

17.5. Kemudian, cari file image untuk diunggah sebagai logo. Disarankan menggunakan ekstensi PNG, supaya file image tidak memiliki latar belakang. Pilih file tersebut, lalu klik Open.

17 5 Capture Logo Detak Terkini di folder   Open (Edit)

17.6. Gambar logo akan terunggah di Pustaka WordPress. Selanjutnya centang gambar logo tersebut, klik Pilih.

17 6 Capture Pilih (Edit)

17.7. Gambar logo berhasil dipilih, kemudian klik Terbitkan supaya logo ditampilkan pada tema.

17 7 Capture Logo Terpilih (Edit)

Unggah Media

18. Anda juga bisa mengunggah logo pada footer tema Detak Terkini.


18.1. Masuk ke menu Media, kemudian ke Tambah Baru. Selanjutnya, Pilih Berkas untuk memilih file image logo pada penyimpanan Anda.

18 1 Capture Unggah Logo Putih Footer (Edit)

18.2. Pilih file image PNG pada penyimpanan Anda. Klik dua kali atau Open untuk mengunggah ke WordPress.

18 2 Capture Logo Putih di folder   Open (Edit)

18.3. Setelah file logo berhasil diunggah, akan muncul keterangan di bagian bawah. Klik Edit dahulu untuk menyalin URL dari file logo yang tersimpan di Pustaka WordPress.

18 3 Capture Logo Putih Terunggah   Edit (Edit)

18.4. Anda akan masuk ke halaman Sunting Media. Silakan Salin URL dari file logo ini. Nantinya akan di paste pada file PHP dari footer tema.

18 4 Capture Salin URL (Edit)

18.5. Sekarang Anda masuk ke menu Tampilan, kemudian pilih Penyunting Tema. Kemudian, cari file Kaki Tema (Footer) di Berkas-berkas Tema (sebelah kanan). Lakukan hal berikut pada kode programnya:

  • Paste URL file logo sebelumnya di bagian kode:<img src=”…” alt=”logo-putih” />
  • Edit URL media sosial sesuai dengan yang Anda miliki. Contoh: facebook.com/Niagahoster

Terakhir, bisa klik tombol Perbarui Berkas untuk menyimpannya.

18 5 Capture Salin URL di Kode Program Footer (Edit)

Tambah Widget Gambar

19. Widget ini nantinya akan tampil di sebelah kanan tema atau Sidebar Right. Bentuknya persegi yang berisi gambar dan caption di bawahnya.


19.1. Anda bisa masuk ke menu Tampilan, kemudian pilih Widget. Di sana terdapat banyak pilihan, silakan cari Widget Gambar. Kemudian, klik sampai muncul pilihan lokasi letaknya. Pilih Sidebar Right, dan klik Tambahkan Widget.

19 1 Capture Tambahkan Widget Gambar (Edit)

19.2. Akan muncul kotak Sidebar Right. Berikutnya Anda klik Tambah Gambar untuk menghubungkan Widget dengan gambar yang diinginkan.

19 2 Capture Tambah Gambar (Edit)

19.3. Anda bisa mengambil gambar dari Pustaka Media atau Unggah gambar baru. Kemudian, centang gambar. Atur Ukuran gambar menjadi Ukuran Penuh. Setelah itu, klik Tambahkan ke Widget.

19 3 Capture Ukuran Penuh   Tambahkan ke Widget (Edit)

19.4. Gambar sudah tampil di Sidebar Right. Selanjutnya klik Simpan untuk menerapkan pada tema Detak Terkini.

19 4 Capture Simpan (Edit)

Tampilan Tema Detak Terkini

Selamat! Tema Detak Terkini berhasil diterapkan pada website Anda. Selanjutnya, Anda bisa melakukan improvisasi sendiri. Seperti mengganti logo, letak menu, warna latar, dan lainnya sesuai kebutuhan.

Capture Tema Detak Terkini Terpasang (Edit)

Apakah artikel ini membantu?

Bagikan jika Anda menyukai halaman ini.

Artikel Serupa


related posts

Cara Export Database di phpMyAdmin

Untuk melakukan eksport database di phpMyAdmin, Anda perlu mengakses phpMyAdmin terlebih dahulu. Langkah-langkah Export Database melalui phpMyAdmin 1. Buka phpMyAdmin di cPanel 2. Pilih database yang ingin dieksport di sidebar sebelah kiri. 3. Klik tombol Export pada menu navigasi di atas tabel. 4. Jika Anda hanya ingin melakukan eksport file SQL, yang dibutuhkan untuk memindahkan […]

Selengkapnya
related posts

Cara Optimasi Database MySQL Menggunakan phpMyAdmin

Melakukan optimasi database MySQL memiliki beberap manfaat bagi website Anda, salah satunya adalah dapat meningkatkan kecepatan database dalam menampilkan data. Ukuran database website dapat bertambah seiring berjalannya waktu, terutama jika website tersebut memiliki banyak konten. Oleh karena itu, melakukan optimasi database dapat signifikan meningkatkan performa website. Untuk melakukan pengoptimalan, Anda dapat menggunakan phpMyAdmin yang merupakan […]

Selengkapnya
related posts

Cara Migrasi Website Weebly ke Hosting

Weebly merupakan platform untuk membuat website berbasis drag and drop. Anda dapat membangun website secara praktis tanpa coding sekalipun. Sayangnya layanan Weebly Niagahoster akan dinonaktifkan pada tanggal 30 Januari 2023. Bagi Anda yang masih menggunakan layanan ini harap untuk melakukan pemindahan atau migrasi sebelum tanggal tersebut. Pada panduan ini, kami akan memberikan solusi alternatif agar […]

Selengkapnya