Theme-id.

com

WPGROSIR THEMES Tutorial

By Fastestwp.com
03-01-2013
Special Featured :
Theme toko online indonesia
Official site :
http://theme-id.com
http://fastestwp.com
http://virtarich.com

Fastestwp.com

Page 1

Theme-id.com

VIRTARICH THEME-ID.COM

Terima kasih anda telah membeli theme + panduan dari saya , semoga membawa manfaat dan berkah buat anda
Pastikan anda membaca dengan seksama panduan ini , dan jangan lupa langsung praktek saja , sehingga sebelum
anda bertanya ke saya di member area , anda telah benar benar membaca panduan ini , segala sesuatu yang belum
jelas bisa langsung anda tanyakan ke saya di member area theme-id.com

terima kasih

virtarich
theme-id.com

Usage

Unlimited Domain Personal Use ONLY

T.O.S

All Themes Personal Rights ONLY license!

[NO] Can sell
[NO] Can bundle with other products
[NO] Can be added to paid membership sites
[NO] Can be added as a bonus to a paid product
[NO] Can give away for free.
[NO] Includes PLR rights
[NO] Can be added to free membership sites.
[NO] Can be added to edited and claimed as your own
[NO] Can sell Resell Rights.
[NO] Can sell Master Resell Rights.
[NO] Can claim original copyright

Fastestwp.com

Page 2

Theme-id.com

Daftar isi
I.

Cara Upload theme ................................................................................................................................................... 4

II.

Setting ....................................................................................................................................................................... 5
1.

Theme Option ....................................................................................................................................................... 5

a.

Styling theme .................................................................................................................................................... 5

b.

Banner Slider ..................................................................................................................................................... 5

c.

Data Toko .......................................................................................................................................................... 5

d.

Home ................................................................................................................................................................. 6

e.

Single ................................................................................................................................................................. 6

f.

Form Order ........................................................................................................................................................ 6

2.

Widget sidebar ...................................................................................................................................................... 8

3.

Setting jumlah tampilan thumb di home .............................................................................................................. 9

4.

Cara Membuat Custom Menu .............................................................................................................................. 9

5.

Setting Media size ............................................................................................................................................... 10

6.

Setting Permalink wordpress .............................................................................................................................. 11

III.

Cara Posting ........................................................................................................................................................ 12

1.

2.
IV.

Cara posting produk ............................................................................................................................................ 12

a)

Rating Produk .................................................................................................................................................. 14

b)

Produk Memiliki Beberapa Pilihan size atau spec........................................................................................... 14

c)

Post produk dengan tampilan hoverzoom...................................................................................................... 15

d)

Produk dropship .............................................................................................................................................. 15

e)

Related produk by tag .................................................................................................................................... 15

f)

Setting Produk Habis ....................................................................................................................................... 16

Cara Posting Blog ................................................................................................................................................ 17
Membuat halaman.............................................................................................................................................. 18

1.

Cara Membuat halaman Testimoni .................................................................................................................... 18

2.

Cara Membuat Halaman Cek Ongkos Kirim ........................................................................................................ 18

3.

Cara Membuat Halaman Keranjang .................................................................................................................... 19

4.

Cara Membuat Halaman Katalog ........................................................................................................................ 21

5.

Cara Membuat Halaman Cek Resi pengiriman ................................................................................................... 21

V.

Cara edit ongkos kirim JNE ...................................................................................................................................... 22

1.

Edit file excel ....................................................................................................................................................... 22

2.

Edit file kecamatan.php ...................................................................................................................................... 22

Fastestwp.com

Page 3

Theme-id.com

I. Cara Upload theme

Silahkan anda menuju ke wp-admin >> appearance >> theme >> install theme >>upload
Silahkan anda upload file namatheme.zip

Fastestwp.com

Page 4

Theme-id.com

II. Setting
Ok , mari kita lakukan setting toko online anda
Biar lebih mudah , saya kasih gambaran awal dulu

1. Theme Option
Seluruh setting tampilan ada di theme option
Wp-admin >> appearance >> theme option
Tulis semua data yang di perlukan di form form yang telah di sediakan
Untuk option pilihan yes and no , sesuaikan dengan keinginan anda
Saya kira di bagian theme option cukup jelas , beberapa bagian lain , akan saya jelaskan di bawah

a. Styling theme
Pada tab ini anda bisa mengganti ganti warna tampilan toko online anda , silahkan buat sesuai selera
anda , berikut juga untuk header dan favicon
b. Banner Slider
Silahkan upload banner banner toko anda , ukuran 468 x 328 px + url link yang dituju dari banner
tersebut
c. Data Toko
Silahkan anda isi data toko anda pada tab ini
Fastestwp.com

Page 5

Theme-id.com

