bizniz theme documentation - tokowebpedia.com · jual jasa desain grafis jual jasa penulis konten...

17
Tutorial Bizniz Theme - Template Company Profile/Bisnis Wordpress | Copyright © 2015 Oketheme.com (Hal 1) EBOOK TUTORIAL/PANDUAN Bizniz Theme TEMPLATE COMPANY PROFILE/BISNIS WORDPRESS INDONESIA VERSI 1.0 Rilis Perdana – 04 Februari 2015 Demo: http://bizniz.oketheme.com Beberapa bab tutorial pada ebook ini dapat Anda lihat dalam bentuk video pada Saluran Youtube kami. Jangan lupa subscribe ya Klik! Playlist Bizniz Theme Video Tutorial Copyright © 2015 www.oketheme.com

Upload: lydang

Post on 28-Mar-2019

222 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Bizniz Theme Documentation - tokowebpedia.com · Jual Jasa Desain Grafis Jual Jasa Penulis Konten Jual Jasa SEO Dll Website yang menjual “Produk” (fisik/digital) Jual Ebook Tutorial

Tutorial Bizniz Theme - Template Company Profile/Bisnis Wordpress | Copyright © 2015 Oketheme.com (Hal 1)

EBOOK TUTORIAL/PANDUAN

Bizniz Theme

TEMPLATE COMPANY PROFILE/BISNIS WORDPRESS INDONESIA VERSI 1.0

Rilis Perdana – 04 Februari 2015

Demo: http://bizniz.oketheme.com

Beberapa bab tutorial pada ebook ini dapat Anda lihat dalam bentuk video pada Saluran

Youtube kami. Jangan lupa subscribe ya

Klik! Playlist Bizniz Theme Video Tutorial

Copyright © 2015

www.oketheme.com

Page 2: Bizniz Theme Documentation - tokowebpedia.com · Jual Jasa Desain Grafis Jual Jasa Penulis Konten Jual Jasa SEO Dll Website yang menjual “Produk” (fisik/digital) Jual Ebook Tutorial

Tutorial Bizniz Theme - Template Company Profile/Bisnis Wordpress | Copyright © 2015 Oketheme.com (Hal 2)

DAFTAR ISI

Daftar Isi 02

BAB 1 – Sekilas Tentang Bizniz Theme 03

BAB 2 – Cara Install Bizniz Theme 04

BAB 3 – Konfigurasi Bizniz Options 05

BAB 4 – Cara Input/Upload Gambar 06

BAB 5 – Cara Menambahkan Portofolio 08

BAB 6 – Cara Menambahkan Paket Jasa/Produk 09

BAB 7 – Cara Menambahkan Kategori & Artikel Blog 10

BAB 8 – Setting Permalinks 12

BAB 9 – Custom Menus (Optional) 13

BAB 10 – Widget Area (Sidebar & Footer Bar) 14

BAB 11 – Optimasi Kecepatan Website 15

BAB 12 – Recommended Hostings 17

PELUANG BISNIS: Manfaatkan peluang membuka jasa pembuatan website, upgrade lisensi menjadi developer license untuk mendapatkan hak install template ini di website orang lain/client Anda.

Upgrade ke Bizniz Theme developer license

Page 3: Bizniz Theme Documentation - tokowebpedia.com · Jual Jasa Desain Grafis Jual Jasa Penulis Konten Jual Jasa SEO Dll Website yang menjual “Produk” (fisik/digital) Jual Ebook Tutorial

Tutorial Bizniz Theme - Template Company Profile/Bisnis Wordpress | Copyright © 2015 Oketheme.com (Hal 3)

1. SEKILAS TENTANG BIZNIZ THEME

Bizniz Theme adalah template wordpress company profile. Sangat cocok digunakan untuk membuat

website perusahaan penyedia jasa online maupun offline. Dilengkapi dengan fitur-fitur menarik yang

dapat dengan mudah Anda setting dari halaman pengaturan template yang telah disediakan. SEO

friendly, fast loading, desain elegan dan mudah penggunaannya. Free update & Full Support!

