E-commerce Development Berbasis Wordpress

Ukuran: px

Mulai penontonan dengan halaman:

Download "E-commerce Development Berbasis Wordpress"

Fanny Atmadja
6 tahun lalu
Tontonan:

1 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

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

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

4 PAGE 4 Jika punya alamat (domain) tapi tidak punya isinya (yang diletakkan pada hosting), maka ketika domain dibuka, website tidak ada atau kosong.

5 PAGE 5 Development part 1 Penginstalan wordpress Penginstalan template Penginstalan plugin Import demo data DOWNLOAD MATERI (Tersedia sampai 23/06/2017)

6 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 (

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

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

8 2 PAGE 8 Isi username dan password cpanel lalu login

9 3 PAGE 9 Akan terbuka tampilan seperti ini. Scroll ke bawah sampai menemukan aplikasi Softaculous atau Wordpress di bawah tab Softaculous

10 4 PAGE 10 Klik Wordpress

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

12 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

13 7 PAGE 13 Klik Install

14 8 PAGE 14 Sedang menginstall

15 9 PAGE 15 KlikAdministrative URL untuk mulai mengkustomisasi website anda

16 10 PAGE 16 Ini adalah tampilan dashboard anda. Jika ingin melihat tampilan website sebelum kita kustomisasi, bisa klik Visit Site di bawah judul website.

17 11 PAGE 17 Klik Appearance Themes untuk mengganti template website

18 12 PAGE 18 Pilih Add New

19 13 PAGE 19 Pilih Upload Theme untuk mengupload theme yang sudah disediakan

20 14 PAGE 20 Unzip file yang sudah didownload, pilih folder themeforest, masuk ke Sober Package, pilih sober.zip, lalu upload

21 15 PAGE 21 Klik Activate

22 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

23 17 PAGE 23 Centang semua plugin, pada Bulk Actions pilih Install lalu klik Apply

24 18 PAGE 24 Setelah terinstall, sekali lagi pilih Install Plugins untuk aktivasi plugin yang telah terinstal

25 19 PAGE 25 Sekali lagi centang semua plugin, lalu pada Bulk Actions, pilih Activate, Dan klik Apply

26 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

27 21 PAGE 27 Pilih Upload Plugin

28 22 PAGE 28 Pada folder materi, pilih Sober Package Demo Data soo-demo-importer.zip lalu upload

29 23 PAGE 29 Activate Plugin

30 24 PAGE 30 Jika plugin sudah diaktivasi, pilih Appearance Import Demo Data

31 25 PAGE 31 Akan muncul halaman berisi beberapa Pilihan demo website. Untuk materi kali ini, Pilihlah Categories V1, dan klik import

32 26 PAGE 32 Proses import akan berjalan

33 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

34 28 PAGE 34 Akan muncul tampilan seperti ini, dimana kita sudah berhasil mengimpor demo data

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

36 PAGE 36 w w w. v e r o n i c a s t e v a n y. c o m

dokumen-dokumen yang mirip

E-commerce Development Berbasis Wordpress

E-commerce Development Berbasis Wordpress P A R T 2 A / 4 w w w. v e r o n i c a s t e v a n y. c o m w w w. g r a p h i c b y v e s t e. c o m PAGE 2 Pendahuluan WordPress merupakan sebuah CMS (Content