Top Banner

of 12

Niagahoster Tutorial Wordpress Untuk Pemula Part2

Aug 07, 2018

Download

Documents

Muammar Khalid
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    1/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 | |

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2mailto:[email protected]:[email protected]://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    2/26

     

    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

    https://www.niagahoster.co.id/ebook/tutorial-wordpress-untuk-pemula-part1?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/ebook/tutorial-wordpress-untuk-pemula-part1?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    3/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 1

     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 WordPressuntuk 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!

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.youtube.com/playlist?list=PLYu5F9iER21e9O8j8ZQ5UF8BV6dpQTj5ohttps://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    4/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 2

     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.

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    5/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 3

     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.

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    6/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 4

     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.

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    7/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 5

     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. 

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://wordpress.org/themeshttps://wordpress.org/themeshttps://wordpress.org/themeshttps://wordpress.org/themeshttps://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    8/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 6

     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.

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    9/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 7

     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.

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    10/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 8

     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.

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    11/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 9

     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.

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    12/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 10

     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.

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    13/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 11

     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 karenadapat 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.

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    14/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 12

     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. 

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    15/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 13

     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 » InstalledPlugin, 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.

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    16/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 14

     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 youtAPI Key”.

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    17/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 15

     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.

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    18/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 16

     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.

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    19/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 17

     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.

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    20/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 18

     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”.

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    21/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 19

     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 menemukanlebih banyak lagi pengaturan form, misalnya alamat email tujuan, subject, dan

    masih banyak lagi.

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    22/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 20

     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.

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    23/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 21

     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).

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    24/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 22

     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.

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    25/26

     

    www.niagahoster.co.id [email protected] 0274 5305505 23

     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.

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2

  • 8/20/2019 Niagahoster Tutorial Wordpress Untuk Pemula Part2

    26/26

       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

    https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/https://www.niagahoster.co.id/wordpress-hosting?utm_source=ebook&utm_medium=ebookwordpressp2https://www.niagahoster.co.id/https://www.niagahoster.co.id/?utm_source=ebook&utm_medium=ebookwordpressp2