Kebanyakan website company profile hanya menjelaskan informasi mengenai perusahaan tersebut.

Nah kali ini pada Bizniz Theme, selain Anda dapat menampilkan informasi tentang perusahaan/bisnis

Anda, Anda juga dapat menjual jasa, produk digital ataupun produk fisik dalam website company

profile tersebut. Telah disediakan fitur “PAKET” untuk keperluan penjualan, baik itu jual jasa ataupun

produk digital/ fisik. Contoh model website yang cocok menggunakan Bizniz Theme antara lain:

Website yang menjual “Jasa” (online/offline)

Jual Jasa Pembuatan Website

Jual Jasa Desain Grafis

Jual Jasa Penulis Konten

Jual Jasa SEO

Dll

Website yang menjual “Produk” (fisik/digital)

Jual Ebook Tutorial

Jual Paket Kursus Online/Offline

Jual Paket Berlibur

Dll

*Intinya menjual apapun bisa, baik itu menjual jasa, produk digital dsb.

Fitur ini juga dilengkapi 2 metode order yang sangat mudah Anda atur sesuai kebutuhan, yaitu:

Formulir Pemesanan (send to email)

Orderan dari customer akan dikirimkan ke email Anda sebagai admin website. (seller)

Direct Page (diarahkan ke halaman cara order)

Tombol pemesanan tidak menampilkan formulir pemesanan, melainkan diarahkan ke halaman

order yang sudah Anda buat sebelumnya.

Jadi, sangat mudah sekali pengaturannya! Semoga bermanfaat dan berkah untuk kita semua

Salam Sukses!

Tri Yuli Kurniawan

Admin Oketheme.com

Page 4: Bizniz Theme Documentation - tokowebpedia.com · Jual Jasa Desain Grafis Jual Jasa Penulis Konten Jual Jasa SEO Dll Website yang menjual “Produk” (fisik/digital) Jual Ebook Tutorial

Tutorial Bizniz Theme - Template Company Profile/Bisnis Wordpress | Copyright © 2015 Oketheme.com (Hal 4)

2. CARA INSTALL BIZNIZ THEME

Berikut adalah langkah-langkah melakukan instalasi template melalui wordpress dashboard:

1. Pastikan Anda sudah login wp-admin website Anda.

namadomain.com/wp-login.php

2. Klik Appereance > Themes > Klik tombol Add New

3. Setelah itu, tombol Add New akan berubah menjadi tombol Upload Theme, klik tombol

tersebut lalu klik tombol Choose File, pilih file template (.zip) yang akan Anda install.

4. Tunggu sampai proses install selesai, kemudian klik Activate

5. Selesai. Ikuti tutorial pada bab selanjutnya. Cara mengkonfigurasi theme options

Page 5: Bizniz Theme Documentation - tokowebpedia.com · Jual Jasa Desain Grafis Jual Jasa Penulis Konten Jual Jasa SEO Dll Website yang menjual “Produk” (fisik/digital) Jual Ebook Tutorial

Tutorial Bizniz Theme - Template Company Profile/Bisnis Wordpress | Copyright © 2015 Oketheme.com (Hal 5)

3. KONFIGURASI BIZNIZ OPTIONS

Selanjutnya, Anda dapat melakukan konfigurasi theme options yang telah disediakan:

Pada theme option, Anda dapat merubah logo, banner dan beberapa pengaturan fitur-fitur yang

tersedia pada template ini. Perhatikan teks instruksi pada setiap pengaturan, ini dapat membantu

Anda agar lebih mudah melakukan konfigurasi pada theme options.

PERHATIAN: Pada bab selanjutnya akan dijelaskan lebih detail cara mengganti gambar logo, favicon,

background dan slider. Silahkan lanjutkan membaca tutorial ini. OK

*Masih banyak member Oketheme.com yang melakukan kesalahan ketika mengganti gambar logo dll.

Mungkin tidak membaca tutorial ini dengan teliti, jadi mohon untuk diperhatikan agar tidak terjadi kesalahan.

