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. 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
2. Cara Posting Blog ................................................................................................................................................ 17
IV. 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 >> /%category%/%postname%

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