Anda di halaman 1dari 25

www.niagahoster.co.id | cs@niagahoster.co.

id | 0274 5305505
Daftar Isi

Pendahuluan .............................................................................................................. 1
11. Cara Update dan Hapus Plugin ........................................................................ 2
12. Cara Instal Theme Via Dashboard ................................................................... 3
13. Cara Instal Theme Manual Via FTP ................................................................. 5
14. Cara Update Theme WordPress ...................................................................... 7
15. Cara Kostumisasi Theme WordPress............................................................... 8
16. Cara Menggunakan Widget ............................................................................ 11
17. Cara Menangani Komentar SPAM ................................................................. 12
18. Cara Setting Plugin Akismet ........................................................................... 13
19. Cara Membuat Form Kontak .......................................................................... 17
20. Cara Kostumisasi Form Kontak ...................................................................... 20
Penutup .................................................................................................................... 23
TUTORIAL WORDPRESS UNTUK PEMULA | 2015

Pendahuluan
Pertanyaan yang sering muncul di benak orang-orang yang ingin membuat
website (mungkin Anda juga termasuk) adalah: harus mulai dari mana?

Biar kami beritahu sedikit rahasia: Anda bisa menggunakan WordPress.

WordPress merupakan sebuah CMS (Content Management System) yang


memungkinkan Anda untuk membuat sebuah blog atau website dengan mudah,
hanya bermodalkan hosting dan domain untuk menginstalnya. Platform ini sangat
populer di seluruh dunia dan bisa Anda dapatkan secara gratis!

Di e-book ini Anda akan belajar tentang bagaimana membangun blog atau website
Anda sendiri menggunakan WordPress.

Oleh karena itu, Anda sangat beruntung jika mendapatkan e-book Tutorial
WordPress untuk Pemula ini! Semuanya akan dibahas lengkap, langkah demi
langkah mulai dari NOL hingga menjadi sebuah blog atau website yang sangat
PROFESIONAL.

Tutorial WordPress untuk Pemula ini kami bagi ke dalam dua bagian. Edisi ini
merupakan bagian kedua. Selamat Mencoba!

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 1


TUTORIAL WORDPRESS UNTUK PEMULA | 2015

11. Cara Update dan Hapus Plugin


Plugin, seperti WordPress, membutuhkan update berkala dari
pengembangnya. Di tutorial kali ini Anda akan belajar bagaimana cara update
dan hapus plugin. Penjelasannya ada di bawah ini.

1. Untuk mengetahui apakah sebuah plugin membutuhkan update versi terbaru,


caranya sangat sederhana. Anda dapat melihat notifikasi-nya pada dashboard
WordPress di menu plugin. Jika tertera angka di sana, misalkan angka 1
(seperti pada gambar), maka ada satu plugin yang membutuhkan update.
Angka ini menyesuaikan jumlah plugin yang perlu di-update.

2. Apabila Anda menemukan notifikasi tersebut, segera buka dashboard


WordPress Anda kemudian pilih Plugin Installed Plugins. Setelah itu, klik
Update Now pada plugin yang ingin di-update.

3. Tunggu hingga proses update selesai. Kemudian akan muncul notifikasi


seperti gambar di bawah ini.

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 2


TUTORIAL WORDPRESS UNTUK PEMULA | 2015

4. Menghapus plugin pun caranya mudah. Pastikan Anda masih berada di


halaman Installed Plugins, setelah itu cari plugin yang akan Anda hapus
dan pilih Delete.

5. Pilih Yes, Delete these files dan plugin berhasil dihapus.

12. Cara Instal Theme Via Dashboard

Bisa jadi Anda merasa bosan dengan tampilan theme bawaan dari
WordPress. Tenang, tentu Anda dapat menggantinya sendiri. Tutorial di bawah
ini Anda akan membahas cara instal theme via dashboard.

1. Masuk pada dashboard WordPress Anda kemudian pilih menu Appearance


Themes.

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 3


TUTORIAL WORDPRESS UNTUK PEMULA | 2015

2. Pilih Add New kemudian cari theme yang Anda inginkan.

3. Setelah menemukan themes yang Anda inginkan, pilih theme tersebut


kemudian klik Install. Anda juga dapat melihatnya terlebih dahulu dengan
mengklik Preview.

4. Setelah memilih Install, tunggu beberapa saat hingga prosesnya selesai.


Kemudian pilih Activate untuk langsung mengaktifkan, atau pilih Live
Preview untuk melihatnya terlebih dahulu.
5. Selesai! Anda telah berhasil menginstal theme via dashboard. Sekarang
website Anda telah memiliki tampilan berbeda, sesuai apa yang Anda
inginkan.

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 4