Page 6: Bizniz Theme Documentation - tokowebpedia.com · Jual Jasa Desain Grafis Jual Jasa Penulis Konten Jual Jasa SEO Dll Website yang menjual “Produk” (fisik/digital) Jual Ebook Tutorial

Tutorial Bizniz Theme - Template Company Profile/Bisnis Wordpress | Copyright © 2015 Oketheme.com (Hal 6)

4. CARA INPUT/UPLOAD GAMBAR (mengganti gambar logo, favicon, slider dll)

Berikut ini adalah cara input/upload gambar. Silahkan disimak langkah-langkahnya berikut ini:

Contoh: Upload Logo Website Anda

*Cara ini juga dapat gunakan ketika Anda ingin mengganti/upload gambar favicon, banner slider atau background.

1. Klik tombol Browse pada pengaturan Logo Website

2. Muncul pop up, pilih tabs bagian From Computer > klik tombol Select Files > Pilih file gambar

yang ingin Anda jadikan logo > Lalu klik tombol Open

*Lihat gambar berikut (Rekomendasi: logo ukuran 360x100 pixel)

Page 7: Bizniz Theme Documentation - tokowebpedia.com · Jual Jasa Desain Grafis Jual Jasa Penulis Konten Jual Jasa SEO Dll Website yang menjual “Produk” (fisik/digital) Jual Ebook Tutorial

Tutorial Bizniz Theme - Template Company Profile/Bisnis Wordpress | Copyright © 2015 Oketheme.com (Hal 7)

3. Setelah file gambar terupload, scroll ke bawah pada bagian pop up detail gambar yang sukses

diupload tersebut. Perhatikan gambar di bawah ini dan berikut point pentingnya:

Pada Link URL, wajib Anda klik tombol File URL agar kolom Link URL yang tadinya kosong

akan terisi dengan lokasi file gambar tersimpan.

Pada Size, Pilih Full Size

Lalu klik tombol Insert to Post

4. Maka, gambar logo website Anda akan tampil seperti pada gambar berikut ini:

5. Jangan lupa untuk menyimpan settingan Anda pada theme options setiap Anda melakukan

perubahan. Klik tombol Save Changes yang berada di pojok kanan atas dan pojok kanan bawah

halaman theme options.

PERHATIAN: Kembali kami ingatkan, jangan lupa membaca text instruksi yang telah kami cantumkan

pada setiap point pengaturan agar Anda lebih mudah dalam melakukan konfigurasi pada halaman

theme options.

Page 8: Bizniz Theme Documentation - tokowebpedia.com · Jual Jasa Desain Grafis Jual Jasa Penulis Konten Jual Jasa SEO Dll Website yang menjual “Produk” (fisik/digital) Jual Ebook Tutorial

Tutorial Bizniz Theme - Template Company Profile/Bisnis Wordpress | Copyright © 2015 Oketheme.com (Hal 8)

5. CARA MENAMBAHKAN PORTOFOLIO

Apabila Anda membuat website perusahaan penyedia layanan/jasa, biasanya akan menampilkan

portofolio hasil kerjanya selama ini. Disini kami akan menjelaskan cara mengaktifkan fitur ini dan cara

membuat portofolio pada website Anda.

1. Aktifkan dahulu fitur Portofolio pada Bizniz Options. Anda juga dapat mengatur settingan

lainnya tentang fitur Portofolio ini. *Baca instruksi pada theme options

2. Untuk mulai menambahkan portofolio, klik menu Portofolio > Tambahkan Portofolio Baru

3. Muncul halaman editor dimana Anda dapat menambahkan 3 point detail portofolio, yaitu:

1. Judul Portofolio

2. Deskripsi/ penjelasan tentang portofolio Anda

3. Gambar Portofolio *Cara input/upload gambar sama seperti penjelasan sebelumnya

4. Apabila semua point diatas telah terisi, klik tombol Publish

Page 9: Bizniz Theme Documentation - tokowebpedia.com · Jual Jasa Desain Grafis Jual Jasa Penulis Konten Jual Jasa SEO Dll Website yang menjual “Produk” (fisik/digital) Jual Ebook Tutorial

