wpgrosir tutorial

Theme-id.com

Fastestwp.com Page 1

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

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

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

Theme-id.com


I. Cara Upload theme Silahkan anda menuju ke wp-admin >> appearance >> theme >> install theme >>upload

Silahkan anda upload file namatheme.zip

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

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


(1)Pilih tab Form order >> (2)pilih setting tombol beli ke cara order >> (3)masukan url halaman cara order

Theme-id.com


Tombol Beli ke Shopping cart

Jika toko anda ingin menggunakan shoppping cart , yang perlu anda lakukan adalah


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

Ada 3 jenis

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

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

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

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%

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

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

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

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

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

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

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)

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 )

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

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

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

Theme-id.com


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

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

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 [email protected]

Cara Upload themeSettingTheme OptionStyling themeBanner SliderData TokoHomeSingleForm OrderPOP-UP Overlay

Widget sidebarSetting jumlah tampilan thumb di homeCara Membuat Custom MenuSetting Media sizeSetting Permalink wordpress

Cara PostingCara posting produkRating ProdukProduk Memiliki Beberapa Pilihan size atau specPost produk dengan tampilan hoverzoomProduk dropship

Related produk by tagSetting Produk Habis

Cara Posting Blog

Membuat halamanCara Membuat halaman TestimoniCara Membuat Halaman Cek Ongkos KirimCara Membuat Halaman KeranjangCara Membuat Halaman KatalogCara Membuat Halaman Cek Resi pengiriman

Cara edit ongkos kirim JNEEdit file excelEdit file kecamatan.php

wpgrosir tutorial

Documents