Pendahuluan Pertanyaan yang sering muncul di benak orang-orang yang ingin membuat website (mungkin Jamaah IKMI juga termasuk) adalah: harus mulai dari mana? Biar kami beritahu sedikit rahasia: Jamaah IKMI bisa menggunakan WordPress. WordPress merupakan sebuah CMS (Content Management System) yang memungkinkan Jamaah IKMI untuk membuat sebuah blog atau website dengan mudah, hanya bermodalkan hosting dan domain untuk menginstalnya. Platform ini sangat populer di seluruh dunia dan bisa Jamaah IKMI dapatkan secara gratis! Di e-book ini Jamaah IKMI akan belajar tentang bagaimana membangun blog atau website Jamaah IKMI sendiri menggunakan WordPress. Oleh karena itu, Jamaah IKMI 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!
http://www.ikmi.org
[email protected]
+82 010 5943 4920
11. Cara Update dan Hapus Plugin Plugin, seperti WordPress, membutuhkan update berkala dari pengembangnya. Di tutorial kali ini Jamaah IKMI 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. Jamaah IKMI 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 diupdate.
2. Apabila Jamaah IKMI menemukan notifikasi tersebut, segera buka dashboard WordPress Jamaah IKMI 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.
http://www.ikmi.org
[email protected]
+82 010 5943 4920
4. Menghapus plugin pun caranya mudah. Pastikan Jamaah IKMI masih berada di halaman Installed Plugins, setelah itu cari plugin yang akan Jamaah IKMI hapus dan pilih Delete.
5. Pilih Yes, Delete these files dan plugin berhasil dihapus.
12. Cara Instal Theme Via Dashboard Bisa jadi Jamaah IKMI merasa bosan dengan tampilan theme bawaan dari WordPress. Tenang, tentu Jamaah IKMI dapat menggantinya sendiri. Tutorial di bawah ini Jamaah IKMI akan membahas cara instal theme via dashboard. 1. Masuk pada dashboard WordPress Jamaah IKMI kemudian pilih menu Appearance » Themes.
http://www.ikmi.org
[email protected]
+82 010 5943 4920
2. Pilih Add New kemudian cari theme yang Jamaah IKMI inginkan.
3. Setelah menemukan themes yang Jamaah IKMI inginkan, pilih theme tersebut kemudian klik Install. Jamaah IKMI 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! Jamaah IKMI telah berhasil menginstal theme via dashboard. Sekarang website Jamaah IKMI telah memiliki tampilan berbeda, sesuai apa yang Jamaah IKMI inginkan.
http://www.ikmi.org
[email protected]
+82 010 5943 4920
13. Cara Instal Theme Manual Via FTP Sama seperti plugin, Jamaah IKMI juga dapat menginstal theme melalui FTP. Berikut adalah tutorialnya. 1. Cari dan download theme yang ingin Jamaah IKMI instal pada WordPress. Theme gratisan bisa Jamaah IKMI dapaatkan di sini: https://wordpress.org/themes.
2. Pilih dan download theme yang Jamaah IKMI inginkan dengan meng-klik tombol Download.
http://www.ikmi.org
[email protected]
+82 010 5943 4920
KELAS WEBDESIBN IKMI | 2016
3. Setelah itu, buka kembali aplikasi FileZilla dan masuk ke direktori public_html/wp-content/themes kemudian unggah theme yang sudah sebelumnya Jamaah IKMI 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 Jamaah IKMI akan menemukan theme yang tadi sudah diunggah. Selanjutnya, yang perlu Jamaah IKMI lakukan hanyalah meng-extract file theme tersebut.
6
KELAS WEBDESIBN IKMI | 2016
5. Setelah selesai Jamaah IKMI extract, silakan masuk dashboard kemudian pilih Appearance » Themes. Di sana akan muncul theme yang sebelumnya sudah diinstal. Sebagai langkah terakhir Jamaah IKMI hanya perlu mengaktifkan theme tersebut dengan cara meng-klik Activate.
Selesai! Jamaah IKMI telah berhasil menginstal theme via FTP. Kini Jamaah IKMI dapat melihat situs Jamaah IKMI 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 Jamaah IKMI. 1. Masuk ke dashboard WordPress Jamaah IKMI, kemudian pilih menu Appearence » Themes. Akan ada notifikasi seperti pada gambar di bawah ini apabila theme Jamaah IKMI membutuhkan update.
http://www.ikmi.org
[email protected]
+82 010 5943 4920
KELAS WEBDESIBN IKMI | 2016
2. Untuk melakukan update pada theme tersebut, Jamaah IKMI 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 Jamaah IKMI juga dapat disesuaikan agar terlihat lebih menarik sesuai keinginan Jamaah IKMI. Panduan lengkap cara kostumisasi theme WordPress ini dapat Jamaah IKMI lihat di tutorial berikut ini.
http://www.ikmi.org
[email protected]
+82 010 5943 4920
KELAS WEBDESIBN IKMI | 2016
1. Masuk terlebih dahulu ke dashboard WordPress Jamaah IKMI, kemudian pilih menu Appearance » Customize.
2. Jamaah IKMI akan menemukan sebuah halaman customize dimana Jamaah IKMI dapat mengubah fitur yang sudah disediakan oleh theme tersebut. Harap diingat juga bahwa setiap theme dapat memiliki fitur berbeda-beda.
http://www.ikmi.org
[email protected]
+82 010 5943 4920
KELAS WEBDESIBN IKMI | 2016
3. Sebagai contoh, di sini Jamaah IKMI akan mengubah Site Title dan Tagline. Jamaah IKMI cukup memilih opsi Site Title & Tagline kemudian isi atau edit sesuai dengan keinginan Jamaah IKMI.
4. Tidak hanya itu saja, beragam fitur lain juga dapat Jamaah IKMI sesuaikan, misalnya Font, Colors, Logo, dan masih banyak lagi. Klik Save & Publish untuk melihat hasilnya jika sudah selesai.
http://www.ikmi.org
[email protected]
+82 010 5943 4920
KELAS WEBDESIBN IKMI | 2016
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 Jamaah IKMI mempromosikan produk atau jasa karena dapat langsung terlihat pada semua halaman di website Jamaah IKMI. Berikut adalah tutorial bagaimana cara menggunakan widget. 1. Masuk ke dashboard WordPress Jamaah IKMI, pilih menu Appearance » Widgets dan Jamaah IKMI akan menemukan sebuah halaman untuk mengatur semua widget.
2. Kolom Sidebar menunjukkan widget aktif milik Jamaah IKMI. Ini artinya, widget tersebut ditampilkan pada situs Jamaah IKMI. Jika ingin menghapus widget yang ada, klik salah satu widget aktif kemudian pilih Delete.
KELAS WEBDESIBN IKMI | 2016
3. Misalkan pada saat ini Jamaah IKMI sudah menghapus semua widget bawaan WordPress secara default dan sekarang Jamaah IKMI ingin me-manage widget yang ingin ditampilkan. Caranya sangat mudah. Jamaah IKMI hanya perlu meng-klik widget yang tersedia kemudian pilih Sidebar, apabila Jamaah IKMI ingin menampilkannya pada lokasi sidebar. Setelah itu pilih Add Widget dan Jamaah IKMI telah berhasil menambahkan widget. Klik save untuk menyelesaikan pengaturan. 4. Pilih beberapa widget yang ingin Jamaah IKMI tampilkan untuk mempercantik
tampilan WordPress Jamaah IKMI. Namun, kami sarankan agar jangan terlalu banyak karena dapat sangat menggangu pengunjung situs Jamaah IKMI.
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 Jamaah IKMI harus menghapunya satu persatu. Ada cara menangani komentar spam yang lebih baik dibandingkan harus menghapusnya satu-per-satu. Berikut ini adalah tutorialnya.
KELAS WEBDESIBN IKMI | 2016
1. Masuk ke dashboard WordPress Jamaah IKMI kemudian pilih Plugin » Installed Plugin, karena Jamaah IKMI akan menangani komentar SPAM tersebut dengan
KELAS WEBDESIBN IKMI | 2016
menggunakan sebuah plugin benama Akismet. Umumnya plugin ini sudah terinstal secara otomatis pada WordPress, jadi Jamaah IKMI hanya perlu mengaktifkannya dan melakukan sedikit konfigurasi. Klik Activate pada plugin ini untuk mengaktifkannya.
Apabila plugin ini belum tersedia secara otomatis, Jamaah IKMI dapat menginstalnya melalui dashboard. Langkah-langkahnya dapat Jamaah IKMI 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. Jamaah IKMI akan menemukan halaman seperti gambar di bawah ini. Pilih “Get yout API Key”.
KELAS WEBDESIBN IKMI | 2016
3. Selanjutnya akan muncul halaman baru yaitu website dari Akismet yang meminta Jamaah IKMI 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 Jamaah IKMI dengan cara mengisi form yang tersedia. Setelah itu, pilih Sign Up.
KELAS WEBDESIBN IKMI | 2016
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, Jamaah IKMI akan langsung mendapatkan API Key yang siap digunakan untuk mengaktifkan Akismet.
KELAS WEBDESIBN IKMI | 2016
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 Jamaah IKMI sudah terlindung dari komentar SPAM.
KELAS WEBDESIBN IKMI | 2016
19. Cara Membuat Form Kontak Form kontak sangat berguna untuk sebuah website berbasis WordPress. Fitur ini dapat memudahkan pengunjung untuk menghubungi Jamaah IKMI langsung melalui website dengan cara meninggalkan pesan. Nantinya, form kontak ini akan memproses pesan tersebut sebagai email dan mengirimkan datanya ke email Jamaah IKMI. Untuk membuat form kontak pada WordPress, Jamaah IKMI tidak memerlukan keahlian khusus. Caranya sangat mudah. Jamaah IKMI 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 Jamaah IKMI inginkan. Sebagai contoh, di bawah Jamaah IKMI akan menggunakan Bahasa Indonesia. Pilih “Add New”.
KELAS WEBDESIBN IKMI | 2016
3. Jamaah IKMI akan menemukan halaman seperti gambar di bawah ini. Di sini Jamaah IKMI dapat melakukan konfigurasi form kontak menjadi seperti yang Jamaah IKMI inginkan.
4. Kemudian lakukan pengaturan pada tab Mail. Di sini Jamaah IKMI akan menemukan lebih banyak lagi pengaturan form, misalnya alamat email tujuan, subject, dan masih banyak lagi.
KELAS WEBDESIBN IKMI | 2016
5. Jika sudah selesai, klik Save dan akan muncul Script Code yang siap Jamaah IKMI 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.
KELAS WEBDESIBN IKMI | 2016
8. Jamaah IKMI dapat melakukan pengetesan dengan cara mengisi form kontak tersebut dan membuka pesannya di inbox email Jamaah IKMI. 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 Jamaah IKMI 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).
http://www.ikmi.org
[email protected]
+82 010 5943 4920
KELAS WEBDESIBN IKMI | 2016
2. Ubah sesuai keinginan Jamaah IKMI, misalnya seperti contoh di bawah ini.
3. Ketika seseorang menghubungi Jamaah IKMI melalui form kontak, mereka akan langsung mendapatkan email balasan seperti ini.
http://www.ikmi.org
[email protected]
+82 010 5943 4920
KELAS WEBDESIBN IKMI | 2016
4. Selain itu, notifikasi ketika terjadi kesalahan maupun ketika pesan terkirim dapat Jamaah IKMI atur sendiri pada tab Messages.
5. Kemudian, ini yang perlu Jamaah IKMI lakukan apabila Jamaah IKMI ingin agar pengunjung diarahkan ke halaman tertentu (redirect) tepat setelah mereka selesai mengisi contact form pada website Jamaah IKMI. Pilih tab Additional Settings, kemudian masukkan script code ini (on_sent_ok: "location = 'http://example.com/';"). Ubah http://example.com/ menjadi halaman yang Jamaah IKMI inginkan.
Dengan fungsi ini, pengunjung situs Jamaah IKMI akan dialihkan (redirect) secara otomatis ke halaman http://niagablog.com/terimakasih/ setelah berhasil berhasil mengirimkan pesan melalui form kontak.
http://www.ikmi.org
[email protected]
+82 010 5943 4920
KELAS WEBDESIBN IKMI | 2016
Penutup WordPress mampu menjadi solusi bagi setiap orang yang kesulitan membuat website sendiri. Platform ini bisa mempermudah Jamaah IKMI membuat website profesional walaupun tidak mempunyai basic di bidang IT. Tentu, banyak belajar dan praktek akan membuat Jamaah IKMI lebih ahli dalam membuat website berbasis WordPress.
http://www.ikmi.org
[email protected]
+82 010 5943 4920