Tutorial Bizniz Theme - Template Company Profile/Bisnis Wordpress | Copyright © 2015 Oketheme.com (Hal 9)

6. CARA MENAMBAHKAN PAKET JASA/PRODUK

Berikut ini adalah cara menambahkan paket jasa/produk. Jasa dan produk disini bisa diartikan banyak

hal, bisa berupa jasa seo, jasa pembuatan web, produk fisik paket parsel, paket liburan dan paket

lainnya.

1. Aktifkan dahulu fitur Paket Jasa/Produk pada Bizniz Options. Anda juga dapat mengatur

settingan lainnya tentang fitur Paket ini. *Baca instruksi pada theme options

2. Untuk mulai menambahkan paket, klik menu Paket Jasa/Produk > Tambahkan Paket Baru

3. Muncul halaman editor dimana Anda dapat menambahkan 3 point paket, yaitu:

1. Judul Paket

2. Deskripsi penjelasan detail paket

3. Informasi paket yang berisi rincian paket seperti harga paket, kode paket, list spesifikasi

paket dll. *Baca instruksi pada setiap rincian paket

4. Apabila semua point diatas telah terisi, klik tombol Publish

Page 10: Bizniz Theme Documentation - tokowebpedia.com · Jual Jasa Desain Grafis Jual Jasa Penulis Konten Jual Jasa SEO Dll Website yang menjual “Produk” (fisik/digital) Jual Ebook Tutorial

Tutorial Bizniz Theme - Template Company Profile/Bisnis Wordpress | Copyright © 2015 Oketheme.com (Hal 10)

7. CARA MENAMBAHKAN KATEGORI & ARTIKEL BLOG

Agar website Anda semakin SEO atau lebih disukai oleh mesin pencari, postinglah artikel terkait

perusahaan/bisnis Anda dan informasi lainnya yang bermanfaat bagi pengunjung website Anda.

A. Menambahkan Kategori Artikel

Sebelumnya, Anda dapat membuat kategori terlebih dahulu. Fungsinya adalah mengelompokan

artikel agar lebih rapi dan lebih mudah ditemukan. Membuat kategori juga dapat dilakukan ketika

Anda berada pada halaman editor saat menambahkan postingan/artikel baru.

1. Arahkan kursor pada Post > lalu klik Categories

2. Ketik “Nama Kategori” yang ingin ditambahkan, kemudian klik tombol Add New Categorie.

*Ulangi untuk membuat lagi kategori baru

B. Menambahkan/memposting Artikel

Selanjutnya untuk membuat artikel baru, ikuti langkah-langkah berikut ini:

1. Arahkan kursor pada Post

2. Lalu klik Add New

Page 11: Bizniz Theme Documentation - tokowebpedia.com · Jual Jasa Desain Grafis Jual Jasa Penulis Konten Jual Jasa SEO Dll Website yang menjual “Produk” (fisik/digital) Jual Ebook Tutorial

Tutorial Bizniz Theme - Template Company Profile/Bisnis Wordpress | Copyright © 2015 Oketheme.com (Hal 11)

3. Muncul halaman editor dimana Anda dapat mulai membuat/menulis artikel blog:

1. Tulis Judul Artikel

2. Tulis Deskripsi Artikel

*Anda dapat menambahkan gambar pada artikel, klik tombol Add Media

3. Pilih kategori artikel (Categories)

4. Tuliskan tags artikel (Tags) *pisahkan dengan koma untuk tags lebih dari satu

5. Kalau sudah semuanya, klik tombol Publish

PERHATIAN: Untuk menampilkan fitur Artikel Blog, Anda perlu mengaktifkan fitur ini pada

pengaturan Bizniz Theme, pada bagian Artikel Blog. Lihat gambar dibawah ini:

Page 12: Bizniz Theme Documentation - tokowebpedia.com · Jual Jasa Desain Grafis Jual Jasa Penulis Konten Jual Jasa SEO Dll Website yang menjual “Produk” (fisik/digital) Jual Ebook Tutorial

