Edisi 2021
Daftar Isi
Daftar Isi 1
Tentang Niagahoster 3
Tentang WordPress 7
1
Tutorial Mengelola Menu Navigasi Header 53
Glosarium 69
2
Tentang Niagahoster
Niagahoster adalah perusahaan penyedia layanan hosting unlimited yang menjamin kualitas
uptime dengan kecepatan akses website. Didukung oleh Customer Success Agent yang siap
membantu pelanggan 24 jam nonstop.
Berdiri sejak 2013 di Yogyakarta, Niagahoster merupakan bagian dari Hostinger International
Group yaitu perusahaan web hosting yang berpusat di Kaunas, Lithuania dan sudah menangani
lebih dari 29 juta pelanggan di 178 negara.
Misi kami adalah membantu jutaan orang memanfaatkan potensi yang ada di internet untuk
membangun kesuksesan online dengan menyediakan layanan web hosting yang stabil, cepat
dan mudah.
3
Pengenalan Member Area Niagahoster
Member Area Niagahoster adalah fasilitas khusus untuk pengguna layanan di Niagahoster.
Pengguna dapat mengelola layanan hosting dan domain dengan mudah dan praktis. Tampilan
yang user-friendly akan menunjang setiap aktivitas pengguna.
4
Fitur Member Area Niagahoster
Berikut berbagai fitur yang pengguna dapatkan di Member Area Niagahoster.
Tagihan. Cek informasi tagihan yang sudah atau belum dibayar oleh pengguna.
Afiliasi. Gabung dengan Program Afiliasi Niagahoster dan dapatkan komisi 70%.
Order Produk. Lakukan order untuk produk atau layanan lain di Niagahoster.
Course dan Forum. Ikuti kursus dan diskusi soal website hingga bisnis online.
Niagahoster Partner. Cukup kelola seluruh akun klien hanya dengan 1 akun.
Niagahoster Poin. Tukarkan poin dengan kupon diskon dan penawaran menarik lainnya.
5
Login ke Member Area Niagahoster
Ikuti langkah-langkah berikut untuk login ke Member Area Niagahoster.
1. Akses halaman login Member Area Niagahoster dengan web browser. Masukkan email dan
password akun Anda, kemudian klik tombol Login.
6
Tentang WordPress
WordPress adalah sebuah CMS (Content Management System) yang dapat digunakan untuk
mengelola sebuah konten website. Mulai dari tema website hingga post yang akan diterbitkan
pada website tersebut.
Sejak rilis perdana pada Mei 2003, WordPress semakin berkembang menjadi salah satu platform
blog dan website yang paling banyak diminati.
Menurut Web Technology Surveys (W3Techs) pada 10 Februari 2021, dikatakan bahwa 40% situs
di internet menggunakan WordPress. Beberapa situs populer dunia seperti BBC, CNN, dan Tech
Crunch menggunakan WordPress sebagai sarana untuk menerbitkan konten mereka,.
Penggunanya dapat masuk ke dashboard WordPress dan siap mengelola website secara praktis.
Seperti mengatur tema sesuai kebutuhan. Jika diperlukan, pengguna juga dapat memasang
plugin tambahan untuk meningkatkan performa website.
7
Pengenalan WordPress Management Niagahoster
WordPress Management merupakan salah satu fitur yang pengguna dapatkan pada Member
Area Niagahoster. Setelah membeli layanan hosting, pengguna dapat memasang WordPress
dengan hanya beberapa klik melalui fitur ini.
Selain itu, pengguna dapat melakukan login dashboard WordPress tanpa password. Fitur yang
juga memungkinkan pengguna melakukan transfer WordPress dari layanan lain ke Niagahoster.
8
Fitur WordPress Management Niagahoster
Berikut fitur lain yang pengguna dapatkan di WordPress Management Niagahoster.
Force HTTPS. Arahkan website ke HTTPS supaya lebih dipercaya oleh pengunjung.
Staging. Buat staging untuk menghindari risiko kesalahan saat mengelola website.
Speed Test. Uji kecepatan akses website dan dapatkan hasil analisisnya.
Auto Update. Atur pembaruan otomatis pada versi, plugin, dan tema WordPress.
Backup & Restore. Cadangan website akan otomatis dibuat saat proses Auto Update.
9
Login ke Dashboard WordPress
Ikuti langkah-langkah berikut untuk login ke dashboard WordPress.
2. Di Member Area Niagahoster, pilih menu WordPress Management dan klik submenu Sites.
Untuk login ke dashboard WordPress, klik tombol Login WordPress pada bagian Login Admin.
10
3. Selamat! Anda berhasil login ke dashboard WordPress hanya dengan satu kali klik.
11
Pengenalan Dashboard WordPress
Dashboard WordPress adalah tempat untuk mengelola website yang menggunakan WordPress
sebagai CMS (Content Management System). Halaman ini hanya dapat diakses secara online
melalui web browser.
Sebelum masuk ke dashboard WordPress, pasang WordPress terlebih dahulu pada website. Ada
beberapa cara untuk melakukannya. Salah satunya menggunakan fitur WordPress Management
Niagahoster sebelumnya.
Baru kemudian, pengguna dapat mengakses halaman dashboard WordPress dengan URL
bawaan: namadomain.com/wp-admin melalui web browser. Login dengan email/username dan
password akun WordPress.
12
Fitur dashboard WordPress
Berikut fitur yang pengguna dapatkan di dashboard WordPress.
13
Tentang Template Detak Terkini
Detak Terkini adalah tema atau template WordPress untuk website portal berita. Secara default
tampilan template sangat mirip dengan portal berita terbesar di Indonesia. Terdapat berbagai
kategori berita di bagian navigation menu.
Pengunjung dapat menuliskan kata kunci di kolom pencarian untuk mencari berita tertentu.
Selanjutnya, daftar berita yang relevan akan ditampilkan. Daftar berita akan diurutkan
berdasarkan waktu publikasi terbaru.
Untuk setiap berita yang pengunjung klik, dapat dibaca dan dibagikan melalui media sosial.
Pengunjung yang memiliki akun Facebook dapat meninggalkan komentar pada setiap artikel
berita. Dikarenakan template ini dibekali plugin Komentar Facebook.
14
Fitur Spesial Template Detak Terkini
Dengan Detak Terkini sebagai template website, Anda dapat membangun website untuk
menerbitkan berbagai artikel berita terbaru. Sesuaikan fitur pada template berdasarkan brand
portal berita Anda.
Post Slider
Artikel berita yang diberikan tag khusus dapat tampil ke bagian Post Slider. Tambahkan tag
khusus terlebih dahulu, kemudian sesuaikan tag id pada berkas Templat Indeks Utama.
15
Floating Navigation Menu
Fitur ini memungkinkan menu tetap terlihat (mengambang) meski pengunjung menggulir halaman
ke bawah. Ini bekerja di seluruh halaman website, sehingga pengguna mudah untuk mengakses
kategori berita tanpa perlu menggulir halaman ke atas.
Pencarian Berita
Pengunjung dapat melakukan pencarian artikel berita berdasarkan kata kunci yang dituliskan.
Dengan begitu akan mempercepat pengunjung dalam menemukan berita yang dibutuhkan.
Setelah kata kunci dimasukkan, daftar berita yang relevan akan ditampilkan.
Hasil pencarian akan menampilkan daftar berita yang relevan dengan kata kunci.
16
Plugin Media Sosial
Terdapat 4 logo media sosial: Facebook, Twitter, WhatsApp, dan Line yang tampil pada setiap
artikel berita. Ketika klik salah satu logo, pengunjung akan diarahkan ke halaman media sosial
untuk dapat membagikan artikel berita tersebut.
17
Pada halaman utama website, terdapat bagian Komentar Terbaru yang akan menampilkan
komentar terbaru dari pengunjung.
18
Berita Terkini dan Pos Terbaru
Setiap artikel yang baru Anda terbitkan akan masuk ke bagian Berita Terkini dan Pos Terbaru.
Pengunjung yang berada di halaman utama dapat langsung melihatnya. Untuk itu, daftar berita
akan diurutkan berdasarkan waktu publikasi terbaru.
Contoh, artikel di bawah yang memiliki tag “sport” dan “swimming”. Ketika tag tersebut diklik,
post lain dengan tag yang sama akan ditampilkan.
19
Berikut daftar post artikel berita dengan tag serupa yaitu “sport”.
Berita Rekomendasi
Setelah pengunjung membaca suatu artikel berita, beberapa rekomendasi berita lain akan tampil
di bagian bawah halaman. Secara default, terdapat 8 rekomendasi berita lain yang dapat
pengunjung klik dan dibaca lebih lanjut.
20
Footer
Sesuaikan informasi di bagian Footer dengan brand perusahaan. Berikan keterangan copyright
dan tautan media sosial. Pengunjung akan mengetahui media sosial resmi perusahaan dengan
klik salah satu logo tersebut.
21
Tutorial Mengubah Logo
Logo masih menggunakan bawaan template Detak Terkini. Anda dapat mengubah logo dengan
menyiapkan file PNG transparan yang memiliki resolusi 310x100 px.
22
3. Anda akan diarahkan ke halaman untuk menyesuaikan tampilan website. Selanjutnya, pilih
menu Identitas Situs.
23
4. Pada bagian Logo, klik tombol Ganti logo untuk mengganti dengan logo brand Anda.
24
5. Pop-up Pilih logo akan tampil. Pilih tab Unggah berkas untuk mengunggah file logo. Cari file di
penyimpanan lokal dengan klik tombol Pilih Berkas.
25
6. Jendela File Explorer akan muncul. Pilih file logo yang akan Anda unggah. Klik tombol Open
untuk melanjutkan.
7. File logo berhasil Anda unggah ke Pustaka Media dan otomatis tercentang. Pastikan resolusi
logo telah sesuai. Selanjutnya, klik tombol Pilih.
26
8. Selamat! Logo berhasil Anda perbarui.
9. Gulir ke bagian Ikon Situs. Anda juga dapat mengubah sesuai logo brand. Untuk menyimpan
perubahan, klik tombol Terbitkan.
27
10. Kunjungi halaman website Anda. Pastikan logo berhasil Anda ubah.
28
29
Tutorial Menambahkan Judul dan Slogan
Berikan judul dan slogan brand pada website. Secara default, judul masih bertuliskan “My Blog”
atau “My WordPress Blog”.
2. Anda akan diarahkan ke halaman untuk menyesuaikan tampilan website. Selanjutnya, pilih
menu Identitas Situs.
30
3. Pada kolom isian Judul Situs dan Slogan, tuliskan sesuai brand Anda. Simpan perubahan
dengan klik tombol Terbitkan.
31
4. Selamat! Judul dan slogan berhasil Anda perbarui. Perhatikan pada tab web browser.
32
Tutorial Mengubah Logo Footer
Meski, logo header telah Anda ubah, logo di bagian footer tidak ikut menyesuaikan. Ikuti
langkah-langkah berikut untuk mengubah logo footer.
1. Di dashboard WordPress, pilih menu Media dan klik submenu Tambah Baru.
2. Unggah Media Baru, yaitu logo brand Anda. Untuk mencari file di penyimpanan lokal, klik
tombol Pilih Berkas.
33
3. Jendela File Explorer akan muncul. Pilih file logo yang akan Anda unggah. Klik tombol Open
untuk melanjutkan.
34
5. Anda akan diarahkan ke halaman Sunting Media. Silakan copy URL Berkas gambar tersebut.
35
7. Halaman Edit Tema akan ditampilkan. Pada Berkas-berkas Tema, pilih Kaki Tema (Footer).
8. Silakan paste URL yang telah Anda copy pada kode berikut: <img src="Isi dengan URL Berkas"
alt="logo-putih" />. Simpan perubahan dengan klik tombol Perbarui Berkas.
36
9. Selamat! Berkas berhasil Anda perbarui.
10. Silakan kunjungi halaman website Anda. Pastikan logo di bagian footer telah berubah.
37
Tutorial Menambahkan Kategori Berita
Kategori digunakan untuk mengelompokkan artikel berita yang Anda terbitkan. Dengan kategori
artikel berita akan lebih terstruktur. Pengunjung dapat menemukan berita melalui kategori yang
dipilih.
2. Halaman Tambah Kategori Baru akan ditampilkan. Silakan lengkapi informasi kategori berikut:
38
3. Selamat! Kategori baru berhasil Anda tambahkan.
39
40
Tutorial Menerbitkan Artikel Berita
Artikel berita merupakan komponen utama pada template Detak Terkini. Anda dapat menerbitkan
banyak artikel untuk memberikan info berita terkini. Kemudian, kelompokkan berita-berita ke
dalam kategori yang relevan.
1. Di dashboard WordPress, pilih menu Pos dan klik submenu Tambah Baru.
2. Anda akan diarahkan ke halaman editor artikel. Tuliskan Judul Artikel Berita pada kolom yang
tersedia. Cukup berikan judul dengan 1 kalimat.
41
3. Klik ikon + untuk memilih berbagai jenis blok. Misalnya, Anda memilih sebuah blok Paragraf.
Blok paragraf akan tampil di bawah. Anda dapat menuliskan teks di dalam blok tersebut.
42
4. Untuk menambahkan paragraf baru, Anda cukup tekan Enter dan otomatis blok paragraf baru
akan muncul di bawahnya.
43
5. Sementara itu, Anda dapat menambahkan gambar dengan memilih blok Gambar.
Blok Gambar akan tampil. Unggah gambar dari penyimpanan lokal dengan klik tombol Unggah.
44
Jendela File Explorer akan muncul. Pilih file gambar yang akan Anda unggah. Klik tombol Open
untuk melanjutkan.
45
Selamat! Gambar berhasil Anda unggah. Berikan caption sebagai deskripsi singkat gambar.
46
6. Pada bagian sidebar sebelah kanan. Pilih tab Dokumen.
7. Gulir ke bagian Kategori dan Tag. Tambahkan kategori dan tag yang relevan dengan artikel.
Selain itu, Anda dapat menambahkan lebih dari 1 tag di kolom tag. Pisahkan tag dengan koma.
47
8. Tambahkan juga Gambar andalan sebagai thumbnail dari artikel berita.
Pop-up Gambar andalan akan tampil. Pilih tab Unggah berkas untuk mengunggah file logo. Cari
file di penyimpanan lokal dengan klik tombol Pilih Berkas.
48
Jendela File Explorer akan muncul. Pilih file gambar yang akan Anda unggah. Klik tombol Open
untuk melanjutkan.
File gambar berhasil Anda unggah ke Pustaka Media dan otomatis tercentang. Selanjutnya, klik
tombol Tetapkan gambar unggulan.
49
Selamat! Gambar andalan berhasil Anda tetapkan.
9. Setelah selesai menuliskan artikel berita. Anda dapat menerbitkan dengan klik tombol
Menerbitkan di bagian atas.
50
Lanjutkan proses dengan klik tombol Terbitkan.
Selamat! Artikel berhasil Anda terbitkan. Klik tombol Tampilkan Pos untuk melihat halaman artikel
berita.
51
10. Halaman artikel berita dapat Anda lihat.
52
Tutorial Mengelola Menu Navigasi Header
Menu navigasi di bagian header berdasarkan kategori dari artikel berita. Oleh karena itu,
tambahkan nama kategori dahulu, kemudian Anda dapat menampilkan pada menu navigasi.
2. Anda akan diarahkan ke halaman untuk menyesuaikan tampilan website. Selanjutnya, pilih
Menu.
53
3. Pilih Menu Atas untuk mengatur menu navigasi di header.
54
4. Gulir ke bawah, kemudian klik tombol +Tambahkan Item untuk menambahkan menu baru.
5. Pilih bagian Kategori dan klik nama kategori yang tersedia untuk dijadikan menu navigasi.
55
6. Kategori berhasil Anda jadikan menu navigasi. Simpan perubahan dengan klik tombol
Terbitkan.
56
7. Selamat! Kategori berhasil Anda jadikan menu navigasi. Ketika pengunjung mengeklik menu,
akan diarahkan ke artikel berita dengan kategori tersebut.
8. Jika Anda ingin menghapus menu navigasi, pilih menu navigasi dan klik Singkirkan.
57
58
Tutorial Menambahkan Tautan Media Sosial
Berikan tautan ke media sosial brand Anda. Pengunjung dapat klik ikon media sosial di bagian
footer website. Tambahkan 3 tautan media sosial: Facebook, Instagram, dan Twitter.
1. Di dashboard WordPress, pilih menu Tampilan dan klik submenu Penyunting Tema.
2. Halaman Edit Tema akan ditampilkan. Pada Berkas-berkas Tema, pilih Kaki Tema (Footer).
59
3. Silakan sesuaikan dengan URL media sosial brand Anda. Terdapat 3 URL yang dapat Anda
ubah. Setelah itu, simpan perubahan dengan klik Perbarui Berkas.
60
5. Kunjungi halaman website Anda. Gulir ke bagian footer. Kemudian, klik ikon media sosial untuk
memastikan tautan media sosial telah sesuai.
61
Tutorial Mengatur Post Slider
Untuk menampilkan artikel berita di Post Slider, Anda dapat memberikan tag khusus. Ikuti
langkah-langkah berikut untuk mengatur tag khusus tersebut.
2. Halaman Tambah Tag Baru akan ditampilkan. Contohnya kami membuat tag bernama
Headline. Silakan lengkapi informasi tag lainnya:
62
3. Tag baru berhasil Anda tambahkan. Selanjutnya, arahkan kursor ke nama tag baru tersebut. Di
bagian bawah web browser akan muncul link dari tag. Catat tag_ID pada link tersebut. Pada
panduan ini kami mencatat angka 17.
63
4. Pilih menu Tampilan dan klik submenu Penyunting Tema.
64
5. Halaman Edit Tema akan ditampilkan. Anda perlu mengedit berkas-berkas Tema berikut:
5.1. Sesuaikan tag_in pada Templat Indeks Utama. Pada panduan ini kami ganti menjadi angka
17, sesuai tag_ID di langkah ke-3. Simpan perubahan dengan klik tombol Perbarui Berkas.
65
5.2. Sesuaikan tag_in pada Templat Kategori. Pada panduan ini kami ganti menjadi angka 17,
sesuai tag_ID di langkah ke-3. Simpan perubahan dengan klik tombol Perbarui Berkas.
5.3. Sesuaikan tag_in pada Templat Tag. Pada panduan ini kami ganti menjadi angka 17, sesuai
tag_ID di langkah ke-3. Simpan perubahan dengan klik tombol Perbarui Berkas.
66
6. Berikutnya ketika Anda hendak menerbitkan artikel berita dan tampil di Post Slider, cukup
masukkan tag Headline di kolom tag.
7. Selamat! Artikel berita yang diberikan tag Headline berhasil tampil di Post Slider.
67
68
Glosarium
Dashboard - Area dengan banyak komponen untuk melakukan berbagai fungsi.
Domain - Alamat website di internet dengan berbagai ekstensi seperti .com .id .xyz.
Halaman website - Tampilan website dengan komponen seperti menu, teks, atau gambar.
Hosting - Tempat untuk menampung dan mengelola file website agar dapat diakses di internet.
Login - Proses masuk ke sistem komputer dengan memasukkan username dan password.
Member Area Niagahoster - Fasilitas pengguna layanan Niagahoster untuk mengelola domain
dan hosting website.
Menu - Komponen yang ditampilkan website dan pengguna dapat memilih operasi yang akan
dilakukan.
Website - Kumpulan halaman dengan konten yang diakses menggunakan nama domain di
internet.
WordPress - Sistem yang dapat digunakan untuk membangun dan mengelola blog dan website.
69