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 ........................................................................................................8
15.
Cara Kostumisasi Theme WordPress ...............................................................................................9
16.
Cara Menggunakan Widget ............................................................................................................ 11
17.
Cara Menangani Komentar SPAM................................................................................................. 13
18.
Cara Setting Plugin Akismet ........................................................................................................... 14
19.
Cara Membuat Form Kontak ........................................................................................................... 18
20.
Cara Kostumisasi Form Kontak ...................................................................................................... 21
Penutup ................................................................................................................................................................ 24
Jika Anda belum membaca Ebook Tutorial WordPress untuk Pemula Part 1, silakan download ebook Anda di https://www.niagahoster.co.id/ebook/tutorial-wordpress-untuk-pemula-part1
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.
www.niagahoster.co.id
cs@niagahoster.co.id
0274 5305505
4
TUTORIAL WORDPRESS UNTUK PEMULA | 2015
5. Selesai! Anda telah berhasil menginstal theme via dashboard. Sekarang website Anda telah memiliki tampilan berbeda, sesuai apa yang Anda inginkan.
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.
www.niagahoster.co.id
cs@niagahoster.co.id
0274 5305505
5
TUTORIAL WORDPRESS UNTUK PEMULA | 2015
2. Pilih dan download theme yang Anda inginkan dengan meng-klik tombol Download.
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.
www.niagahoster.co.id
cs@niagahoster.co.id
0274 5305505
6
TUTORIAL WORDPRESS UNTUK PEMULA | 2015
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.
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.
www.niagahoster.co.id
cs@niagahoster.co.id
0274 5305505
7
TUTORIAL WORDPRESS UNTUK PEMULA | 2015
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.
2. Untuk melakukan update pada theme tersebut, Anda cukup mengklik theme yang akan di-update kemudian pilih update now.
www.niagahoster.co.id
cs@niagahoster.co.id
0274 5305505
8
TUTORIAL WORDPRESS UNTUK PEMULA | 2015
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. 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.
www.niagahoster.co.id
cs@niagahoster.co.id
0274 5305505
10
TUTORIAL WORDPRESS UNTUK PEMULA | 2015
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.
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.
www.niagahoster.co.id
cs@niagahoster.co.id
0274 5305505
11
TUTORIAL WORDPRESS UNTUK PEMULA | 2015
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.
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.
www.niagahoster.co.id
cs@niagahoster.co.id
0274 5305505
12
TUTORIAL WORDPRESS UNTUK PEMULA | 2015
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 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.
www.niagahoster.co.id
cs@niagahoster.co.id
0274 5305505
13
TUTORIAL WORDPRESS UNTUK PEMULA | 2015
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
14
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
15
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
16
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 Changes”dan kini WordPress Anda sudah terlindung dari komentar SPAM.
www.niagahoster.co.id
cs@niagahoster.co.id
0274 5305505
17
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
18
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
19
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
20
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
21
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
22
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
23
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
24