Tutorial Bizniz Theme - Template Company Profile/Bisnis Wordpress | Copyright © 2015 Oketheme.com (Hal 12)

8. SETTING PERMALINK

Pengaturan permalink setiap orang dapat berbeda-beda, ini bersifat optional saja namun sangat

direkomendasikan agar website Anda lebih seo friendly atau disukai oleh mesin pencari seperti

Google. Anda dapat mengganti settingan permalink seperti langkah-langkah berikut ini:

1. Arahkan kursor pada Settings > Permalinks

2. Pilih pada Common Settings

3. Lalu pilih pada Custom Stucture

4. Tambahkan kode /%postname%.html

Fungsinya: Agar permalink website lebih SEO Friendly dan lebih bagus di mata search engine.

Page 13: Bizniz Theme Documentation - tokowebpedia.com · Jual Jasa Desain Grafis Jual Jasa Penulis Konten Jual Jasa SEO Dll Website yang menjual “Produk” (fisik/digital) Jual Ebook Tutorial

Tutorial Bizniz Theme - Template Company Profile/Bisnis Wordpress | Copyright © 2015 Oketheme.com (Hal 13)

9. CUSTOM MENUS (OPTIONAL)

Custom menus hanya tersedia pada bagian Navigasi Atas. Anda dapat mengatur isi dari navigasi

tersebut dengan membuat menu baru. Secara default, navigasi atas menampilkan link Home/Beranda

dan Pages.

Langkah-langkah membuat custom menu:

1. Klik Appereance > Menus > Cari tombol create a new menu *lihat gambar dibawah (no.1)

2. Beri nama menu yang Anda buat, contoh: Menu Custom A *lihat gambar dibawah (no.2)

3. Apabila sudah dibuat menunya, isi komponen menu dari sisi A dan tambahkan ke sisi B

menggunakan tombol Add to Menu. *lihat gambar dibawah (no.3)

4. Aturlah posisi atau urutan komponen custom menu pada sisi B. Apabila sudah OK, centang

pada Menu Header Atas untuk menampilkan menu yang Anda buat pada Menu Header Atas

website. *lihat gambar dibawah (no.4 dan kotak B)

5. Klik tombol Save Menu

6. Hasilnya akan tampak seperti ini (sesuai menu yang dibuat pada contoh diatas)

Page 14: Bizniz Theme Documentation - tokowebpedia.com · Jual Jasa Desain Grafis Jual Jasa Penulis Konten Jual Jasa SEO Dll Website yang menjual “Produk” (fisik/digital) Jual Ebook Tutorial

Tutorial Bizniz Theme - Template Company Profile/Bisnis Wordpress | Copyright © 2015 Oketheme.com (Hal 14)

10. WIDGET AREA (SIDEBAR & FOOTER BAR)

Bizniz Theme mempunyai 4 (empat) widget area yaitu: Sidebar, Footer bagian kiri, tengah dan kanan.

Anda dapat menambahkan widget pada tiap-tiap widget area yang tersedia di halaman Widgets.

1. Klik Appereance > Widgets

2. Anda dapat menambahkan widgets yang tersedia di sebelah kiri (sisi A) ke widget area yang ada

di sebelah kanan (sisi B)

3. Klik salah satu widget yang ingi Anda tambahkan (sisi A), lalu pilih widget area tempat Anda ingin

meletakkan widget tersebut.

Contoh: Menambahkan widget Categories

1. Klik Widget Categories

2. Pilih Widget Area-nya (contoh: Sidebar)

3. Klik tombol Add Widget

4. Atur dan setting sesuai kebutuhan Anda.

Page 15: Bizniz Theme Documentation - tokowebpedia.com · Jual Jasa Desain Grafis Jual Jasa Penulis Konten Jual Jasa SEO Dll Website yang menjual “Produk” (fisik/digital) Jual Ebook Tutorial

Tutorial Bizniz Theme - Template Company Profile/Bisnis Wordpress | Copyright © 2015 Oketheme.com (Hal 15)