TUTORIAL WORDPRESS UNTUK PEMULA | 2015

13. Cara Instal Theme Manual Via FTP

Sama seperti plugin, Anda juga dapat menginstal theme melalui FTP. Berikut
adalah tutorialnya.

1. Cari dan download theme yang ingin Anda instal pada WordPress. Theme
gratisan bisa Anda dapaatkan di sini: https://wordpress.org/themes.

2. Pilih dan download theme yang Anda inginkan dengan meng-klik tombol
Download.

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 5


TUTORIAL WORDPRESS UNTUK PEMULA | 2015

3. Setelah itu, buka kembali aplikasi FileZilla dan masuk ke direktori


public_html/wp-content/themes kemudian unggah theme yang sudah
sebelumnya Anda download. Caranya, pilih theme tersebut kemudian klik
kanan dan pilih upload.

4. Setelah proses upload selesai, kembali buka File Manager pada cPanel
dan buka direkori yang sama yaitu public_html/wp-content/themes. Di
sana Anda akan menemukan theme yang tadi sudah diunggah.
Selanjutnya, yang perlu Anda lakukan hanyalah meng-extract file theme
tersebut.

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 6


TUTORIAL WORDPRESS UNTUK PEMULA | 2015

5. Setelah selesai Anda extract, silakan masuk dashboard kemudian pilih


Appearance Themes. Di sana akan muncul theme yang sebelumnya
sudah diinstal. Sebagai langkah terakhir Anda hanya perlu mengaktifkan
theme tersebut dengan cara meng-klik Activate.

Selesai! Anda telah berhasil menginstal theme via FTP. Kini Anda dapat
melihat situs Anda dengan tampilan baru, menggunakan theme yang
sebelumnya sudah diinstal via FTP.

14. Cara Update Theme WordPress

Sama seperti plugin, theme dari WordPress juga membutuhkan update.


Update ini bisa dikarenakan adanya tampilan yang lebih baru atau sebatas
perbaikan versi terdahulu. Berikut ini tutorialnya untuk Anda.

1. Masuk ke dashboard WordPress Anda, kemudian pilih menu Appearence


Themes. Akan ada notifikasi seperti pada gambar di bawah ini apabila
theme Anda membutuhkan update.

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 7


TUTORIAL WORDPRESS UNTUK PEMULA | 2015

2. Untuk melakukan update pada theme tersebut, Anda cukup mengklik


theme yang akan di-update kemudian pilih update now.

3. Tunggu beberapa detik, jika theme telah berhasil di-update akan muncul
notifikasi seperti gambar di bawah ini.

15. Cara Kostumisasi Theme WordPress

Tampilan theme website WordPress Anda juga dapat disesuaikan agar


terlihat lebih menarik sesuai keinginan Anda. Panduan lengkap cara kostumisasi
theme WordPress ini dapat Anda lihat di tutorial berikut ini.

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 8


TUTORIAL WORDPRESS UNTUK PEMULA | 2015

1. Masuk terlebih dahulu ke dashboard WordPress Anda, kemudian pilih


menu Appearance Customize.

2. Anda akan menemukan sebuah halaman customize dimana Anda dapat


mengubah fitur yang sudah disediakan oleh theme tersebut. Harap diingat
juga bahwa setiap theme dapat memiliki fitur berbeda-beda.

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 9


TUTORIAL WORDPRESS UNTUK PEMULA | 2015

3. Sebagai contoh, di sini Anda akan mengubah Site Title dan Tagline. Anda
cukup memilih opsi Site Title & Tagline kemudian isi atau edit sesuai
dengan keinginan Anda.

4. Tidak hanya itu saja, beragam fitur lain juga dapat Anda sesuaikan,
misalnya Font, Colors, Logo, dan masih banyak lagi. Klik Save &
Publish untuk melihat hasilnya jika sudah selesai.

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 10


TUTORIAL WORDPRESS UNTUK PEMULA | 2015

16. Cara Menggunakan Widget

Sebuah blog atau website terasa kurang lengkap jika tidak terdapat widget.
Mengapa? Widget dapat membantu membuat sebuah website terlihat lebih menarik.
Selain itu, widget juga dapat membantu Anda mempromosikan produk atau jasa
karena dapat langsung terlihat pada semua halaman di website Anda. Berikut
adalah tutorial bagaimana cara menggunakan widget.

1. Masuk ke dashboard WordPress Anda, pilih menu Appearance


Widgets dan Anda akan menemukan sebuah halaman untuk mengatur
semua widget.

