E-commerce Development Berbasis Wordpress P A R T 1 / 4 w w w. v e r o n i c a s t e v a n y. c o m
PAGE 2 Pendahuluan 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 digunakan secara gratis.
Hosting & Domain Hosting & Domain sama-sama dibutuhkan dalam development website PAGE 3 Hosting Hosting merupakan sebuah space atau tempat penyimpanan data sebuah blog atau website di internet yang memungkinkan data tersebut diakses secara online dan dilihat oleh semua orang dari seluruh penjuru dunia. Domain Domain adalah alamat sebuah situs berupa (.com/.net/.org) dan lain-lain, mempunyai fungsi untuk mengidentifikasi alamat (IP address) sebuah server komputer (hosting).
PAGE 4 Jika punya alamat (domain) tapi tidak punya isinya (yang diletakkan pada hosting), maka ketika domain dibuka, website tidak ada atau kosong.
PAGE 5 Development part 1 Penginstalan wordpress Penginstalan template Penginstalan plugin Import demo data DOWNLOAD MATERI http://bit.ly/2sb8d4f (Tersedia sampai 23/06/2017)
PAGE 6 Tentang template Wordpress WordPress menyediakan banyak template gratis. Tapi jika menginginkan yang lebih premium, kita dapat mencari dan membeli di Themeforest.com. Pada dasarnya cara penginstalan setiap template sama, namun tidak selalu sama dan terkadang sangat berbeda pada saat pengkustoman template. Untuk informasi lebih jelas, pastikan buka folder / halaman dokumentasi (guide) yang disediakan di setiap file yang di download. Pada materi kali ini, kita akan menggunakan template Sober (https://themeforest.net/item/sober-woocommercewordpress-theme/18332889).
1 PAGE 7 Carilah situs penyedia domain & hosting yang sesuai dengan kriteria anda Setelah melakukan pembelian domain hosting dan telah melakukan konfirmasi pembayaran, biasanya penyedia hosting akan mengirimkan Informasi Detail Account berisikan alamat cpanel, username dan password login cpanel. Cpanel adalah control panel untuk hosting anda. Dimana kita akan menginstal WordPress melalui cpanel tersebut. Klik URL cpanel.
2 PAGE 8 Isi username dan password cpanel lalu login
3 PAGE 9 Akan terbuka tampilan seperti ini. Scroll ke bawah sampai menemukan aplikasi Softaculous atau Wordpress di bawah tab Softaculous
4 PAGE 10 Klik Wordpress
5 PAGE 11 Klik Install
6 PAGE 12 Silakan diisi. Untuk In Directory, dikosongkan, tujuannya untuk menginstal wordpress pada Root / halaman paling depan. Untuk Site Name, berupa judul website, Misalnya nama online shop. Site description bisa berupa penjelasan mengenai website, misalnya Situs Penjual Aksesoris HP Terlengkap Admin Username dan Password adalah username dan password yang akan kita gunakan seterusnya untuk login dashboard / panel admin wordpress
7 PAGE 13 Klik Install
8 PAGE 14 Sedang menginstall
9 PAGE 15 KlikAdministrative URL untuk mulai mengkustomisasi website anda
10 PAGE 16 Ini adalah tampilan dashboard anda. Jika ingin melihat tampilan website sebelum kita kustomisasi, bisa klik Visit Site di bawah judul website.
11 PAGE 17 Klik Appearance Themes untuk mengganti template website
12 PAGE 18 Pilih Add New
13 PAGE 19 Pilih Upload Theme untuk mengupload theme yang sudah disediakan
14 PAGE 20 Unzip file yang sudah didownload, pilih folder themeforest, masuk ke Sober Package, pilih sober.zip, lalu upload
15 PAGE 21 Klik Activate
16 PAGE 22 Untuk preview website, bisa klik Visit Site, namun website masih belum rapi, karena kita masih di step awal. Selanjutnya adalah pilih Appearance - Install Plugins Untuk menginstal plugin yang dibutuhkan sehingga template website berjalan lancar
17 PAGE 23 Centang semua plugin, pada Bulk Actions pilih Install lalu klik Apply
18 PAGE 24 Setelah terinstall, sekali lagi pilih Install Plugins untuk aktivasi plugin yang telah terinstal
19 PAGE 25 Sekali lagi centang semua plugin, lalu pada Bulk Actions, pilih Activate, Dan klik Apply
20 PAGE 26 Jika sudah, sekarang saatnya mengimpor demo data. Pada beberapa template, pengimporan demo data dapat langsung dilakukan pada Appearance Import Demo Data setelah install plugin selesai dilakukan. Namun untuk template Sober, diperlukan plugin importer bawaan yang harus diupload sebelum kita dapat mengimpor demo data. Maka dari itu, pilih Plugins Add New
21 PAGE 27 Pilih Upload Plugin
22 PAGE 28 Pada folder materi, pilih Sober Package Demo Data soo-demo-importer.zip lalu upload
23 PAGE 29 Activate Plugin
24 PAGE 30 Jika plugin sudah diaktivasi, pilih Appearance Import Demo Data
25 PAGE 31 Akan muncul halaman berisi beberapa Pilihan demo website. Untuk materi kali ini, Pilihlah Categories V1, dan klik import
26 PAGE 32 Proses import akan berjalan
27 PAGE 33 Akan ada notifikasi Import Completed Ketika proses impor sudah selesai. Untuk memastikan website sudah rapi, Arahkan mouse ke judul website, lalu pilih Visit Site
28 PAGE 34 Akan muncul tampilan seperti ini, dimana kita sudah berhasil mengimpor demo data
PAGE 35 Untuk Development Part 2, kita akan belajar bagaimana Mengkustomisasi website dan system ecommerce pada website. Jangan lupa datang pada event EDD Exabytes hari Kamis tanggal 22 Juni 2017 ya!
PAGE 36 w w w. v e r o n i c a s t e v a n y. c o m + 6 2 8 1 2 1 2 1 0 0 9 7 1