11. OPTIMASI KECEPATAN WEBSITE

Tips agar website Anda semakin lebih cepat ketika diakses oleh pengunjung website Anda. Dengan

cara menambahkan kode berikut ini pada htaccess file website Anda. COPY file kode berikut ini:

## EXPIRES CACHING ## <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access 1 year" ExpiresByType image/jpeg "access 1 year" ExpiresByType image/gif "access 1 year" ExpiresByType image/png "access 1 year" ExpiresByType text/css "access 1 month" ExpiresByType application/pdf "access 1 month" ExpiresByType text/x-javascript "access 1 month" ExpiresByType application/x-shockwave-flash "access 1 month" ExpiresByType image/x-icon "access 1 year" ExpiresDefault "access 1 month" </IfModule> ## EXPIRES CACHING ## # compress text, html, javascript, css, xml: AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript # Or, compress certain file types by extension: <Files *.html> SetOutputFilter DEFLATE </Files> Header unset ETag FileETag None

Untuk mengedit file htaccess Anda perlu masuk ke File Manager hosting Anda. Namun dengan

adanya plugin WPHtaccess Editor, Anda dapat mengedit langsung dari WP dashboard Anda.

1. Download file plugin WP Htaccess Editor dari halaman member area (Plugin Tambahan).

2. Install plugin tersebut. Caranya: klik Plugins > Add New > Upload Plugin

Page 16: Bizniz Theme Documentation - tokowebpedia.com · Jual Jasa Desain Grafis Jual Jasa Penulis Konten Jual Jasa SEO Dll Website yang menjual “Produk” (fisik/digital) Jual Ebook Tutorial

Tutorial Bizniz Theme - Template Company Profile/Bisnis Wordpress | Copyright © 2015 Oketheme.com (Hal 16)

3. Klik tombol Choose File, pilih file plugin yang sebelumnya sudah didownload, kemudian klik

Install Now

4. Setelah terinstall, Activate (aktifkan)

5. Maka, akan ada menu Htaccess pada sidebar WP dashboard Anda. Klik menu Htaccess

6. Pada Content of the Htaccess File, PASTE kode tambahan di lokasi no.2 pada gambar berikut:

7. Hasilnya akan seperti gambar berikut ini, jangan lupa klik tombol Save file

Page 17: Bizniz Theme Documentation - tokowebpedia.com · Jual Jasa Desain Grafis Jual Jasa Penulis Konten Jual Jasa SEO Dll Website yang menjual “Produk” (fisik/digital) Jual Ebook Tutorial

Tutorial Bizniz Theme - Template Company Profile/Bisnis Wordpress | Copyright © 2015 Oketheme.com (Hal 17)

12. RECOMMENDED HOSTINGS

Pilihlah penyedia hosting yang tepat untuk website Anda, berikut ini beberapa penyedia hosting yang

kami rekomendasikan :

1. HOSTGATOR $9.94 OFF for early Month use Coupon OKETHEMECOM

Hostgator adalah salah satu penyedia hosting yang handal dan supportnya tidak diragukan lagi.

Namun untuk harganya cukup mahal tetapi sesuai dengan yang Anda dapatkan. Order disini

Payment : Paypal & Credit Card

2. HAWKHOST Untuk kode diskon terbaru, silahkan hubungi kami.

Penyedia hosting yang satu ini cukup bagus. Jarang sekali maintenance dan supportnya juga tidak

mengecewakan. Order disini

Payment : Paypal & Credit Card

3. WUZZHOST Harga Murah Tanpa Diskon

Kami hanya menawarkan hosting kami kepada member Oketheme saja. Server handal dan

Terjangkau! Order disini

Payment : Transfer Bank Indonesia

NEED SUPPORT? SUBMIT HERE!

Like Facebook OKETHEME

http://www.facebook.com/oketheme

Informasi Update dan kupon diskon tersedia, jangan sampai ketinggalan!

Warm Regards,

Tri Yuli Kurniawan Admin Oketheme.com