Membuat Wordpress Themes yang Support Woocommerce (untuk toko online)

\* Karena ini adalah tulisan pertama dalam menulis tutorial disini maka harap dimaklumi kalau masih canggung hehehe

Saya menulis tulisan ini disebabkan karena merasakan susahnya mencari referensi mengenai pembuatan tema wordpress yang support woocommerce terlebih untuk yang berbahasa Indonesia. Kebanyakan yang ada di internet adalah tema peranakan dan premium. Disini saya hanya akan menjelaskan langkah-langkah yang saya lakukan dalam pembuatan tema wordpress yang support plugin woocommerce. Link - link yang akan saya bagikan pun nanti juga masih murni.

Yang perlu disiapkan :

1. Laptop / PC yang sudah terinstall web server agar localhost bisa jalan :D bisa pakai xampp yang bisa didownload disini [link] https://www.apachefriends.org/index.html [/link] 2. Wordpress, bisa didownload disini [link] https://wordpress.org/download/ [/link] 3. Wordpress importer plugin, nanti digunakan untuk mengimport dummy data dll. bisa didownload disini [link] https://wordpress.org/plugins/wordpress-importer/ [/link] 4. Woocommerce plugin, plugin yang digunakan buat 'toko'nya, bisa didownload disini [link] https://wordpress.org/plugins/woocommerce/ [/link] 5. Woocommerce ajax filter, buat memfilter jenis produk seperti di sidebar toko online pada umumnya. bisa didownload dinisi [link] https://wordpress.org/plugins/woocommerce-ajax-filters/ [/link] 6. Bahan tema yang nanti kita gunakan buat belajar, bisa didownload disini [link] https://github.com/afrijaldz/woocommerce_the_development [/link]

Sebagai tambahan, plugin yang saya gunakan : 1. facebook like box widget, bisa didownload disini [link]https://wordpress.org/plugins/facebook-like-box-widget/ [/link] 2. Woocommerce product slider, buat nampilin slide product di halaman depannya. bisa didownload disini [link]https://wordpress.org/plugins/woocommerce-product-slider/ [/link] 3. twitter widget, bisa didownload disini [link] https://wordpress.org/plugins/twitter/ [/link]

Langkah - langkah :

1. Jika di laptop/komputer teman-teman belum terinstall xampp / web server dan databasenya silahkan diinstall dulu. 2. Jika temem-temen belum pernah belajar pembuatan tema wordpress sebelumnya, juga bisa belajar pembuatan tema wordpress untuk pondasi disini https://www.sekolahkoding.com/kelas/membuat-tema-wordpress sudah komplit dijelasin Mas Hilman. 3. Untuk membuat tema, saya biasanya menggunakan framework ini agar tema kita strukturnya tersusun rapi http://underscores.me/ 4. Dan video pembelajarannya temen-temen bisa ngikutin tutorial ini https://www.youtube.com/playlist?list=PLylQxnm2NlhXWFDov8cI10Yveit58C-LX

Meskipun bahasa tutorialnya menggunakan bahasa yang menurut kita 'aneh' (kurang tau bahasa mana, india kalo gak salah) tapi kalo kita memperhatikan dan fokus Insya' Allah kita bisa nangkep apa isinya kok.

untuk referensi - referensi tema toko online ada sebagian yang sudah jadi, teman-teman bisa lihat disini qilata.com/demo/

Sekian tulisan saya kali ini, mohon dimaklumi jika masih banyak kekurangan. Karena saya juga masih belajar untuk menjadi lebih baik dan berguna buat banyak orang.

Semoga bermanfaat, sekian dan Salam Olahraga :p

avatar afrijaldz
@afrijaldz

220 Kontribusi 86 Poin

Diperbarui 3 tahun yang lalu

8 Jawaban:

keren :)

avatar wedev
@wedev

86 Kontribusi 23 Poin

Dipost 7 tahun yang lalu

hehehe makasih mas ulul :D mari saling berbagi..

avatar afrijaldz
@afrijaldz

220 Kontribusi 86 Poin

Dipost 7 tahun yang lalu

Sudah Master (y) :D

avatar faqihraihan
@faqihraihan

1 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

bahasanya inggris bang. cuman, ya taulah aksen inggris orang india.. heee

avatar Adinugraha
@Adinugraha

1 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

ditonton stepnya aja mas.. Insya Allah paham kok

avatar afrijaldz
@afrijaldz

220 Kontribusi 86 Poin

Dipost 6 tahun yang lalu

mantap mas

avatar aipfery
@aipfery

4 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

ini tutornya pembuatannya yg youtube ato disekolah koding?

avatar aipfery
@aipfery

4 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

mantap bang

avatar ajidstark
@ajidstark

1 Kontribusi 0 Poin

Dipost 3 tahun yang lalu

Login untuk ikut Jawaban