d. Home
Pada tab ini , anda bisa memilih kategori produk yang akan di tampilkan di halaman index toko
online anda
e. Single
Hanya ada satu option pada halaman ini , yaitu apakah anda ingin menampilkan produk + hover
zoom , atau hanya thumb saja tanpa hover zoom
f.

Form Order

Jika anda ingin semua tombol beli linknya ke halaman cara pemesanan ( tanpa cart )
Buat dulu halaman cara pemesanan Wp-admin >> page >> add new page

Sekarang setting ke theme option

Wp-admin >> appearance >> theme option
(1)Pilih tab Form order >> (2)pilih setting tombol beli ke cara order >> (3)masukan url halaman cara
order

Fastestwp.com

Page 6

Theme-id.com

Tombol Beli ke Shopping cart

Jika toko anda ingin menggunakan shoppping cart , yang perlu anda lakukan adalah
Wp-admin >> appearance >> theme option

g. POP-UP Overlay
Pada bagian tab popup anda bisa setting pop-up yang seperti apa yang ingin anda tampilkan
Ada 3 jenis

Fastestwp.com

Page 7

Theme-id.com

2. Widget sidebar
Untuk tampilan di sidebar, anda cukup drag and drop ( geser widget yang tersedia )
Wp-admin >> appearance >> widget
Dan untuk memudahkan , semua widget di awali dengan kata virtarich

Fastestwp.com

Page 8

Theme-id.com

3. Setting jumlah tampilan thumb di home

Masuk ke wp-admin >> setting >> reading >> isi dengan kelipatan 4

4. Cara Membuat Custom Menu

Silahkan anda baca langsung disini
http://theme-id.com/panduan/cara-membuat-custom-menu-di-wordpress
silahkan anda buat 2 custom menu , 1 untuk di navigation di header satu lagi untuk navigasi ke 2

Menu atas dan bawah , akan muncul seperti tampak pada gambar ini

Fastestwp.com

Page 9

Theme-id.com

5. Setting Media size

Untuk menghasilkan tampilan yang optimal setiap posting produk , ikuti aturan dasar posting berikut ini
Gambar produk
Buat foto produk ukurannya proporsional adalah 600px X 600px
Setting ukuran media
Wp-admin >> setting >> media

Setting seperti terlihat pada gambar di bawah ini

Fastestwp.com

Page 10

Theme-id.com

6. Setting Permalink wordpress

Sebelum anda masuk ke setting pastikan anda instal dulu plugin berikut ini
http://wordpress.org/extend/plugins/no-category-base-wpml/
cukup anda upload dan aktifkan saja
fungsi dari plugin ini adalah , menghilangkan kata categorie pada permalink wordpress
Selanjutnya silahkan anda menuju
Wp-admin >> setting >> permalink

Isi custom structure >>

Fastestwp.com

/%category%/%postname%

Page 11

Theme-id.com

III. Cara Posting

Untuk lebih jelas , bagaimana cara posting , ada bisa lihat video [HD] disini
http://www.youtube.com/watch?v=rmRnc292Y-Q

1. Cara posting produk

Masuk ke wp-admin >> Post >> Add New Post

Keterangan
1- klik add new post
2- Tulis Judul Produk anda
3- Masukan gambar dan tulis detail produk anda , gambar produk bisa lebih dari satu
Selanjutnya , aktifkan custom Meta box anda , masih di halaman add new post , Klik pada screen option pojok kanan
atas , perhatikan pada gambar berikut ini

Fastestwp.com

Page 12

Theme-id.com

Centang Pada bagian WPGROSIR Detail Produk

Selanjutnya scroll ke bawah sendiri , anda akan melihat tampilan seperti dibawah ini

Keterangan:

Produk Habis : centang ini jika produk pada post ini habis
Stok barang : bisa disini jumlah barang , atau keterangan ready , kosong, inden , dll
Kode produk : isi kode untuk produk ini
Harga produk : isi harga produk , tanpa Rp, penulisan seperti ini 199.00
Fastestwp.com

Page 13

Theme-id.com

Harga diskon : jika ada harga diskon, penulisan tanpa Rp, contoh :149.000
Berat barang : contoh penulisan :

0.4

tanpa Kg >> muncul nya 0.4 Kg

a) Rating Produk
Silahkan anda install plugin wp-post rating
http://wordpress.org/extend/plugins/wp-postratings/
cara setting bisa di lihat langsung di video ini
wp-admin >> plugin >> add new plugin >> search >> ketik ini WP-PostRatings
http://youtu.be/91sC_nlHEwc
b) Produk Memiliki Beberapa Pilihan size atau spec
Contoh untuk produk baju dan sepatu , yang setiap satu produk tersedia beberapa size berbeda
Centang seperti pada gambar di bawah ini

Fastestwp.com