2. Kolom Sidebar menunjukkan widget aktif milik Anda. Ini artinya, widget
tersebut ditampilkan pada situs Anda. Jika ingin menghapus widget yang
ada, klik salah satu widget aktif kemudian pilih Delete.

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 11


TUTORIAL WORDPRESS UNTUK PEMULA | 2015

3. Misalkan pada saat ini Anda sudah menghapus semua widget bawaan
WordPress secara default dan sekarang Anda ingin me-manage widget
yang ingin ditampilkan.

Caranya sangat mudah. Anda hanya perlu meng-klik widget yang tersedia
kemudian pilih Sidebar, apabila Anda ingin menampilkannya pada lokasi
sidebar. Setelah itu pilih Add Widget dan Anda telah berhasil
menambahkan widget. Klik save untuk menyelesaikan pengaturan.
4. Pilih beberapa widget yang ingin Anda tampilkan untuk mempercantik

tampilan WordPress Anda. Namun, kami sarankan agar jangan terlalu


banyak karena dapat sangat menggangu pengunjung situs Anda.

17. Cara Menangani Komentar SPAM

Sebuah situs WordPress yang telah memiliki visitor atau pengunjung cukup
banyak biasanya rentan oleh adanya komentar spam. Hal ini tentu sangat
menggangu dan membuat jengkel karena Anda harus menghapunya satu persatu.

Ada cara menangani komentar spam yang lebih baik dibandingkan harus
menghapusnya satu-per-satu. Berikut ini adalah tutorialnya.

1. Masuk ke dashboard WordPress Anda kemudian pilih Plugin Installed


Plugin, karena Anda akan menangani komentar SPAM tersebut dengan

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 12


TUTORIAL WORDPRESS UNTUK PEMULA | 2015

menggunakan sebuah plugin benama Akismet. Umumnya plugin ini


sudah terinstal secara otomatis pada WordPress, jadi Anda hanya perlu
mengaktifkannya dan melakukan sedikit konfigurasi. Klik Activate pada
plugin ini untuk mengaktifkannya.

Apabila plugin ini belum tersedia secara otomatis, Anda dapat menginstalnya
melalui dashboard. Langkah-langkahnya dapat Anda lihat pada bagian tutorial
Cara Menginstal Plugin di atas.

18. Cara Setting Plugin Akismet

1. Setelah plugin aktif, akan muncul pemberitahuan untuk konfigurasi atau


aktivasi akun Akismet. Silakan pilih Activate your Akismet Account.

2. Anda akan menemukan halaman seperti gambar di bawah ini. Pilih Get
yout API Key.

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 13


TUTORIAL WORDPRESS UNTUK PEMULA | 2015

3. Selanjutnya akan muncul halaman baru yaitu website dari Akismet yang
meminta Anda untuk membuat API Key. Fungsinya tidak lain adalah untuk
mengaktifkan plugin Akismet ini. Pilih GET AN AKISMET API KEY.

4. Kemudian pilih Basic karena Akismet akan dipasang pada website baru
yang sifatnya lebih personal, bukan untuk tujuan komersil.

5. Buat akun WordPress.com atau Akismet Anda dengan cara mengisi form
yang tersedia. Setelah itu, pilih Sign Up.

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 14


TUTORIAL WORDPRESS UNTUK PEMULA | 2015

6. Pada halaman selanjutnya silakan ubah Subscription menjadi $0.00/year


dengan cara menggesernya ke kiri. Kemudian, masukkan Contact Info
lalu Continue.

7. Setelah berhasil membuat akun, Anda akan langsung mendapatkan API


Key yang siap digunakan untuk mengaktifkan Akismet.

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 15


TUTORIAL WORDPRESS UNTUK PEMULA | 2015

8. Copy API key tersebut kemudian kembali ke dashboard. Paste pada


Manually enter an API key lalu pilih Use this key.

9. Setelah itu, pilih Save Changesdan kini WordPress Anda sudah


terlindung dari komentar SPAM.

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 16


TUTORIAL WORDPRESS UNTUK PEMULA | 2015

19. Cara Membuat Form Kontak

Form kontak sangat berguna untuk sebuah website berbasis WordPress.


Fitur ini dapat memudahkan pengunjung untuk menghubungi Anda langsung melalui
website dengan cara meninggalkan pesan. Nantinya, form kontak ini akan
memproses pesan tersebut sebagai email dan mengirimkan datanya ke email Anda.

Untuk membuat form kontak pada WordPress, Anda tidak memerlukan


