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.
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.
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
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.
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
6. Masih di menu Pengaturan, silakan masuk ke sub menu Permalink untuk mengganti pengaturan link menjadi Nama tulisan. Kemudian, klik Simpan Perubahan untuk menyimpannya.
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.
Setelah Autoptimize berhasil dipasang, klik Aktifkan untuk menjalankannya.
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.2. Pada Opsi CSS, centang pada bagian ini:
- Optimasi Kode CSS
- Gabungkan Berkas CSS
- Juga gabungkan inline CSS
8.3. Pada Opsi HTML, centang pada bagian ini:
- Optimasi Kode HTML
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.
9. Anda masih berada di Pengaturan – Autoptimize. Selanjutnya bergeser ke tab Images. Centang pada Lazy-load Images. Kemudian, klik tombol Simpan Perubahan.
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.
Setelah Inline Related Posts berhasil dipasang, klik Aktifkan untuk menjalankannya.
11. Anda akan diarahkan pada Pengaturan – Inline Related Posts. Silakan Anda gulir ke bawah hingga menemukan tombol Continue Using Free Version.
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.2. Silakan Anda gulir ke bawah untuk menemukan Plugin Settings. Anda bisa mengikuti pengaturan seperti gambar di bawah.
12.3. Jika semua pengaturan telah disesuaikan, Anda bisa gulir ke bawah untuk menyimpannya dengan klik Save.
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.2. Setelah proses pemasangan selesai, Anda bisa menjalankan Pengimpor.
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.4. File tersebut ada di folder dummy file import. Pilih file, kemudian klik Open.
13.5. Pastikan file telah siap diunggah, bisa dicek keterangannya di sebelah Choose File. Selanjutnya bisa Anda klik Unggah berkas dan impor.
13.6. Anda bisa menetapkan penulis sebagai admin. Kemudian, centang pada opsi Unduh dan impor lampiran berkas. Selanjutnya klik Kirim untuk mengimpornya.
13.7. Jika Anda berhasil melakukan impor, ada pesan seperti ini.
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.2. Anda akan mengunggah file ZIP dari tema Detak Terkini. Klik Unggah Tema, kemudian klik Choose File untuk mencarinya pada folder penyimpanan.
14.3. Cari file ZIP dari tema Detak Terkini di folder penyimpanan Anda. Kemudian, pilih dan klik Open untuk mengunggahnya.
14.4. Perhatikan keterangan di sebelah Choose File. Kemudian, klik Install sekarang untuk memasang tema.
14.5. Selanjutnya tema Detak Terkini dari file ZIP telah berhasil dipasang. Kemudian, bisa diterapkan pada website dengan klik Aktifkan.
14.6. Tema Detak Terkini sudah berhasil diaktifkan, namun ada beberapa pengaturan yang perlu disesuaikan.
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.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.3. Setelah itu Anda baru bisa membuat menu lagi. Caranya sama, input form Nama Menu dengan “Menu Bawah”. Lalu, klik Buat Menu.
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.
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.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.4. Item Menu yang telah dicentang sebelumnya, akan tampil pada Menu Atas. Selanjutnya klik Simpan Menu untuk menerapkan pada tema.
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.2. Anda akan diarahkan ke halaman penyesuain website. Pilih Identitas Situs.
17.3. Anda bisa mengunggah logo tema dengan klik Pilih logo.
17.4. Silakan klik Pilih Berkas untuk membuka file penyimpanan di PC.
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.6. Gambar logo akan terunggah di Pustaka WordPress. Selanjutnya centang gambar logo tersebut, klik Pilih.
17.7. Gambar logo berhasil dipilih, kemudian klik Terbitkan supaya logo ditampilkan pada tema.
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.2. Pilih file image PNG pada penyimpanan Anda. Klik dua kali atau Open untuk mengunggah ke WordPress.
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.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.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.
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.2. Akan muncul kotak Sidebar Right. Berikutnya Anda klik Tambah Gambar untuk menghubungkan Widget dengan gambar yang diinginkan.
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.4. Gambar sudah tampil di Sidebar Right. Selanjutnya klik Simpan untuk menerapkan pada tema Detak Terkini.
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.
Apakah artikel ini membantu?