Page 14

Theme-id.com

c) Post produk dengan tampilan hoverzoom

Langsung saja lihat video nya disini
http://youtu.be/piMsp75_BS4
d) Produk dropship
Jika anda memasarkan produk dropship , maka pembelian Produk dropship tidak bisa di masukan ke
keranjang belanja , karena produk dropship belum tentu di kirim dari kota yang sama dengan toko anda
Contoh : toko anda lokasi di surabaya, tapi produk yang anda jual dropship dari jakarta , tentunya untuk
ongkos kirim produk akan berbeda , untuk itu produk dropship cara order nya di arahkan ke halaman
cara pemesanan atau sms saja , bukan melalui shopping cart

e) Related produk by tag

Perhatikan pada post produk ini

Fastestwp.com

Page 15

Theme-id.com

Itu adalah related post by first tag , maksudnya adalah , related post yang di filter dari tag pertama yang
di temukan ( posisi tag wordpress pada wp-admin ada di bagian sebelah kanan di bawah categorie )
Perhatikan gambar ini

Pada gambar di atas , maka filter tag yang di baca adalah tag ( yang saya lingkari )
Contoh post ada disini
http://wpgrosir.com/kaos-cewek/cara-posting-produk-dengan-beberapa-tampilan-dan-hoverzoom

f) Setting Produk Habis

Jika produk yang anda jual habis, anda cukup centang pada bagian produk habis , perhatikan gambar di
bawah ini

Fastestwp.com

Page 16

Theme-id.com

2. Cara Posting Blog

Masuk ke wp-admin >> Blog >categori
Silahkan anda buat dulu kategori blog ( perhatikan gambar dibawah ini )

Selanjutnya silahkan anda klik add new blog

Fastestwp.com

Page 17

Theme-id.com

IV.

Membuat halaman
1. Cara Membuat halaman Testimoni
Wp-admin >> page >> add new page >> pilih template ( testimoni)
Pilih template posisi ada di pojok kanan bawah

2. Cara Membuat Halaman Cek Ongkos Kirim

Masuk ke wp-admin >> page >> add new page >> pilih template ( cek ongkos kirim)

Fastestwp.com

Page 18

Theme-id.com

Publish>> Done

3. Cara Membuat Halaman Keranjang

Masuk ke wp-admin >> page >> add new page
Nama halaman dan url nya harus keranjang (contoh http://wpgrosir.com/keranjang)

Pilih template Keranjang ( pojok kanan bawah )

Fastestwp.com

Page 19

Theme-id.com

Untuk konten nya anda bisa tulis apapun , halaman ini adalah halaman terima kasih , akan tampil setelah
user selesai klik sent form order
Contoh

Fastestwp.com

Page 20

Theme-id.com

4. Cara Membuat Halaman Katalog

Masuk ke wp-admin >> page >> add new page ( pilih template katalog)

5. Cara Membuat Halaman Cek Resi pengiriman

Masuk ke wp-admin >> page >> add new page ( pilih template cek resi)
Halaman ini adalah iframe ke jne.co.id

Fastestwp.com

Page 21

Theme-id.com

V.

Cara edit ongkos kirim JNE

Ongkos kirim default dari theme ini adalah dari JAKARTA , anda harus edit , sesuaikan dari kota asal anda

1. Edit file excel

Buka file excel yang sudah saya sertakan di paket ini

Edit bagian bea kirim saja (Kolom C = warna kuning)

2. Edit file kecamatan.php

Setelah anda selesai edit kolom C >> copy kolom H ke file kecamatan.php
Wp-admin >> appearance >> editor >> kecamatan.php>> paste>> save

Fastestwp.com

Page 22

Theme-id.com

Selanjutnya Silahkan di test ongkos kirim anda di halaman cek ongkos kirim

Fastestwp.com

Page 23

Theme-id.com

Optimize your Wordpress

Optional , jika anda menggunakan plugin cache , maka anda tidak perlu menambahkan ini
Untuk memudahkan edit htaccess gunakan plugin berikut ini
http://wordpress.org/extend/plugins/wp-htaccess-editor/
aktifkan selanjutnya masuk ke htaccess editor

Tambahkan code yang saya lampirkan di file tambahan htaccess.txt , ingat ya di tambahkan
silahkan anda copy paste ke editor htaccess >> Save

Fastestwp.com

Page 24

Theme-id.com

Untuk koleksi theme theme yang lain anda

bisa datang dan kunjungi
http://fastestwp.com
http://theme-id.com
Terimakasih telah mengunakan theme dari saya

Butuh support silahkan kirim tiket dimember area

http://theme-id.com/amember/member
saran ide masukan request theme >>
silahkan kirim langsung ke email saya theme_id@yahoo.com

Fastestwp.com

Page 25