keahlian khusus. Caranya sangat mudah. Anda hanya perlu menggunakan plugin
bernama Contact Form 7. Cara instal plugin ini sebelumnya sudah dijelaskan
pada tutorial No. 9 dengan judul Cara Instal Plugin Via Dashboard (terdapat di e-
book Tutorial Wordpress bagian pertama kami).

Berikut adalah tutorial cara membuat form kontak tersebut.

1. Masuk ke dashboard, pilih menu Contact Add New.

2. Pilih bahasa yang Anda inginkan. Sebagai contoh, di bawah Anda akan
menggunakan Bahasa Indonesia. Pilih Add New.

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 17


TUTORIAL WORDPRESS UNTUK PEMULA | 2015

3. Anda akan menemukan halaman seperti gambar di bawah ini. Di sini


Anda dapat melakukan konfigurasi form kontak menjadi seperti yang
Anda inginkan.

4. Kemudian lakukan pengaturan pada tab Mail. Di sini Anda akan


menemukan lebih banyak lagi pengaturan form, misalnya alamat email
tujuan, subject, dan masih banyak lagi.

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 18


TUTORIAL WORDPRESS UNTUK PEMULA | 2015

5. Jika sudah selesai, klik Save dan akan muncul Script Code yang siap
Anda gunakan pada halaman atau posting.

6. Copy script code tersebut, kemudian buat page/halaman baru. Jangan


lupa untuk ganti mode dari Visual menjadi Text.

7. Pilih Publish, dan hasilnya akan jadi seperti ini.

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 19


TUTORIAL WORDPRESS UNTUK PEMULA | 2015

8. Anda dapat melakukan pengetesan dengan cara mengisi form kontak


tersebut dan membuka pesannya di inbox email Anda. Nantinya email
yang masuk akan terlihat seperti ini.

20. Cara Kostumisasi Form Kontak

Banyak fitur yang dapat diutak-atik pada plugin Contact Form 7 ini. Salah
satu di antaranya adalah Auto Reply yang memungkinkan Anda untuk membalas
pesan atau email yang masuk melalui form kontak secara otomatis. Berikut adalah
tutorialnya.

1. Masuk pada bagian contact form yang sudah dibuat sebelumnya,


kemudian pilih tab Mail. Scroll ke bawah, centang opsi Use Mail (2).

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 20


TUTORIAL WORDPRESS UNTUK PEMULA | 2015

2. Ubah sesuai keinginan Anda, misalnya seperti contoh di bawah ini.

3. Ketika seseorang menghubungi Anda melalui form kontak, mereka akan


langsung mendapatkan email balasan seperti ini.

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 21


TUTORIAL WORDPRESS UNTUK PEMULA | 2015

4. Selain itu, notifikasi ketika terjadi kesalahan maupun ketika pesan terkirim
dapat Anda atur sendiri pada tab Messages.

5. Kemudian, ini yang perlu Anda lakukan apabila Anda ingin agar
pengunjung diarahkan ke halaman tertentu (redirect) tepat setelah mereka
selesai mengisi contact form pada website Anda.

Pilih tab Additional Settings, kemudian masukkan script code ini


(on_sent_ok: "location = 'http://example.com/';"). Ubah
http://example.com/ menjadi halaman yang Anda inginkan.

Dengan fungsi ini, pengunjung situs Anda akan dialihkan (redirect) secara
otomatis ke halaman http://niagablog.com/terimakasih/ setelah berhasil
berhasil mengirimkan pesan melalui form kontak.

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 22


TUTORIAL WORDPRESS UNTUK PEMULA | 2015

Penutup

WordPress mampu menjadi solusi bagi setiap orang yang kesulitan membuat
website sendiri. Platform ini bisa mempermudah Anda membuat website profesional
walaupun tidak mempunyai basic di bidang IT.

Tentu, banyak belajar dan praktek akan membuat Anda lebih ahli dalam membuat
website berbasis WordPress.

Jika Anda membutuhkan paket hosting Wordpress berkualitas, Niagahoster selalu


siap membantu Anda. Kami menyediakan beragak paket hosting dan domain
dengan harga terjangkau namun tetap dengan kualitas terbaik dan pelayanan
profesional. Kunjungi website kami sekarang juga dan dapatkan tawaran menarik
dari kami.

Sekian tutorial singkat dari kami. Semoga e-book ini dapat mengatasi permasalahan
pembuatan website yang Anda hadapi. Mohon maaf apabila terdapat kesalahan
pengetikan ataupun hal lain yang tidak kami sengaja.

Regards,
Niagahoster.co.id

www.niagahoster.co.id cs@niagahoster.co.id 0274 5305505 23